From 4f04ac708b769f8cdf9f1f43cb1a1cf9adeb1b04 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Mon, 30 Mar 2026 15:20:17 -0400
Subject: [PATCH 001/190] feat: apply next branch changes onto main

Replays the net delta of all unique work from the 'next' branch
onto main's history, fixing the history divergence caused by
git-filter-repo rewriting all commit hashes on next.

Includes: ADM integration, data quality dashboard, editable tables,
stix-list refactors, theme updates, and CI fixes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .github/workflows/ci.yml                      |   62 +-
 .gitignore                                    |    1 +
 .releaserc                                    |    4 -
 Dockerfile                                    |    3 +
 angular.json                                  |   16 +-
 karma.conf.js                                 |   32 -
 package-lock.json                             | 7066 +++++++++--------
 package.json                                  |   31 +-
 src/app/app-routing.module.ts                 |   61 +-
 src/app/app.component.spec.ts                 |   40 +-
 src/app/app.module.ts                         |   16 +-
 src/app/classes/external-references.ts        |   75 +-
 src/app/classes/serializable.ts               |    4 +-
 src/app/classes/stix/analytic.ts              |   65 +-
 src/app/classes/stix/asset.ts                 |    9 +-
 src/app/classes/stix/campaign.ts              |   17 +-
 src/app/classes/stix/collection.ts            |    6 +-
 src/app/classes/stix/data-component.ts        |   28 +-
 src/app/classes/stix/data-source.ts           |    9 +-
 src/app/classes/stix/detection-strategy.ts    |    9 +-
 src/app/classes/stix/group.ts                 |    9 +-
 src/app/classes/stix/identity.ts              |   14 +-
 src/app/classes/stix/marking-definition.ts    |   12 +-
 src/app/classes/stix/matrix.ts                |    9 +-
 src/app/classes/stix/mitigation.ts            |    9 +-
 src/app/classes/stix/note.ts                  |    6 +-
 src/app/classes/stix/relationship.ts          |   26 +-
 src/app/classes/stix/software.ts              |    9 +-
 src/app/classes/stix/stix-object.ts           |  436 +-
 src/app/classes/stix/tactic.ts                |   10 +-
 src/app/classes/stix/technique.ts             |   14 +-
 src/app/classes/version-number.ts             |   10 +-
 .../add-dialog/add-dialog.component.spec.ts   |   14 +
 .../add-relationship-button.component.spec.ts |   15 +
 .../breadcrumb/breadcrumb.component.spec.ts   |    2 +
 ...ollection-import-summary.component.spec.ts |   22 +
 ...collection-update-dialog.component.spec.ts |   27 +-
 .../confirmation-dialog.component.spec.ts     |   12 +
 .../contributor-edit-dialog.component.spec.ts |   14 +
 .../create-new-dialog.component.spec.ts       |   15 +
 .../delete-dialog.component.spec.ts           |   10 +
 .../empty-list-marker.component.spec.ts       |    2 +
 .../footer/footer.component.spec.ts           |    2 +
 .../components/header/header.component.scss   |    2 +-
 .../header/header.component.spec.ts           |   40 +
 .../icon-view/icon-view.component.spec.ts     |    7 +
 .../loading-overlay.component.html            |   31 +-
 .../loading-overlay.component.scss            |   44 +
 .../loading-overlay.component.spec.ts         |    2 +
 .../loading-overlay.component.ts              |   10 +
 .../markdown-view-dialog.component.spec.ts    |   12 +
 .../tactic-cell/tactic-cell.component.spec.ts |   10 +
 .../technique-cell.component.spec.ts          |   11 +
 .../multiple-choice-dialog.component.spec.ts  |   13 +
 .../object-status.component.spec.ts           |   38 +
 .../object-status/object-status.component.ts  |   26 +-
 ...outdated-content-warning.component.spec.ts |    2 +
 .../property-diff.component.spec.ts           |    7 +
 .../recent-activity.component.spec.ts         |    5 +
 .../reference-edit-dialog.component.spec.ts   |   34 +
 .../history-timeline.component.spec.ts        |   48 +
 .../notes-editor.component.spec.ts            |   24 +
 .../reference-sidebar.component.spec.ts       |   18 +
 .../resources-drawer.component.spec.ts        |   11 +
 .../search/search.component.spec.ts           |   26 +
 .../save-dialog/save-dialog.component.html    |   10 +-
 .../save-dialog/save-dialog.component.spec.ts |   28 +
 .../save-dialog/save-dialog.component.ts      |   34 +-
 .../stix-json-dialog.component.spec.ts        |   19 +
 .../alias-diff/alias-diff.component.spec.ts   |    4 +-
 .../alias-edit-dialog.component.spec.ts       |    8 +-
 .../alias-edit/alias-edit.component.spec.ts   |    4 +-
 .../alias-property.component.spec.ts          |   10 +
 .../alias-view/alias-view.component.spec.ts   |    4 +-
 .../attackid-diff.component.html              |    8 -
 .../attackid-diff.component.spec.ts           |   22 -
 .../attackid-diff/attackid-diff.component.ts  |   18 -
 .../attackid-edit.component.html              |   23 -
 .../attackid-edit.component.scss              |    8 -
 .../attackid-edit.component.spec.ts           |   24 -
 .../attackid-edit/attackid-edit.component.ts  |   75 -
 .../attackid-property.component.html          |   61 +-
 .../attackid-property.component.spec.ts       |   19 +-
 .../attackid-property.component.ts            |   21 +-
 .../attackid-view.component.html              |    3 -
 .../attackid-view.component.spec.ts           |   24 -
 .../attackid-view/attackid-view.component.ts  |   20 -
 .../boolean-property.component.spec.ts        |   10 +
 .../citation-diff.component.spec.ts           |   11 +
 .../citation-edit.component.spec.ts           |   28 +-
 .../citation-property.component.spec.ts       |    9 +
 .../citation-view.component.spec.ts           |   12 +-
 .../datepicker-property.component.spec.ts     |    9 +
 .../descriptive-diff.component.spec.ts        |   10 +-
 .../descriptive-edit.component.spec.ts        |   28 +-
 .../descriptive-property.component.spec.ts    |    8 +
 .../descriptive-view.component.spec.ts        |   15 +
 .../dictionary-diff.component.html            |   23 +
 .../dictionary-diff.component.scss}           |    0
 .../dictionary-diff.component.ts              |   86 +
 .../dictionary-edit.component.html            |   81 +
 .../dictionary-edit.component.scss            |  131 +
 .../dictionary-edit.component.ts              |  114 +
 .../dictionary-property.component.html        |   11 +
 .../dictionary-property.component.scss        |    0
 .../dictionary-property.component.ts          |   36 +
 .../dictionary-view.component.html            |   20 +
 .../dictionary-view.component.scss            |    9 +
 .../dictionary-view.component.ts              |   40 +
 ...external-references-diff.component.spec.ts |   11 +-
 ...rnal-references-property.component.spec.ts |    7 +
 ...external-references-view.component.spec.ts |   23 +-
 .../identity-property.component.spec.ts       |   22 +
 .../list-diff/list-diff.component.spec.ts     |    8 +-
 .../list-edit/list-edit.component.spec.ts     |   13 +-
 .../list-property.component.spec.ts           |   16 +
 .../list-view/list-view.component.spec.ts     |    9 +
 .../list-view/list-view.component.ts          |    9 +-
 ...-source-reference-dialog.component.spec.ts |   28 +-
 ...og-source-reference-diff.component.spec.ts |   20 +-
 ...og-source-reference-edit.component.spec.ts |   21 +
 ...ource-reference-property.component.spec.ts |    6 +
 ...og-source-reference-view.component.spec.ts |   17 +-
 .../name-property.component.spec.ts           |   14 +
 .../ordered-list-diff.component.spec.ts       |   11 +
 .../ordered-list-edit.component.spec.ts       |   14 +-
 .../ordered-list-property.component.spec.ts   |    9 +
 .../ordered-list-view.component.spec.ts       |   11 +
 .../statement-diff.component.spec.ts          |   12 +-
 .../statement-edit.component.spec.ts          |   12 +-
 .../statement-property.component.spec.ts      |   16 +
 .../statement-view.component.spec.ts          |   10 +
 .../stix/stix-list/stix-list.component.html   |  177 +-
 .../stix-list/stix-list.component.spec.ts     |   11 +-
 .../stix/stix-list/stix-list.component.ts     |  811 +-
 .../stixid-property.component.spec.ts         |   11 +
 .../string-property.component.spec.ts         |   15 +
 .../subtype-dialog.component.spec.ts          |   38 +-
 .../subtype-diff.component.spec.ts            |   10 +-
 .../subtype-edit.component.spec.ts            |    9 +-
 .../subtype-property.component.spec.ts        |   12 +
 .../subtype-view/subtype-view.component.html  |    2 +-
 .../subtype-view/subtype-view.component.scss  |   25 +-
 .../subtype-view.component.spec.ts            |   11 +
 .../timestamp-property.component.spec.ts      |    9 +
 .../timestamp-view.component.spec.ts          |   11 +-
 .../tlp-diff/tlp-diff.component.spec.ts       |    7 +
 .../tlp-edit/tlp-edit.component.spec.ts       |    2 +
 .../tlp-property.component.spec.ts            |   21 +
 .../tlp-view/tlp-view.component.spec.ts       |    2 +
 .../version-diff.component.spec.ts            |    7 +
 .../version-edit.component.spec.ts            |    9 +-
 .../version-property.component.spec.ts        |   11 +-
 .../version-view.component.spec.ts            |   13 +
 .../subheading/subheading.component.spec.ts   |   18 +
 .../toolbar/toolbar.component.spec.ts         |   15 +
 .../users-list/users-list.component.spec.ts   |   31 +
 .../validation-results.component.spec.ts      |    7 +
 .../version-popover.component.spec.ts         |    9 +
 .../authentication.service.spec.ts            |    7 +-
 .../rest-api-connector.service.spec.ts        |    7 +-
 .../rest-api/rest-api-connector.service.ts    |  191 +
 .../services/editor/editor.service.spec.ts    |   18 +-
 src/app/services/editor/editor.service.ts     |    2 +-
 .../services/helpers/auth.interceptor.spec.ts |    2 +
 .../helpers/authorization.guard.spec.ts       |    7 +-
 .../helpers/breadcrumb.service.spec.ts        |    5 +-
 .../services/sidebar/sidebar.service.spec.ts  |    9 +-
 src/app/services/title/title.service.spec.ts  |   17 +-
 .../website-integration.service.spec.ts       |   18 +-
 .../mocks/authentication-service.mock.ts      |  145 +
 .../testing/mocks/rest-api-connector.mock.ts  |   62 +
 src/app/utils/types.ts                        |    7 +-
 .../collection-manager.component.spec.ts      |   18 +
 .../contributors-page.component.spec.ts       |   19 +
 .../dashboard-page.component.html             |   40 +-
 .../dashboard-page.component.spec.ts          |   18 +
 .../dashboard-page.component.ts               |   15 +-
 .../data-quality/data-quality.component.html  |   79 +
 .../data-quality/data-quality.component.scss  |   52 +
 .../data-quality.component.spec.ts            |   31 +
 .../data-quality/data-quality.component.ts    |  285 +
 ...ault-marking-definitions.component.spec.ts |   32 +-
 .../org-settings-page.component.spec.ts       |   18 +
 .../teams-list-page.component.spec.ts         |   29 +-
 .../teams-view-page.component.spec.ts         |   33 +-
 .../user-accounts-page.component.spec.ts      |   19 +
 .../help-page/help-page.component.spec.ts     |   22 +
 .../landing-page.component.spec.ts            |    5 +
 .../notes-page/notes-page.component.spec.ts   |    4 +
 .../profile-page.component.spec.ts            |   33 +
 .../reference-manager.component.spec.ts       |   18 +
 .../analytic-view.component.html              |    2 -
 .../analytic-view.component.spec.ts           |   19 +-
 .../analytic-view/analytic-view.component.ts  |   21 -
 .../asset-view/asset-view.component.spec.ts   |   18 +-
 .../campaign-view.component.spec.ts           |   18 +-
 .../collection-import-error.component.spec.ts |   16 +
 ...collection-import-review.component.spec.ts |   31 +-
 .../collection-import.component.html          |    2 +-
 .../collection-import.component.spec.ts       |   31 +-
 .../collection-import.component.ts            |  227 +-
 .../collection-index-import.component.spec.ts |   31 +-
 .../collection-index-list.component.spec.ts   |   18 +-
 .../collection-index-view.component.spec.ts   |   24 +-
 .../collection-list.component.spec.ts         |    8 +-
 .../collection-view.component.spec.ts         |   25 +-
 .../data-component-view.component.html        |   18 +-
 .../data-component-view.component.spec.ts     |   18 +-
 .../data-source-view.component.spec.ts        |   19 +
 .../detection-strategy-view.component.spec.ts |   20 +-
 .../group-view/group-view.component.spec.ts   |   18 +-
 .../marking-definition-view.component.spec.ts |   12 +
 .../matrix-flat/matrix-flat.component.spec.ts |    2 +
 .../matrix-side/matrix-side.component.spec.ts |    2 +
 .../matrix-view/matrix-view.component.spec.ts |   33 +-
 .../mitigation-view.component.spec.ts         |   18 +-
 .../relationship-view.component.spec.ts       |   24 +-
 .../software-view.component.spec.ts           |   23 +
 .../stix-dialog/stix-dialog.component.spec.ts |   35 +-
 .../stix-list-page.component.spec.ts          |    5 +-
 .../stix-page/stix-page.component.spec.ts     |   44 +-
 .../tactic-view/tactic-view.component.spec.ts |   19 +-
 .../technique-view.component.spec.ts          |   27 +-
 src/style/colors.scss                         |    4 +
 src/style/layouts/app-table.scss              |   26 +-
 src/style/layouts/extended-button.scss        |   25 +
 src/style/theme.scss                          |    2 +-
 src/test-setup.ts                             |   27 +
 src/test.ts                                   |   17 -
 tsconfig.spec.json                            |    8 +-
 vite.config.ts                                |   45 +
 232 files changed, 8839 insertions(+), 4845 deletions(-)
 delete mode 100644 karma.conf.js
 delete mode 100644 src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.html
 delete mode 100644 src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.spec.ts
 delete mode 100644 src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.ts
 delete mode 100644 src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.html
 delete mode 100644 src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.scss
 delete mode 100644 src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.spec.ts
 delete mode 100644 src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.ts
 delete mode 100644 src/app/components/stix/attackid-property/attackid-view/attackid-view.component.html
 delete mode 100644 src/app/components/stix/attackid-property/attackid-view/attackid-view.component.spec.ts
 delete mode 100644 src/app/components/stix/attackid-property/attackid-view/attackid-view.component.ts
 create mode 100644 src/app/components/stix/dictionary-property/dictionary-diff/dictionary-diff.component.html
 rename src/app/components/stix/{attackid-property/attackid-view/attackid-view.component.scss => dictionary-property/dictionary-diff/dictionary-diff.component.scss} (100%)
 create mode 100644 src/app/components/stix/dictionary-property/dictionary-diff/dictionary-diff.component.ts
 create mode 100644 src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.html
 create mode 100644 src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.scss
 create mode 100644 src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.ts
 create mode 100644 src/app/components/stix/dictionary-property/dictionary-property.component.html
 create mode 100644 src/app/components/stix/dictionary-property/dictionary-property.component.scss
 create mode 100644 src/app/components/stix/dictionary-property/dictionary-property.component.ts
 create mode 100644 src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.html
 create mode 100644 src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.scss
 create mode 100644 src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.ts
 create mode 100644 src/app/testing/mocks/authentication-service.mock.ts
 create mode 100644 src/app/testing/mocks/rest-api-connector.mock.ts
 create mode 100644 src/app/views/dashboard-page/data-quality/data-quality.component.html
 create mode 100644 src/app/views/dashboard-page/data-quality/data-quality.component.scss
 create mode 100644 src/app/views/dashboard-page/data-quality/data-quality.component.spec.ts
 create mode 100644 src/app/views/dashboard-page/data-quality/data-quality.component.ts
 create mode 100644 src/test-setup.ts
 delete mode 100644 src/test.ts
 create mode 100644 vite.config.ts

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 4780a57b0..ad3f89835 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -8,7 +8,6 @@ on:
       - next-major
       - beta
       - alpha
-      - adm
       - '*.x'     # Matches branches like '1.x', '2.x'
   pull_request: # Run on all PRs regardless of target branch
   workflow_dispatch:
@@ -36,9 +35,66 @@ jobs:
       - name: Validate all commits
         run: npx commitlint --from ${{ github.event.pull_request.base.sha || github.event.before }} --to ${{ github.event.pull_request.head.sha || github.sha }} --verbose
 
-  # Job 2: Semantic Release and Docker Build
-  release:
+  # Job 2a: Static Checks (Linting)
+  static-checks:
+    needs: [commitlint]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22.x'
+
+      - name: Install dependencies
+        run: npm ci
+
+      # since there are lots of lint errors, run lint with warnonly to not fail the build
+      - name: Run linting
+        run: npm run lint:warnonly
+
+  # Job 2b: Tests
+  run-tests:
+    runs-on: ubuntu-latest
     needs: [commitlint]
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22.x'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run regression tests with code coverage
+        run: npm run test:coverage
+
+      - name: Upload coverage artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: workbench-frontend-coverage
+          path: coverage
+          retention-days: 7
+
+      - name: Upload coverage reports to Codecov
+        uses: codecov/codecov-action@v4
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          slug: center-for-threat-informed-defense/attack-workbench-frontend
+          files: coverage/lcov.info
+          verbose: true
+
+      - name: Verify integrity of dependencies
+        run: npm audit signatures
+
+  # Job 3: Semantic Release and Docker Build
+  release:
+    needs: [static-checks, run-tests]
     # Only run on pushes (not PRs) - semantic-release will determine whether to release
     if: github.event_name == 'push'
     runs-on: ubuntu-latest
diff --git a/.gitignore b/.gitignore
index 6dd5bd968..62b926dd1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -18,6 +18,7 @@ speed-measure-plugin*.json
 /.idea
 .project
 .classpath
+.angular/
 .c9/
 *.launch
 .settings/
diff --git a/.releaserc b/.releaserc
index 522f41539..0335eeded 100644
--- a/.releaserc
+++ b/.releaserc
@@ -11,10 +11,6 @@
     {
       "name": "alpha",
       "prerelease": true
-    },
-    {
-      "name": "adm",
-      "prerelease": true
     }
   ],
   "plugins": [
diff --git a/Dockerfile b/Dockerfile
index ac95fadcd..8a3a01dcc 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -36,6 +36,9 @@ LABEL org.opencontainers.image.title="ATT&CK Workbench Frontend Service" \
     org.opencontainers.image.vendor="The MITRE Corporation" \
     org.opencontainers.image.licenses="Apache-2.0" \
     org.opencontainers.image.authors="MITRE ATT&CK<attack@mitre.org>" \
+    org.opencontainers.image.version="${VERSION}" \
+    org.opencontainers.image.created="${BUILDTIME}" \
+    org.opencontainers.image.revision="${REVISION}" \
     maintainer="MITRE ATT&CK<attack@mitre.org>"
 
 # Remove the default nginx website
diff --git a/angular.json b/angular.json
index 0734e1a67..f1ddc95f5 100644
--- a/angular.json
+++ b/angular.json
@@ -110,21 +110,7 @@
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "tsconfig.spec.json",
-            "karmaConfig": "karma.conf.js",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/style/theme.scss"
-            ],
-            "scripts": []
-          }
+          "builder": "@analogjs/vitest-angular:test"
         },
         "e2e": {
           "builder": "@angular-devkit/build-angular:protractor",
diff --git a/karma.conf.js b/karma.conf.js
deleted file mode 100644
index c11180d94..000000000
--- a/karma.conf.js
+++ /dev/null
@@ -1,32 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, './coverage/app'),
-      reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true
-  });
-};
diff --git a/package-lock.json b/package-lock.json
index 09976baa3..43109e488 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,9 +20,11 @@
         "@angular/platform-browser": "^19.2.19",
         "@angular/platform-browser-dynamic": "^19.2.19",
         "@angular/router": "^19.2.19",
+        "@mitre-attack/attack-data-model": "^5.0.0-beta.1",
         "@ng-matero/extensions": "^19.5.1",
         "diff-match-patch-ts": "^0.8.0",
         "jdenticon": "^3.2.0",
+        "lodash": "^4.17.21",
         "marked": "^15.0.11",
         "moment": "^2.29.4",
         "ngx-autosize": "^2.0.4",
@@ -36,16 +38,18 @@
         "zone.js": "~0.15.0"
       },
       "devDependencies": {
+        "@analogjs/vite-plugin-angular": "^1.22.1",
+        "@analogjs/vitest-angular": "^1.22.1",
         "@angular-devkit/build-angular": "^19.2.22",
         "@angular/cli": "^19.2.22",
         "@angular/compiler-cli": "^19.2.19",
         "@codedependant/semantic-release-docker": "^5.1.1",
         "@commitlint/config-conventional": "^20.4.3",
-        "@types/jasmine": "^6.0.0",
-        "@types/jasminewd2": "^2.0.10",
+        "@eslint/js": "^9.39.1",
         "@types/node": "^20.12.11",
+        "@vitest/coverage-v8": "^3.2.4",
+        "@vitest/ui": "^3.2.4",
         "angular-eslint": "^19.4.0",
-        "codelyzer": "^6.0.0",
         "commitlint": "^19.8.0",
         "esbuild-visualizer": "^0.7.0",
         "eslint": "^9.23.0",
@@ -53,22 +57,25 @@
         "eslint-plugin-prettier": "^5.5.5",
         "eslint-plugin-unused-imports": "^4.1.4",
         "husky": "^9.1.7",
-        "jasmine-core": "^5.1.1",
-        "jasmine-spec-reporter": "^7.0.0",
-        "karma": "~6.4.2",
-        "karma-chrome-launcher": "^3.2.0",
-        "karma-coverage-istanbul-reporter": "~3.0.2",
-        "karma-jasmine": "^5.1.0",
-        "karma-jasmine-html-reporter": "^2.1.0",
+        "jsdom": "^27.0.1",
         "prettier": "^3.8.1",
         "prettier-eslint": "^16.3.0",
+        "sass": "^1.94.2",
         "semantic-release": "^25.0.3",
         "ts-node": "^10.9.1",
-        "tslint": "~6.1.0",
         "typescript": "^5.8.3",
-        "typescript-eslint": "^8.53.1"
+        "typescript-eslint": "^8.53.1",
+        "vite": "^6.4.1",
+        "vitest": "^3.2.4"
       }
     },
+    "node_modules/@acemir/cssom": {
+      "version": "0.9.31",
+      "resolved": "https://registry.npmjs.org/@acemir/cssom/-/cssom-0.9.31.tgz",
+      "integrity": "sha512-ZnR3GSaH+/vJ0YlHau21FjfLYjMpYVIzTD8M8vIEQvIGxeOXyXdzCI140rrCY862p/C/BbzWsjc1dgnM9mkoTA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@actions/core": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@actions/core/-/core-1.11.1.tgz",
@@ -122,30 +129,64 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@angular-devkit/architect": {
-      "version": "0.1902.22",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.22.tgz",
-      "integrity": "sha512-98NCVZZwDoL1oW0aj9Wd7piIkt/oSjMZEI04f3oL5nGD1LoXcN7BrYKXIpZ4NP4Pfn+7gJo3nrhglHnhcwQXyg==",
+    "node_modules/@analogjs/vite-plugin-angular": {
+      "version": "1.22.5",
+      "resolved": "https://registry.npmjs.org/@analogjs/vite-plugin-angular/-/vite-plugin-angular-1.22.5.tgz",
+      "integrity": "sha512-N1BQD6HQSp2Imbb1fThymskWFSLq0ZF+d2fe3DgErwlBFf6SzRp++iFltddQc3wIzenTXE+5brS4fAPXO8UT9g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "19.2.22",
-        "rxjs": "7.8.1"
+        "ts-morph": "^21.0.0",
+        "vfile": "^6.0.3"
       },
-      "engines": {
-        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
-        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
-        "yarn": ">= 1.13.0"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/brandonroberts"
+      },
+      "peerDependencies": {
+        "@angular-devkit/build-angular": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
+        "@angular/build": "^18.0.0 || ^19.0.0 || ^20.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@angular-devkit/build-angular": {
+          "optional": true
+        },
+        "@angular/build": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@angular-devkit/architect/node_modules/rxjs": {
-      "version": "7.8.1",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+    "node_modules/@analogjs/vitest-angular": {
+      "version": "1.22.5",
+      "resolved": "https://registry.npmjs.org/@analogjs/vitest-angular/-/vitest-angular-1.22.5.tgz",
+      "integrity": "sha512-lYwa9f6LFClW80sPhCydTOQvKnpWPnyChFhYdgMRpUZuKYo9102PndOLZkqR5K8WlKSilbP2293whaG1vZBMyA==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/brandonroberts"
+      },
+      "peerDependencies": {
+        "@analogjs/vite-plugin-angular": "*",
+        "@angular-devkit/architect": ">=0.1500.0 < 0.2100.0",
+        "vitest": "^1.3.1 || ^2.0.0 || ^3.0.0 || ^4.0.0"
+      }
+    },
+    "node_modules/@angular-devkit/architect": {
+      "version": "0.2003.20",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2003.20.tgz",
+      "integrity": "sha512-1g7q37Aq4dvDdQDW0PtWXfiX5hBV78K74QUtFkAXGIXU3DkguwOQaqHILCnIRAVr0wFlWDckWVuO5OT6Cl9HeQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "tslib": "^2.1.0"
+        "@angular-devkit/core": "20.3.20",
+        "rxjs": "7.8.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
       }
     },
     "node_modules/@angular-devkit/build-angular": {
@@ -274,6 +315,50 @@
         }
       }
     },
+    "node_modules/@angular-devkit/build-angular/node_modules/@angular-devkit/architect": {
+      "version": "0.1902.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.22.tgz",
+      "integrity": "sha512-98NCVZZwDoL1oW0aj9Wd7piIkt/oSjMZEI04f3oL5nGD1LoXcN7BrYKXIpZ4NP4Pfn+7gJo3nrhglHnhcwQXyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "19.2.22",
+        "rxjs": "7.8.1"
+      },
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular-devkit/build-angular/node_modules/@angular-devkit/core": {
+      "version": "19.2.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.22.tgz",
+      "integrity": "sha512-OqN/Ded+ZKypPZN5+qUFwtnKGl7FKpxJXYO2Vts5vLBojY5goCZd9SGW1CyXeuPnisRUW+vjqBQbWYuEUh36Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "8.18.0",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.2",
+        "rxjs": "7.8.1",
+        "source-map": "0.7.4"
+      },
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@angular-devkit/build-angular/node_modules/rxjs": {
       "version": "7.8.1",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
@@ -284,6 +369,37 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@angular-devkit/build-angular/node_modules/sass": {
+      "version": "1.85.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.85.0.tgz",
+      "integrity": "sha512-3ToiC1xZ1Y8aU7+CkgCI/tqyuPXEmYGJXO7H4uqp0xkLXUqp88rQQ4j1HmP37xSJLbCJPaIiv+cT1y+grssrww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/@angular-devkit/build-angular/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/@angular-devkit/build-webpack": {
       "version": "0.1902.22",
       "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1902.22.tgz",
@@ -304,17 +420,23 @@
         "webpack-dev-server": "^5.0.2"
       }
     },
-    "node_modules/@angular-devkit/build-webpack/node_modules/rxjs": {
-      "version": "7.8.1",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+    "node_modules/@angular-devkit/build-webpack/node_modules/@angular-devkit/architect": {
+      "version": "0.1902.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.22.tgz",
+      "integrity": "sha512-98NCVZZwDoL1oW0aj9Wd7piIkt/oSjMZEI04f3oL5nGD1LoXcN7BrYKXIpZ4NP4Pfn+7gJo3nrhglHnhcwQXyg==",
       "dev": true,
-      "license": "Apache-2.0",
+      "license": "MIT",
       "dependencies": {
-        "tslib": "^2.1.0"
+        "@angular-devkit/core": "19.2.22",
+        "rxjs": "7.8.1"
+      },
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
       }
     },
-    "node_modules/@angular-devkit/core": {
+    "node_modules/@angular-devkit/build-webpack/node_modules/@angular-devkit/core": {
       "version": "19.2.22",
       "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.22.tgz",
       "integrity": "sha512-OqN/Ded+ZKypPZN5+qUFwtnKGl7FKpxJXYO2Vts5vLBojY5goCZd9SGW1CyXeuPnisRUW+vjqBQbWYuEUh36Tw==",
@@ -342,7 +464,7 @@
         }
       }
     },
-    "node_modules/@angular-devkit/core/node_modules/rxjs": {
+    "node_modules/@angular-devkit/build-webpack/node_modules/rxjs": {
       "version": "7.8.1",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
       "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
@@ -352,6 +474,59 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@angular-devkit/build-webpack/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@angular-devkit/core": {
+      "version": "20.3.20",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-20.3.20.tgz",
+      "integrity": "sha512-Iobw7He3yJVR2aQ6JN9Kq/2ldD8+uHzJZwd41SQ91A+TzPrBRSV0t80WHHrANZ7xnAjtHDc7zSSGp/i7DzUc9g==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ajv": "8.18.0",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.3",
+        "rxjs": "7.8.2",
+        "source-map": "0.7.6"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular-devkit/core/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/@angular-devkit/schematics": {
       "version": "19.2.22",
       "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-19.2.22.tgz",
@@ -371,6 +546,34 @@
         "yarn": ">= 1.13.0"
       }
     },
+    "node_modules/@angular-devkit/schematics/node_modules/@angular-devkit/core": {
+      "version": "19.2.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.22.tgz",
+      "integrity": "sha512-OqN/Ded+ZKypPZN5+qUFwtnKGl7FKpxJXYO2Vts5vLBojY5goCZd9SGW1CyXeuPnisRUW+vjqBQbWYuEUh36Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "8.18.0",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.2",
+        "rxjs": "7.8.1",
+        "source-map": "0.7.4"
+      },
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@angular-devkit/schematics/node_modules/rxjs": {
       "version": "7.8.1",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
@@ -381,6 +584,16 @@
         "tslib": "^2.1.0"
       }
     },
+    "node_modules/@angular-devkit/schematics/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/@angular-eslint/builder": {
       "version": "19.8.1",
       "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-19.8.1.tgz",
@@ -396,43 +609,107 @@
         "typescript": "*"
       }
     },
-    "node_modules/@angular-eslint/bundled-angular-compiler": {
-      "version": "19.8.1",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-19.8.1.tgz",
-      "integrity": "sha512-WXi1YbSs7SIQo48u+fCcc5Nt14/T4QzYQPLZUnjtsUXPgQG7ZoahhcGf7PPQ+n0V3pSopHOlSHwqK+tSsYK87A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@angular-eslint/eslint-plugin": {
-      "version": "19.8.1",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-19.8.1.tgz",
-      "integrity": "sha512-wZEBMPwD2TRhifG751hcj137EMIEaFmsxRB2EI+vfINCgPnFGSGGOHXqi8aInn9fXqHs7VbXkAzXYdBsvy1m4Q==",
+    "node_modules/@angular-eslint/builder/node_modules/@angular-devkit/architect": {
+      "version": "0.1902.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.22.tgz",
+      "integrity": "sha512-98NCVZZwDoL1oW0aj9Wd7piIkt/oSjMZEI04f3oL5nGD1LoXcN7BrYKXIpZ4NP4Pfn+7gJo3nrhglHnhcwQXyg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "19.8.1",
-        "@angular-eslint/utils": "19.8.1"
+        "@angular-devkit/core": "19.2.22",
+        "rxjs": "7.8.1"
       },
-      "peerDependencies": {
-        "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": "*"
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
       }
     },
-    "node_modules/@angular-eslint/eslint-plugin-template": {
-      "version": "19.8.1",
-      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-19.8.1.tgz",
-      "integrity": "sha512-0ZVQldndLrDfB0tzFe/uIwvkUcakw8qGxvkEU0l7kSbv/ngNQ/qrkRi7P64otB15inIDUNZI2jtmVat52dqSfQ==",
+    "node_modules/@angular-eslint/builder/node_modules/@angular-devkit/core": {
+      "version": "19.2.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.22.tgz",
+      "integrity": "sha512-OqN/Ded+ZKypPZN5+qUFwtnKGl7FKpxJXYO2Vts5vLBojY5goCZd9SGW1CyXeuPnisRUW+vjqBQbWYuEUh36Tw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-eslint/bundled-angular-compiler": "19.8.1",
-        "@angular-eslint/utils": "19.8.1",
-        "aria-query": "5.3.2",
-        "axobject-query": "4.1.0"
+        "ajv": "8.18.0",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.2",
+        "rxjs": "7.8.1",
+        "source-map": "0.7.4"
       },
-      "peerDependencies": {
-        "@angular-eslint/template-parser": "19.8.1",
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular-eslint/builder/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@angular-eslint/builder/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@angular-eslint/bundled-angular-compiler": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-19.8.1.tgz",
+      "integrity": "sha512-WXi1YbSs7SIQo48u+fCcc5Nt14/T4QzYQPLZUnjtsUXPgQG7ZoahhcGf7PPQ+n0V3pSopHOlSHwqK+tSsYK87A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@angular-eslint/eslint-plugin": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-19.8.1.tgz",
+      "integrity": "sha512-wZEBMPwD2TRhifG751hcj137EMIEaFmsxRB2EI+vfINCgPnFGSGGOHXqi8aInn9fXqHs7VbXkAzXYdBsvy1m4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-eslint/bundled-angular-compiler": "19.8.1",
+        "@angular-eslint/utils": "19.8.1"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": "*"
+      }
+    },
+    "node_modules/@angular-eslint/eslint-plugin-template": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-19.8.1.tgz",
+      "integrity": "sha512-0ZVQldndLrDfB0tzFe/uIwvkUcakw8qGxvkEU0l7kSbv/ngNQ/qrkRi7P64otB15inIDUNZI2jtmVat52dqSfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-eslint/bundled-angular-compiler": "19.8.1",
+        "@angular-eslint/utils": "19.8.1",
+        "aria-query": "5.3.2",
+        "axobject-query": "4.1.0"
+      },
+      "peerDependencies": {
+        "@angular-eslint/template-parser": "19.8.1",
         "@typescript-eslint/types": "^7.11.0 || ^8.0.0",
         "@typescript-eslint/utils": "^7.11.0 || ^8.0.0",
         "eslint": "^8.57.0 || ^9.0.0",
@@ -455,6 +732,44 @@
         "strip-json-comments": "3.1.1"
       }
     },
+    "node_modules/@angular-eslint/schematics/node_modules/@angular-devkit/core": {
+      "version": "19.2.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.22.tgz",
+      "integrity": "sha512-OqN/Ded+ZKypPZN5+qUFwtnKGl7FKpxJXYO2Vts5vLBojY5goCZd9SGW1CyXeuPnisRUW+vjqBQbWYuEUh36Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "8.18.0",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.2",
+        "rxjs": "7.8.1",
+        "source-map": "0.7.4"
+      },
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular-eslint/schematics/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/@angular-eslint/schematics/node_modules/semver": {
       "version": "7.7.2",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
@@ -468,6 +783,16 @@
         "node": ">=10"
       }
     },
+    "node_modules/@angular-eslint/schematics/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/@angular-eslint/template-parser": {
       "version": "19.8.1",
       "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-19.8.1.tgz",
@@ -600,6 +925,91 @@
         }
       }
     },
+    "node_modules/@angular/build/node_modules/@angular-devkit/architect": {
+      "version": "0.1902.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.22.tgz",
+      "integrity": "sha512-98NCVZZwDoL1oW0aj9Wd7piIkt/oSjMZEI04f3oL5nGD1LoXcN7BrYKXIpZ4NP4Pfn+7gJo3nrhglHnhcwQXyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "19.2.22",
+        "rxjs": "7.8.1"
+      },
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular/build/node_modules/@angular-devkit/core": {
+      "version": "19.2.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.22.tgz",
+      "integrity": "sha512-OqN/Ded+ZKypPZN5+qUFwtnKGl7FKpxJXYO2Vts5vLBojY5goCZd9SGW1CyXeuPnisRUW+vjqBQbWYuEUh36Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "8.18.0",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.2",
+        "rxjs": "7.8.1",
+        "source-map": "0.7.4"
+      },
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular/build/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@angular/build/node_modules/sass": {
+      "version": "1.85.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.85.0.tgz",
+      "integrity": "sha512-3ToiC1xZ1Y8aU7+CkgCI/tqyuPXEmYGJXO7H4uqp0xkLXUqp88rQQ4j1HmP37xSJLbCJPaIiv+cT1y+grssrww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/@angular/build/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/@angular/cdk": {
       "version": "19.2.19",
       "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.2.19.tgz",
@@ -649,6 +1059,70 @@
         "yarn": ">= 1.13.0"
       }
     },
+    "node_modules/@angular/cli/node_modules/@angular-devkit/architect": {
+      "version": "0.1902.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.22.tgz",
+      "integrity": "sha512-98NCVZZwDoL1oW0aj9Wd7piIkt/oSjMZEI04f3oL5nGD1LoXcN7BrYKXIpZ4NP4Pfn+7gJo3nrhglHnhcwQXyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@angular-devkit/core": "19.2.22",
+        "rxjs": "7.8.1"
+      },
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/@angular/cli/node_modules/@angular-devkit/core": {
+      "version": "19.2.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.22.tgz",
+      "integrity": "sha512-OqN/Ded+ZKypPZN5+qUFwtnKGl7FKpxJXYO2Vts5vLBojY5goCZd9SGW1CyXeuPnisRUW+vjqBQbWYuEUh36Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "8.18.0",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.2",
+        "rxjs": "7.8.1",
+        "source-map": "0.7.4"
+      },
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@angular/cli/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@angular/cli/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/@angular/common": {
       "version": "19.2.19",
       "resolved": "https://registry.npmjs.org/@angular/common/-/common-19.2.19.tgz",
@@ -891,24 +1365,69 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
-    "node_modules/@antfu/utils": {
-      "version": "9.3.0",
-      "resolved": "https://registry.npmjs.org/@antfu/utils/-/utils-9.3.0.tgz",
-      "integrity": "sha512-9hFT4RauhcUzqOE4f1+frMKLZrgNog5b06I7VmZQV1BkvwvqrbC8EBZf3L1eEL2AKb6rNKjER0sEvJiSP1FXEA==",
-      "license": "MIT",
-      "optional": true,
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-4.1.2.tgz",
+      "integrity": "sha512-NfBUvBaYgKIuq6E/RBLY1m0IohzNHAYyaJGuTK79Z23uNwmz2jl1mPsC5ZxCCxylinKhT1Amn5oNTlx1wN8cQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^3.0.0",
+        "@csstools/css-color-parser": "^4.0.1",
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0",
+        "lru-cache": "^11.2.5"
+      }
+    },
+    "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
+      "version": "11.2.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
+      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-6.8.1.tgz",
+      "integrity": "sha512-MvRz1nCqW0fsy8Qz4dnLIvhOlMzqDVBabZx6lH+YywFDdjXhMY37SmpV1XFX3JzG5GWHn63j6HX6QPr3lZXHvQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/nwsapi": "^2.3.9",
+        "bidi-js": "^1.0.3",
+        "css-tree": "^3.1.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.2.6"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector/node_modules/lru-cache": {
+      "version": "11.2.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
+      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
       }
     },
+    "node_modules/@asamuzakjp/nwsapi": {
+      "version": "2.3.9",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz",
+      "integrity": "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@babel/code-frame": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
-      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5",
         "js-tokens": "^4.0.0",
         "picocolors": "^1.1.1"
       },
@@ -917,9 +1436,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.5.tgz",
-      "integrity": "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1005,13 +1524,13 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.27.2",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
-      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.27.2",
+        "@babel/compat-data": "^7.28.6",
         "@babel/helper-validator-option": "^7.27.1",
         "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
@@ -1032,18 +1551,18 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.5.tgz",
-      "integrity": "sha512-q3WC4JfdODypvxArsJQROfupPBq9+lMwjKq7C33GhbFYJsufD0yd/ziwD+hJucLeWsnFPWZjsU2DNFqBPE7jwQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.6.tgz",
+      "integrity": "sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.27.3",
         "@babel/helper-member-expression-to-functions": "^7.28.5",
         "@babel/helper-optimise-call-expression": "^7.27.1",
-        "@babel/helper-replace-supers": "^7.27.1",
+        "@babel/helper-replace-supers": "^7.28.6",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
-        "@babel/traverse": "^7.28.5",
+        "@babel/traverse": "^7.28.6",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -1118,22 +1637,43 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.5.tgz",
-      "integrity": "sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==",
+      "version": "0.6.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.7.tgz",
+      "integrity": "sha512-6Fqi8MtQ/PweQ9xvux65emkLQ83uB+qAVtfHkC9UodyHMIZdxNI01HjLCLUtybElp2KY2XNE0nOgyP1E1vXw9w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.27.2",
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "debug": "^4.4.1",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "debug": "^4.4.3",
         "lodash.debounce": "^4.0.8",
-        "resolve": "^1.22.10"
+        "resolve": "^1.22.11"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
+    "node_modules/@babel/helper-define-polyfill-provider/node_modules/resolve": {
+      "version": "1.22.11",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
+      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/@babel/helper-globals": {
       "version": "7.28.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
@@ -1159,29 +1699,29 @@
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
-      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
-      "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1",
-        "@babel/traverse": "^7.28.3"
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1204,9 +1744,9 @@
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
-      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1245,15 +1785,15 @@
       }
     },
     "node_modules/@babel/helper-replace-supers": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.27.1.tgz",
-      "integrity": "sha512-7EHz6qDZc8RYS5ElPoShMheWvEgERonFCs7IAonWLLUTXW59DP14bCZt89/GKyreYn8g3S83m21FelHKbeDCKA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.28.6.tgz",
+      "integrity": "sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-member-expression-to-functions": "^7.27.1",
+        "@babel/helper-member-expression-to-functions": "^7.28.5",
         "@babel/helper-optimise-call-expression": "^7.27.1",
-        "@babel/traverse": "^7.27.1"
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1320,42 +1860,42 @@
       }
     },
     "node_modules/@babel/helper-wrap-function": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.28.3.tgz",
-      "integrity": "sha512-zdf983tNfLZFletc0RRXYrHrucBEg95NIFMkn6K9dbeMYnsgHaSBGcQqdsCSStG2PYwRre0Qc2NNSCXbG+xc6g==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.28.6.tgz",
+      "integrity": "sha512-z+PwLziMNBeSQJonizz2AGnndLsP2DeGHIxDAn+wdHOGuo4Fo1x1HBPPXeE9TAOPHNNWQKCSlA2VZyYyyibDnQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/template": "^7.27.2",
-        "@babel/traverse": "^7.28.3",
-        "@babel/types": "^7.28.2"
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
-      "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
+      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/template": "^7.27.2",
-        "@babel/types": "^7.28.4"
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
-      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.0.tgz",
+      "integrity": "sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.28.5"
+        "@babel/types": "^7.29.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -1432,14 +1972,14 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.3.tgz",
-      "integrity": "sha512-b6YTX108evsvE4YgWyQ921ZAFFQm3Bn+CA3+ZXlNVnPhx+UfsVURoPjfGAPCjBgrqo30yX/C2nZGX96DxvR9Iw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.6.tgz",
+      "integrity": "sha512-a0aBScVTlNaiUe35UtfxAN7A/tehvvG4/ByO6+46VPKTRSlfnAFsgKy0FUh+qAkQrDTmhDkT+IBOKlOoMUxQ0g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/traverse": "^7.28.3"
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1462,13 +2002,13 @@
       }
     },
     "node_modules/@babel/plugin-syntax-import-assertions": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.27.1.tgz",
-      "integrity": "sha512-UT/Jrhw57xg4ILHLFnzFpPDlMbcdEicaAtjPQpbj9wa8T4r5KVWCimHcL/460g8Ht0DMxDyjsLgiWSkVjnwPFg==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.28.6.tgz",
+      "integrity": "sha512-pSJUpFHdx9z5nqTSirOCMtYVP2wFgoWhP0p3g8ONK/4IHhLIBd0B9NYqAvIUAhq+OkhO4VM1tENCt0cjlsNShw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1579,13 +2119,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.5.tgz",
-      "integrity": "sha512-45DmULpySVvmq9Pj3X9B+62Xe+DJGov27QravQJU1LLcapR6/10i+gYVAucGGJpHBp5mYxIMK4nDAT/QDLr47g==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.6.tgz",
+      "integrity": "sha512-tt/7wOtBmwHPNMPu7ax4pdPz6shjFrmHDghvNC+FG9Qvj7D6mJcoRQIF5dy4njmxR941l6rgtvfSB2zX3VlUIw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1595,14 +2135,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-properties": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.27.1.tgz",
-      "integrity": "sha512-D0VcalChDMtuRvJIu3U/fwWjf8ZMykz5iZsg77Nuj821vCKI3zCyRLwRdWbsuJ/uRwZhZ002QtCqIkwC/ZkvbA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.28.6.tgz",
+      "integrity": "sha512-dY2wS3I2G7D697VHndN91TJr8/AAfXQNt5ynCTI/MpxMsSzHp+52uNivYT5wCPax3whc47DR8Ba7cmlQMg24bw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1612,14 +2152,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-static-block": {
-      "version": "7.28.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.3.tgz",
-      "integrity": "sha512-LtPXlBbRoc4Njl/oh1CeD/3jC+atytbnf/UqLoqTDcEYGUPj022+rvfkbDYieUrSj3CaV4yHDByPE+T2HwfsJg==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.6.tgz",
+      "integrity": "sha512-rfQ++ghVwTWTqQ7w8qyDxL1XGihjBss4CmTgGRCTAC9RIbhVpyp4fOeZtta0Lbf+dTNIVJer6ych2ibHwkZqsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.28.3",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1629,18 +2169,18 @@
       }
     },
     "node_modules/@babel/plugin-transform-classes": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.4.tgz",
-      "integrity": "sha512-cFOlhIYPBv/iBoc+KS3M6et2XPtbT2HiCRfBXWtfpc9OAyostldxIf9YAYB6ypURBBbx+Qv6nyrLzASfJe+hBA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.6.tgz",
+      "integrity": "sha512-EF5KONAqC5zAqT783iMGuM2ZtmEBy+mJMOKl2BCvPZ2lVrwvXnB6o+OBWCS+CoeCCpVRF2sA2RBKUxvT8tQT5Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.27.3",
-        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-compilation-targets": "^7.28.6",
         "@babel/helper-globals": "^7.28.0",
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/helper-replace-supers": "^7.27.1",
-        "@babel/traverse": "^7.28.4"
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/helper-replace-supers": "^7.28.6",
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1663,14 +2203,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-computed-properties": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.27.1.tgz",
-      "integrity": "sha512-lj9PGWvMTVksbWiDT2tW68zGS/cyo4AkZ/QTp0sQT0mjPopCmrSkzxeXkznjqBxzDI6TclZhOJbBmbBLjuOZUw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.28.6.tgz",
+      "integrity": "sha512-bcc3k0ijhHbc2lEfpFHgx7eYw9KNXqOerKWfzbxEHUGKnS3sz9C4CNL9OiFN1297bDNfUiSO7DaLzbvHQQQ1BQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/template": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/template": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1697,14 +2237,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-dotall-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.27.1.tgz",
-      "integrity": "sha512-gEbkDVGRvjj7+T1ivxrfgygpT7GUd4vmODtYpbs0gZATdkX8/iSnOtZSxiZnsgm1YjTgjI6VKBGSJJevkrclzw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.28.6.tgz",
+      "integrity": "sha512-SljjowuNKB7q5Oayv4FoPzeB74g3QgLt8IVJw9ADvWy3QnUb/01aw8I4AVv8wYnPvQz2GDDZ/g3GhcNyDBI4Bg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1730,14 +2270,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.27.1.tgz",
-      "integrity": "sha512-hkGcueTEzuhB30B3eJCbCYeCaaEQOmQR0AdvzpD4LoN0GXMWzzGSuRrxR2xTnCrvNbVwK9N6/jQ92GSLfiZWoQ==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.29.0.tgz",
+      "integrity": "sha512-zBPcW2lFGxdiD8PUnPwJjag2J9otbcLQzvbiOzDxpYXyCuYX9agOwMPGn1prVH0a4qzhCKu24rlH4c1f7yA8rw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1763,13 +2303,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.5.tgz",
-      "integrity": "sha512-D4WIMaFtwa2NizOp+dnoFjRez/ClKiC2BqqImwKd1X28nqBtZEyCYJ2ozQrrzlxAFrcrjxo39S6khe9RNDlGzw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.6.tgz",
+      "integrity": "sha512-WitabqiGjV/vJ0aPOLSFfNY1u9U3R7W36B03r5I2KoNix+a3sOhJ3pKFB3R5It9/UiK78NiO0KE9P21cMhlPkw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1830,13 +2370,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-json-strings": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.27.1.tgz",
-      "integrity": "sha512-6WVLVJiTjqcQauBhn1LkICsR2H+zm62I3h9faTDKt1qP4jn2o72tSvqMwtGFKGTpojce0gJs+76eZ2uCHRZh0Q==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.28.6.tgz",
+      "integrity": "sha512-Nr+hEN+0geQkzhbdgQVPoqr47lZbm+5fCUmO70722xJZd0Mvb59+33QLImGj6F+DkK3xgDi1YVysP8whD6FQAw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1862,13 +2402,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-logical-assignment-operators": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.5.tgz",
-      "integrity": "sha512-axUuqnUTBuXyHGcJEVVh9pORaN6wC5bYfE7FGzPiaWa3syib9m7g+/IT/4VgCOe2Upef43PHzeAvcrVek6QuuA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.6.tgz",
+      "integrity": "sha512-+anKKair6gpi8VsM/95kmomGNMD0eLz1NQ8+Pfw5sAwWH9fGYXT50E55ZpV0pHUHWf6IUTWPM+f/7AAff+wr9A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1911,14 +2451,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.27.1.tgz",
-      "integrity": "sha512-OJguuwlTYlN0gBZFRPqwOGNWssZjfIUdS7HMYtN8c1KmwpwHFBwTeFZrg9XZa+DFTitWOW5iTAG7tyCUPsCCyw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.28.6.tgz",
+      "integrity": "sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1928,16 +2468,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-systemjs": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.28.5.tgz",
-      "integrity": "sha512-vn5Jma98LCOeBy/KpeQhXcV2WZgaRUtjwQmjoBuLNlOmkg0fB5pdvYVeWRYI69wWKwK2cD1QbMiUQnoujWvrew==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.29.0.tgz",
+      "integrity": "sha512-PrujnVFbOdUpw4UHiVwKvKRLMMic8+eC0CuNlxjsyZUiBjhFdPsewdXCkveh2KqBA9/waD0W1b4hXSOBQJezpQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.28.3",
-        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
         "@babel/helper-validator-identifier": "^7.28.5",
-        "@babel/traverse": "^7.28.5"
+        "@babel/traverse": "^7.29.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1964,14 +2504,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz",
-      "integrity": "sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.29.0.tgz",
+      "integrity": "sha512-1CZQA5KNAD6ZYQLPw7oi5ewtDNxH/2vuCh+6SmvgDfhumForvs8a1o9n0UrEoBD8HU4djO2yWngTQlXl1NDVEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1997,13 +2537,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.27.1.tgz",
-      "integrity": "sha512-aGZh6xMo6q9vq1JGcw58lZ1Z0+i0xB2x0XaauNIUXd6O1xXc3RwoWEBlsTQrY4KQ9Jf0s5rgD6SiNkaUdJegTA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.28.6.tgz",
+      "integrity": "sha512-3wKbRgmzYbw24mDJXT7N+ADXw8BC/imU9yo9c9X9NKaLF1fW+e5H1U5QjMUBe4Qo4Ox/o++IyUkl1sVCLgevKg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2013,13 +2553,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-numeric-separator": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.27.1.tgz",
-      "integrity": "sha512-fdPKAcujuvEChxDBJ5c+0BTaS6revLV7CJL08e4m3de8qJfNIuCc2nc7XJYOjBoTMJeqSmwXJ0ypE14RCjLwaw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.28.6.tgz",
+      "integrity": "sha512-SJR8hPynj8outz+SlStQSwvziMN4+Bq99it4tMIf5/Caq+3iOc0JtKyse8puvyXkk3eFRIA5ID/XfunGgO5i6w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2029,17 +2569,17 @@
       }
     },
     "node_modules/@babel/plugin-transform-object-rest-spread": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.4.tgz",
-      "integrity": "sha512-373KA2HQzKhQCYiRVIRr+3MjpCObqzDlyrM6u4I201wL8Mp2wHf7uB8GhDwis03k2ti8Zr65Zyyqs1xOxUF/Ew==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.6.tgz",
+      "integrity": "sha512-5rh+JR4JBC4pGkXLAcYdLHZjXudVxWMXbB6u6+E9lRL5TrGVbHt1TjxGbZ8CkmYw9zjkB7jutzOROArsqtncEA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.27.2",
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "@babel/plugin-transform-destructuring": "^7.28.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "@babel/plugin-transform-destructuring": "^7.28.5",
         "@babel/plugin-transform-parameters": "^7.27.7",
-        "@babel/traverse": "^7.28.4"
+        "@babel/traverse": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2066,13 +2606,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-catch-binding": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.27.1.tgz",
-      "integrity": "sha512-txEAEKzYrHEX4xSZN4kJ+OfKXFVSWKB2ZxM9dpcE3wT7smwkNmXo5ORRlVzMVdJbD+Q8ILTgSD7959uj+3Dm3Q==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.28.6.tgz",
+      "integrity": "sha512-R8ja/Pyrv0OGAvAXQhSTmWyPJPml+0TMqXlO5w+AsMEiwb2fg3WkOvob7UxFSL3OIttFSGSRFKQsOhJ/X6HQdQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2082,13 +2622,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-chaining": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.5.tgz",
-      "integrity": "sha512-N6fut9IZlPnjPwgiQkXNhb+cT8wQKFlJNqcZkWlcTqkcqx6/kU4ynGmLFoa4LViBSirn05YAwk+sQBbPfxtYzQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.6.tgz",
+      "integrity": "sha512-A4zobikRGJTsX9uqVFdafzGkqD30t26ck2LmOzAuLL8b2x6k3TIqRiT2xVvA9fNmFeTX484VpsdgmKNA0bS23w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.28.6",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
       },
       "engines": {
@@ -2115,14 +2655,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-methods": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.27.1.tgz",
-      "integrity": "sha512-10FVt+X55AjRAYI9BrdISN9/AQWHqldOeZDUoLyif1Kn05a56xVBXb8ZouL8pZ9jem8QpXaOt8TS7RHUIS+GPA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.28.6.tgz",
+      "integrity": "sha512-piiuapX9CRv7+0st8lmuUlRSmX6mBcVeNQ1b4AYzJxfCMuBfB0vBXDiGSmm03pKJw1v6cZ8KSeM+oUnM6yAExg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2132,15 +2672,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-property-in-object": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.27.1.tgz",
-      "integrity": "sha512-5J+IhqTi1XPa0DXF83jYOaARrX+41gOewWbkPyjMNRDqgOCqdffGh8L3f/Ek5utaEBZExjSAzcyjmV9SSAWObQ==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.28.6.tgz",
+      "integrity": "sha512-b97jvNSOb5+ehyQmBpmhOCiUC5oVK4PMnpRvO7+ymFBoqYjeDHIU9jnrNUuwHOiL9RpGDoKBpSViarV+BU+eVA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.27.1",
-        "@babel/helper-create-class-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-annotate-as-pure": "^7.27.3",
+        "@babel/helper-create-class-features-plugin": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2179,13 +2719,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-regenerator": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.4.tgz",
-      "integrity": "sha512-+ZEdQlBoRg9m2NnzvEeLgtvBMO4tkFBw5SQIUgLICgTrumLoU7lr+Oghi6km2PFj+dbUt2u1oby2w3BDO9YQnA==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.29.0.tgz",
+      "integrity": "sha512-FijqlqMA7DmRdg/aINBSs04y8XNTYw/lr1gJ2WsmBnnaNw1iS43EPkJW+zK7z65auG3AWRFXWj+NcTQwYptUog==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2195,14 +2735,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-regexp-modifiers": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.27.1.tgz",
-      "integrity": "sha512-TtEciroaiODtXvLZv4rmfMhkCv8jx3wgKpL68PuiPh2M4fvz5jhsA7697N1gMvkvr/JTF13DrFYyEbY9U7cVPA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.28.6.tgz",
+      "integrity": "sha512-QGWAepm9qxpaIs7UM9FvUSnCGlb8Ua1RhyM4/veAxLwt3gMat/LSGrZixyuj4I6+Kn9iwvqCyPTtbdxanYoWYg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2275,13 +2815,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-spread": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.27.1.tgz",
-      "integrity": "sha512-kpb3HUqaILBJcRFVhFUs6Trdd4mkrzcGXss+6/mxUd273PfbWqSDHRzMT2234gIg2QYfAjvXLSquP1xECSg09Q==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.28.6.tgz",
+      "integrity": "sha512-9U4QObUC0FtJl05AsUcodau/RWDytrU6uKgkxu09mLR9HLDAtUMoPuuskm5huQsoktmsYpI+bGmq+iapDcriKA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.28.6",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1"
       },
       "engines": {
@@ -2356,14 +2896,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-property-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.27.1.tgz",
-      "integrity": "sha512-uW20S39PnaTImxp39O5qFlHLS9LJEmANjMG7SxIhap8rCHqu0Ik+tLEPX5DKmHn6CsWQ7j3lix2tFOa5YtL12Q==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.28.6.tgz",
+      "integrity": "sha512-4Wlbdl/sIZjzi/8St0evF0gEZrgOswVO6aOzqxh1kDZOl9WmLrHq2HtGhnOJZmHZYKP8WZ1MDLCt5DAWwRo57A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2390,14 +2930,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-sets-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.27.1.tgz",
-      "integrity": "sha512-EtkOujbc4cgvb0mlpQefi4NTPBzhSIevblFevACNLUspmrALgmEBdL/XfnyyITfd8fKBZrZys92zOWcik7j9Tw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.28.6.tgz",
+      "integrity": "sha512-/wHc/paTUmsDYN7SZkpWxogTOBNnlx7nBQYfy6JJlCT7G3mVhltk3e++N7zV0XfgGsrqBxd4rJQt9H16I21Y1Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -2529,33 +3069,33 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.27.2",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
-      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/parser": "^7.27.2",
-        "@babel/types": "^7.27.1"
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
-      "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.28.5",
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
         "@babel/helper-globals": "^7.28.0",
-        "@babel/parser": "^7.28.5",
-        "@babel/template": "^7.27.2",
-        "@babel/types": "^7.28.5",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
         "debug": "^4.3.1"
       },
       "engines": {
@@ -2563,14 +3103,14 @@
       }
     },
     "node_modules/@babel/traverse/node_modules/@babel/generator": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
-      "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.28.5",
-        "@babel/types": "^7.28.5",
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
         "@jridgewell/gen-mapping": "^0.3.12",
         "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
@@ -2580,9 +3120,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
-      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2593,54 +3133,64 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-1.0.2.tgz",
+      "integrity": "sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@braintree/sanitize-url": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/@braintree/sanitize-url/-/sanitize-url-7.1.1.tgz",
-      "integrity": "sha512-i1L7noDNxtFyL5DmZafWy1wRVhGehQmzZaz1HiN5e7iylJMSZR7ekOV7NsIqa5qBldlLrsKv4HbgFUVlQrz8Mw==",
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/@braintree/sanitize-url/-/sanitize-url-7.1.2.tgz",
+      "integrity": "sha512-jigsZK+sMF/cuiB7sERuo9V7N9jx+dhmHHnQyDSVdpZwVutaBu7WvNYqMDLSgFgfB30n452TP3vjDAvFC973mA==",
       "license": "MIT",
       "optional": true
     },
     "node_modules/@chevrotain/cst-dts-gen": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/@chevrotain/cst-dts-gen/-/cst-dts-gen-11.1.1.tgz",
-      "integrity": "sha512-fRHyv6/f542qQqiRGalrfJl/evD39mAvbJLCekPazhiextEatq1Jx1K/i9gSd5NNO0ds03ek0Cbo/4uVKmOBcw==",
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/@chevrotain/cst-dts-gen/-/cst-dts-gen-11.1.2.tgz",
+      "integrity": "sha512-XTsjvDVB5nDZBQB8o0o/0ozNelQtn2KrUVteIHSlPd2VAV2utEb6JzyCJaJ8tGxACR4RiBNWy5uYUHX2eji88Q==",
       "license": "Apache-2.0",
       "optional": true,
       "dependencies": {
-        "@chevrotain/gast": "11.1.1",
-        "@chevrotain/types": "11.1.1",
+        "@chevrotain/gast": "11.1.2",
+        "@chevrotain/types": "11.1.2",
         "lodash-es": "4.17.23"
       }
     },
     "node_modules/@chevrotain/gast": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/@chevrotain/gast/-/gast-11.1.1.tgz",
-      "integrity": "sha512-Ko/5vPEYy1vn5CbCjjvnSO4U7GgxyGm+dfUZZJIWTlQFkXkyym0jFYrWEU10hyCjrA7rQtiHtBr0EaZqvHFZvg==",
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/@chevrotain/gast/-/gast-11.1.2.tgz",
+      "integrity": "sha512-Z9zfXR5jNZb1Hlsd/p+4XWeUFugrHirq36bKzPWDSIacV+GPSVXdk+ahVWZTwjhNwofAWg/sZg58fyucKSQx5g==",
       "license": "Apache-2.0",
       "optional": true,
       "dependencies": {
-        "@chevrotain/types": "11.1.1",
+        "@chevrotain/types": "11.1.2",
         "lodash-es": "4.17.23"
       }
     },
     "node_modules/@chevrotain/regexp-to-ast": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/@chevrotain/regexp-to-ast/-/regexp-to-ast-11.1.1.tgz",
-      "integrity": "sha512-ctRw1OKSXkOrR8VTvOxrQ5USEc4sNrfwXHa1NuTcR7wre4YbjPcKw+82C2uylg/TEwFRgwLmbhlln4qkmDyteg==",
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/@chevrotain/regexp-to-ast/-/regexp-to-ast-11.1.2.tgz",
+      "integrity": "sha512-nMU3Uj8naWer7xpZTYJdxbAs6RIv/dxYzkYU8GSwgUtcAAlzjcPfX1w+RKRcYG8POlzMeayOQ/znfwxEGo5ulw==",
       "license": "Apache-2.0",
       "optional": true
     },
     "node_modules/@chevrotain/types": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-11.1.1.tgz",
-      "integrity": "sha512-wb2ToxG8LkgPYnKe9FH8oGn3TMCBdnwiuNC5l5y+CtlaVRbCytU0kbVsk6CGrqTL4ZN4ksJa0TXOYbxpbthtqw==",
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-11.1.2.tgz",
+      "integrity": "sha512-U+HFai5+zmJCkK86QsaJtoITlboZHBqrVketcO2ROv865xfCMSFpELQoz1GkX5GzME8pTa+3kbKrZHQtI0gdbw==",
       "license": "Apache-2.0",
       "optional": true
     },
     "node_modules/@chevrotain/utils": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/@chevrotain/utils/-/utils-11.1.1.tgz",
-      "integrity": "sha512-71eTYMzYXYSFPrbg/ZwftSaSDld7UYlS8OQa3lNnn9jzNtpFbaReRRyghzqS7rI3CDaorqpPJJcXGHK+FE1TVQ==",
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/@chevrotain/utils/-/utils-11.1.2.tgz",
+      "integrity": "sha512-4mudFAQ6H+MqBTfqLmU7G1ZwRzCLfJEooL/fsF6rCX5eePMbGhoy5n4g+G4vlh2muDcsCTJtL+uKbOzWxs5LHA==",
       "license": "Apache-2.0",
       "optional": true
     },
@@ -2666,6 +3216,7 @@
       "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=0.1.90"
       }
@@ -2692,73 +3243,57 @@
         "node": ">=v18"
       }
     },
-    "node_modules/@commitlint/config-conventional": {
-      "version": "20.4.3",
-      "resolved": "https://registry.npmjs.org/@commitlint/config-conventional/-/config-conventional-20.4.3.tgz",
-      "integrity": "sha512-9RtLySbYQAs8yEqWEqhSZo9nYhbm57jx7qHXtgRmv/nmeQIjjMcwf6Dl+y5UZcGWgWx435TAYBURONaJIuCjWg==",
+    "node_modules/@commitlint/cli/node_modules/@commitlint/types": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@commitlint/types": "^20.4.3",
-        "conventional-changelog-conventionalcommits": "^9.2.0"
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
       },
       "engines": {
         "node": ">=v18"
       }
     },
-    "node_modules/@commitlint/config-conventional/node_modules/@commitlint/types": {
+    "node_modules/@commitlint/config-conventional": {
       "version": "20.4.3",
-      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-20.4.3.tgz",
-      "integrity": "sha512-51OWa1Gi6ODOasPmfJPq6js4pZoomima4XLZZCrkldaH2V5Nb3bVhNXPeT6XV0gubbainSpTw4zi68NqAeCNCg==",
+      "resolved": "https://registry.npmjs.org/@commitlint/config-conventional/-/config-conventional-20.4.3.tgz",
+      "integrity": "sha512-9RtLySbYQAs8yEqWEqhSZo9nYhbm57jx7qHXtgRmv/nmeQIjjMcwf6Dl+y5UZcGWgWx435TAYBURONaJIuCjWg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "conventional-commits-parser": "^6.3.0",
-        "picocolors": "^1.1.1"
+        "@commitlint/types": "^20.4.3",
+        "conventional-changelog-conventionalcommits": "^9.2.0"
       },
       "engines": {
         "node": ">=v18"
       }
     },
-    "node_modules/@commitlint/config-conventional/node_modules/conventional-commits-parser": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-6.3.0.tgz",
-      "integrity": "sha512-RfOq/Cqy9xV9bOA8N+ZH6DlrDR+5S3Mi0B5kACEjESpE+AviIpAptx9a9cFpWCCvgRtWT+0BbUw+e1BZfts9jg==",
+    "node_modules/@commitlint/config-validator": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/config-validator/-/config-validator-19.8.1.tgz",
+      "integrity": "sha512-0jvJ4u+eqGPBIzzSdqKNX1rvdbSU1lPNYlfQQRIFnBgLy26BtC0cFnr7c/AyuzExMxWsMOte6MkTi9I3SQ3iGQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@simple-libs/stream-utils": "^1.2.0",
-        "meow": "^13.0.0"
-      },
-      "bin": {
-        "conventional-commits-parser": "dist/cli/index.js"
+        "@commitlint/types": "^19.8.1",
+        "ajv": "^8.11.0"
       },
       "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@commitlint/config-conventional/node_modules/meow": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz",
-      "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=v18"
       }
     },
-    "node_modules/@commitlint/config-validator": {
+    "node_modules/@commitlint/config-validator/node_modules/@commitlint/types": {
       "version": "19.8.1",
-      "resolved": "https://registry.npmjs.org/@commitlint/config-validator/-/config-validator-19.8.1.tgz",
-      "integrity": "sha512-0jvJ4u+eqGPBIzzSdqKNX1rvdbSU1lPNYlfQQRIFnBgLy26BtC0cFnr7c/AyuzExMxWsMOte6MkTi9I3SQ3iGQ==",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@commitlint/types": "^19.8.1",
-        "ajv": "^8.11.0"
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
       },
       "engines": {
         "node": ">=v18"
@@ -2782,6 +3317,20 @@
         "node": ">=v18"
       }
     },
+    "node_modules/@commitlint/ensure/node_modules/@commitlint/types": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
     "node_modules/@commitlint/execute-rule": {
       "version": "19.8.1",
       "resolved": "https://registry.npmjs.org/@commitlint/execute-rule/-/execute-rule-19.8.1.tgz",
@@ -2806,6 +3355,20 @@
         "node": ">=v18"
       }
     },
+    "node_modules/@commitlint/format/node_modules/@commitlint/types": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
     "node_modules/@commitlint/is-ignored": {
       "version": "19.8.1",
       "resolved": "https://registry.npmjs.org/@commitlint/is-ignored/-/is-ignored-19.8.1.tgz",
@@ -2820,6 +3383,20 @@
         "node": ">=v18"
       }
     },
+    "node_modules/@commitlint/is-ignored/node_modules/@commitlint/types": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
     "node_modules/@commitlint/lint": {
       "version": "19.8.1",
       "resolved": "https://registry.npmjs.org/@commitlint/lint/-/lint-19.8.1.tgz",
@@ -2836,6 +3413,20 @@
         "node": ">=v18"
       }
     },
+    "node_modules/@commitlint/lint/node_modules/@commitlint/types": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
     "node_modules/@commitlint/load": {
       "version": "19.8.1",
       "resolved": "https://registry.npmjs.org/@commitlint/load/-/load-19.8.1.tgz",
@@ -2858,19 +3449,33 @@
         "node": ">=v18"
       }
     },
-    "node_modules/@commitlint/message": {
+    "node_modules/@commitlint/load/node_modules/@commitlint/types": {
       "version": "19.8.1",
-      "resolved": "https://registry.npmjs.org/@commitlint/message/-/message-19.8.1.tgz",
-      "integrity": "sha512-+PMLQvjRXiU+Ae0Wc+p99EoGEutzSXFVwQfa3jRNUZLNW5odZAyseb92OSBTKCu+9gGZiJASt76Cj3dLTtcTdg==",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
+      },
       "engines": {
         "node": ">=v18"
       }
     },
-    "node_modules/@commitlint/parse": {
+    "node_modules/@commitlint/message": {
       "version": "19.8.1",
-      "resolved": "https://registry.npmjs.org/@commitlint/parse/-/parse-19.8.1.tgz",
+      "resolved": "https://registry.npmjs.org/@commitlint/message/-/message-19.8.1.tgz",
+      "integrity": "sha512-+PMLQvjRXiU+Ae0Wc+p99EoGEutzSXFVwQfa3jRNUZLNW5odZAyseb92OSBTKCu+9gGZiJASt76Cj3dLTtcTdg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/parse": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/parse/-/parse-19.8.1.tgz",
       "integrity": "sha512-mmAHYcMBmAgJDKWdkjIGq50X4yB0pSGpxyOODwYmoexxxiUCy5JJT99t1+PEMK7KtsCtzuWYIAXYAiKR+k+/Jw==",
       "dev": true,
       "license": "MIT",
@@ -2883,6 +3488,52 @@
         "node": ">=v18"
       }
     },
+    "node_modules/@commitlint/parse/node_modules/@commitlint/types": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
+    "node_modules/@commitlint/parse/node_modules/conventional-commits-parser": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-5.0.0.tgz",
+      "integrity": "sha512-ZPMl0ZJbw74iS9LuX9YIAiW8pfM5p3yh2o/NbXHbkFuZzY5jvdi5jFycEOkmBW5H5I7nA+D6f3UcsCLP2vvSEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-text-path": "^2.0.0",
+        "JSONStream": "^1.3.5",
+        "meow": "^12.0.1",
+        "split2": "^4.0.0"
+      },
+      "bin": {
+        "conventional-commits-parser": "cli.mjs"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/@commitlint/parse/node_modules/meow": {
+      "version": "12.1.1",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-12.1.1.tgz",
+      "integrity": "sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@commitlint/read": {
       "version": "19.8.1",
       "resolved": "https://registry.npmjs.org/@commitlint/read/-/read-19.8.1.tgz",
@@ -2900,6 +3551,20 @@
         "node": ">=v18"
       }
     },
+    "node_modules/@commitlint/read/node_modules/@commitlint/types": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
     "node_modules/@commitlint/resolve-extends": {
       "version": "19.8.1",
       "resolved": "https://registry.npmjs.org/@commitlint/resolve-extends/-/resolve-extends-19.8.1.tgz",
@@ -2918,6 +3583,20 @@
         "node": ">=v18"
       }
     },
+    "node_modules/@commitlint/resolve-extends/node_modules/@commitlint/types": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
     "node_modules/@commitlint/rules": {
       "version": "19.8.1",
       "resolved": "https://registry.npmjs.org/@commitlint/rules/-/rules-19.8.1.tgz",
@@ -2934,6 +3613,20 @@
         "node": ">=v18"
       }
     },
+    "node_modules/@commitlint/rules/node_modules/@commitlint/types": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
     "node_modules/@commitlint/to-lines": {
       "version": "19.8.1",
       "resolved": "https://registry.npmjs.org/@commitlint/to-lines/-/to-lines-19.8.1.tgz",
@@ -2958,14 +3651,14 @@
       }
     },
     "node_modules/@commitlint/types": {
-      "version": "19.8.1",
-      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
-      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
+      "version": "20.4.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-20.4.3.tgz",
+      "integrity": "sha512-51OWa1Gi6ODOasPmfJPq6js4pZoomima4XLZZCrkldaH2V5Nb3bVhNXPeT6XV0gubbainSpTw4zi68NqAeCNCg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/conventional-commits-parser": "^5.0.0",
-        "chalk": "^5.3.0"
+        "conventional-commits-parser": "^6.3.0",
+        "picocolors": "^1.1.1"
       },
       "engines": {
         "node": ">=v18"
@@ -2995,6 +3688,138 @@
         "@jridgewell/sourcemap-codec": "^1.4.10"
       }
     },
+    "node_modules/@csstools/color-helpers": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.0.2.tgz",
+      "integrity": "sha512-LMGQLS9EuADloEFkcTBR3BwV/CGHV7zyDxVRtVDTwdI2Ca4it0CCVTT9wCkxSgokjE5Ho41hEPgb8OEUwoXr6Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-3.1.1.tgz",
+      "integrity": "sha512-HJ26Z/vmsZQqs/o3a6bgKslXGFAungXGbinULZO3eMsOyNJHeBBZfup5FiZInOghgoM4Hwnmw+OgbJCNg1wwUQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.0.2.tgz",
+      "integrity": "sha512-0GEfbBLmTFf0dJlpsNU7zwxRIH0/BGEMuXLTCvFYxuL1tNhqzTbtnFICyJLTNK4a+RechKP75e7w42ClXSnJQw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^6.0.2",
+        "@csstools/css-calc": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-4.0.0.tgz",
+      "integrity": "sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^4.0.0"
+      }
+    },
+    "node_modules/@csstools/css-syntax-patches-for-csstree": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.0.tgz",
+      "integrity": "sha512-H4tuz2nhWgNKLt1inYpoVCfbJbMwX/lQKp3g69rrrIMIYlFD9+zTykOKhNR8uGrAmbS/kT9n6hTFkmDkxLgeTA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0"
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-4.0.0.tgz",
+      "integrity": "sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
     "node_modules/@ctrl/tinycolor": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-4.2.0.tgz",
@@ -3469,20 +4294,27 @@
       }
     },
     "node_modules/@eslint/config-array": {
-      "version": "0.21.1",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
-      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
+      "version": "0.21.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
+      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@eslint/object-schema": "^2.1.7",
         "debug": "^4.3.1",
-        "minimatch": "^3.1.2"
+        "minimatch": "^3.1.5"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
+    "node_modules/@eslint/config-array/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@eslint/config-array/node_modules/brace-expansion": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
@@ -3495,9 +4327,9 @@
       }
     },
     "node_modules/@eslint/config-array/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -3534,20 +4366,20 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
-      "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
+      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ajv": "^6.12.4",
+        "ajv": "^6.14.0",
         "debug": "^4.3.2",
         "espree": "^10.0.1",
         "globals": "^14.0.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.5",
         "strip-json-comments": "^3.1.1"
       },
       "engines": {
@@ -3558,9 +4390,9 @@
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3574,6 +4406,13 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
@@ -3603,9 +4442,9 @@
       "license": "MIT"
     },
     "node_modules/@eslint/eslintrc/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -3616,9 +4455,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.39.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.0.tgz",
-      "integrity": "sha512-BIhe0sW91JGPiaF1mOuPy5v8NflqfjIcDNpC+LbW9f609WVRX1rArrhi6Z2ymvrAry9jw+5POTj4t2t62o8Bmw==",
+      "version": "9.39.4",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
+      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3652,6 +4491,24 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
+    "node_modules/@exodus/bytes": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/@exodus/bytes/-/bytes-1.15.0.tgz",
+      "integrity": "sha512-UY0nlA+feH81UGSHv92sLEPLCeZFjXOuHhrIo0HQydScuQc8s0A7kL/UdgwgDq8g8ilksmuoF35YVTNphV2aBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@noble/hashes": "^1.8.0 || ^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@noble/hashes": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@fastify/busboy": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.1.tgz",
@@ -3702,6 +4559,13 @@
         "node": ">=10.10.0"
       }
     },
+    "node_modules/@humanwhocodes/config-array/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
@@ -3714,9 +4578,9 @@
       }
     },
     "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -3770,39 +4634,21 @@
       "optional": true
     },
     "node_modules/@iconify/utils": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.0.2.tgz",
-      "integrity": "sha512-EfJS0rLfVuRuJRn4psJHtK2A9TqVnkxPpHY6lYHiB9+8eSuudsxbwMiavocG45ujOo6FJ+CIRlRnlOGinzkaGQ==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.0.tgz",
+      "integrity": "sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
         "@antfu/install-pkg": "^1.1.0",
-        "@antfu/utils": "^9.2.0",
         "@iconify/types": "^2.0.0",
-        "debug": "^4.4.1",
-        "globals": "^15.15.0",
-        "kolorist": "^1.8.0",
-        "local-pkg": "^1.1.1",
-        "mlly": "^1.7.4"
-      }
-    },
-    "node_modules/@iconify/utils/node_modules/globals": {
-      "version": "15.15.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-15.15.0.tgz",
-      "integrity": "sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==",
-      "license": "MIT",
-      "optional": true,
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "mlly": "^1.8.0"
       }
     },
     "node_modules/@inquirer/ansi": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@inquirer/ansi/-/ansi-1.0.1.tgz",
-      "integrity": "sha512-yqq0aJW/5XPhi5xOAL1xRCpe1eh8UFVgYFpFsjEqmIR8rKLyP+HINvFXwUaxYICflJrVlxnp7lLN6As735kVpw==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/ansi/-/ansi-1.0.2.tgz",
+      "integrity": "sha512-S8qNSZiYzFd0wAcyG5AXCvUHC5Sr7xpZ9wZ2py9XR88jUz8wooStVx5M6dRzczbBWjic9NP7+rY0Xi7qqK/aMQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3810,17 +4656,17 @@
       }
     },
     "node_modules/@inquirer/checkbox": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.3.0.tgz",
-      "integrity": "sha512-5+Q3PKH35YsnoPTh75LucALdAxom6xh5D1oeY561x4cqBuH24ZFVyFREPe14xgnrtmGu3EEt1dIi60wRVSnGCw==",
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.3.2.tgz",
+      "integrity": "sha512-VXukHf0RR1doGe6Sm4F0Em7SWYLTHSsbGfJdS9Ja2bX5/D5uwVOEjr07cncLROdBvmnvCATYEWlHqYmXv2IlQA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/ansi": "^1.0.1",
-        "@inquirer/core": "^10.3.0",
-        "@inquirer/figures": "^1.0.14",
-        "@inquirer/type": "^3.0.9",
-        "yoctocolors-cjs": "^2.1.2"
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
@@ -3857,20 +4703,20 @@
       }
     },
     "node_modules/@inquirer/core": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.3.0.tgz",
-      "integrity": "sha512-Uv2aPPPSK5jeCplQmQ9xadnFx2Zhj9b5Dj7bU6ZeCdDNNY11nhYy4btcSdtDguHqCT2h5oNeQTcUNSGGLA7NTA==",
+      "version": "10.3.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.3.2.tgz",
+      "integrity": "sha512-43RTuEbfP8MbKzedNqBrlhhNKVwoK//vUFNW3Q3vZ88BLcrs4kYpGg+B2mm5p2K/HfygoCxuKwJJiv8PbGmE0A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/ansi": "^1.0.1",
-        "@inquirer/figures": "^1.0.14",
-        "@inquirer/type": "^3.0.9",
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
         "cli-width": "^4.1.0",
         "mute-stream": "^2.0.0",
         "signal-exit": "^4.1.0",
         "wrap-ansi": "^6.2.0",
-        "yoctocolors-cjs": "^2.1.2"
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
@@ -3885,15 +4731,15 @@
       }
     },
     "node_modules/@inquirer/editor": {
-      "version": "4.2.21",
-      "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.21.tgz",
-      "integrity": "sha512-MjtjOGjr0Kh4BciaFShYpZ1s9400idOdvQ5D7u7lE6VztPFoyLcVNE5dXBmEEIQq5zi4B9h2kU+q7AVBxJMAkQ==",
+      "version": "4.2.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.23.tgz",
+      "integrity": "sha512-aLSROkEwirotxZ1pBaP8tugXRFCxW94gwrQLxXfrZsKkfjOYC1aRvAZuhpJOb5cu4IBTJdsCigUlf2iCOu4ZDQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^10.3.0",
-        "@inquirer/external-editor": "^1.0.2",
-        "@inquirer/type": "^3.0.9"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/external-editor": "^1.0.3",
+        "@inquirer/type": "^3.0.10"
       },
       "engines": {
         "node": ">=18"
@@ -3908,15 +4754,15 @@
       }
     },
     "node_modules/@inquirer/expand": {
-      "version": "4.0.21",
-      "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.21.tgz",
-      "integrity": "sha512-+mScLhIcbPFmuvU3tAGBed78XvYHSvCl6dBiYMlzCLhpr0bzGzd8tfivMMeqND6XZiaZ1tgusbUHJEfc6YzOdA==",
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.23.tgz",
+      "integrity": "sha512-nRzdOyFYnpeYTTR2qFwEVmIWypzdAx/sIkCMeTNTcflFOovfqUk+HcFhQQVBftAh9gmGrpFj6QcGEqrDMDOiew==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^10.3.0",
-        "@inquirer/type": "^3.0.9",
-        "yoctocolors-cjs": "^2.1.2"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
@@ -3931,13 +4777,13 @@
       }
     },
     "node_modules/@inquirer/external-editor": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@inquirer/external-editor/-/external-editor-1.0.2.tgz",
-      "integrity": "sha512-yy9cOoBnx58TlsPrIxauKIFQTiyH+0MK4e97y4sV9ERbI+zDxw7i2hxHLCIEGIE/8PPvDxGhgzIOTSOWcs6/MQ==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@inquirer/external-editor/-/external-editor-1.0.3.tgz",
+      "integrity": "sha512-RWbSrDiYmO4LbejWY7ttpxczuwQyZLBUyygsA9Nsv95hpzUWwnNTVQmAq3xuh7vNwCp07UTmE5i11XAEExx4RA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "chardet": "^2.1.0",
+        "chardet": "^2.1.1",
         "iconv-lite": "^0.7.0"
       },
       "engines": {
@@ -3953,9 +4799,9 @@
       }
     },
     "node_modules/@inquirer/figures": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.14.tgz",
-      "integrity": "sha512-DbFgdt+9/OZYFM+19dbpXOSeAstPy884FPy1KjDu4anWwymZeOYhMY1mdFri172htv6mvc/uvIAAi7b7tvjJBQ==",
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.15.tgz",
+      "integrity": "sha512-t2IEY+unGHOzAaVM5Xx6DEWKeXlDDcNPeDyUpsRc6CUhBfU3VQOEl+Vssh7VNp1dR8MdUJBWhuObjXCsVpjN5g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3963,14 +4809,14 @@
       }
     },
     "node_modules/@inquirer/input": {
-      "version": "4.2.5",
-      "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.2.5.tgz",
-      "integrity": "sha512-7GoWev7P6s7t0oJbenH0eQ0ThNdDJbEAEtVt9vsrYZ9FulIokvd823yLyhQlWHJPGce1wzP53ttfdCZmonMHyA==",
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.3.1.tgz",
+      "integrity": "sha512-kN0pAM4yPrLjJ1XJBjDxyfDduXOuQHrBB8aLDMueuwUGn+vNpF7Gq7TvyVxx8u4SHlFFj4trmj+a2cbpG4Jn1g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^10.3.0",
-        "@inquirer/type": "^3.0.9"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
       },
       "engines": {
         "node": ">=18"
@@ -3985,14 +4831,14 @@
       }
     },
     "node_modules/@inquirer/number": {
-      "version": "3.0.21",
-      "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.21.tgz",
-      "integrity": "sha512-5QWs0KGaNMlhbdhOSCFfKsW+/dcAVC2g4wT/z2MCiZM47uLgatC5N20kpkDQf7dHx+XFct/MJvvNGy6aYJn4Pw==",
+      "version": "3.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.23.tgz",
+      "integrity": "sha512-5Smv0OK7K0KUzUfYUXDXQc9jrf8OHo4ktlEayFlelCjwMXz0299Y8OrI+lj7i4gCBY15UObk76q0QtxjzFcFcg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^10.3.0",
-        "@inquirer/type": "^3.0.9"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
       },
       "engines": {
         "node": ">=18"
@@ -4007,15 +4853,15 @@
       }
     },
     "node_modules/@inquirer/password": {
-      "version": "4.0.21",
-      "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.21.tgz",
-      "integrity": "sha512-xxeW1V5SbNFNig2pLfetsDb0svWlKuhmr7MPJZMYuDnCTkpVBI+X/doudg4pznc1/U+yYmWFFOi4hNvGgUo7EA==",
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.23.tgz",
+      "integrity": "sha512-zREJHjhT5vJBMZX/IUbyI9zVtVfOLiTO66MrF/3GFZYZ7T4YILW5MSkEYHceSii/KtRk+4i3RE7E1CUXA2jHcA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/ansi": "^1.0.1",
-        "@inquirer/core": "^10.3.0",
-        "@inquirer/type": "^3.0.9"
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10"
       },
       "engines": {
         "node": ">=18"
@@ -4060,15 +4906,15 @@
       }
     },
     "node_modules/@inquirer/rawlist": {
-      "version": "4.1.9",
-      "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.1.9.tgz",
-      "integrity": "sha512-AWpxB7MuJrRiSfTKGJ7Y68imYt8P9N3Gaa7ySdkFj1iWjr6WfbGAhdZvw/UnhFXTHITJzxGUI9k8IX7akAEBCg==",
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.1.11.tgz",
+      "integrity": "sha512-+LLQB8XGr3I5LZN/GuAHo+GpDJegQwuPARLChlMICNdwW7OwV2izlCSCxN6cqpL0sMXmbKbFcItJgdQq5EBXTw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^10.3.0",
-        "@inquirer/type": "^3.0.9",
-        "yoctocolors-cjs": "^2.1.2"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
@@ -4083,16 +4929,16 @@
       }
     },
     "node_modules/@inquirer/search": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.2.0.tgz",
-      "integrity": "sha512-a5SzB/qrXafDX1Z4AZW3CsVoiNxcIYCzYP7r9RzrfMpaLpB+yWi5U8BWagZyLmwR0pKbbL5umnGRd0RzGVI8bQ==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.2.2.tgz",
+      "integrity": "sha512-p2bvRfENXCZdWF/U2BXvnSI9h+tuA8iNqtUKb9UWbmLYCRQxd8WkvwWvYn+3NgYaNwdUkHytJMGG4MMLucI1kA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^10.3.0",
-        "@inquirer/figures": "^1.0.14",
-        "@inquirer/type": "^3.0.9",
-        "yoctocolors-cjs": "^2.1.2"
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
@@ -4107,17 +4953,17 @@
       }
     },
     "node_modules/@inquirer/select": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.4.0.tgz",
-      "integrity": "sha512-kaC3FHsJZvVyIjYBs5Ih8y8Bj4P/QItQWrZW22WJax7zTN+ZPXVGuOM55vzbdCP9zKUiBd9iEJVdesujfF+cAA==",
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.4.2.tgz",
+      "integrity": "sha512-l4xMuJo55MAe+N7Qr4rX90vypFwCajSakx59qe/tMaC1aEHWLyw68wF4o0A4SLAY4E0nd+Vt+EyskeDIqu1M6w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/ansi": "^1.0.1",
-        "@inquirer/core": "^10.3.0",
-        "@inquirer/figures": "^1.0.14",
-        "@inquirer/type": "^3.0.9",
-        "yoctocolors-cjs": "^2.1.2"
+        "@inquirer/ansi": "^1.0.2",
+        "@inquirer/core": "^10.3.2",
+        "@inquirer/figures": "^1.0.15",
+        "@inquirer/type": "^3.0.10",
+        "yoctocolors-cjs": "^2.1.3"
       },
       "engines": {
         "node": ">=18"
@@ -4132,9 +4978,9 @@
       }
     },
     "node_modules/@inquirer/type": {
-      "version": "3.0.9",
-      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-3.0.9.tgz",
-      "integrity": "sha512-QPaNt/nmE2bLGQa9b7wwyRJoLZ7pN6rcyXvzU0YCmivmJyq1BVo94G98tStRWkoD1RgDX5C+dPlhhHzNdu/W/w==",
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-3.0.10.tgz",
+      "integrity": "sha512-BvziSRxfz5Ov8ch0z/n3oijRSEcEsHnhggm4xFZe93DHcUCTlutlq9Ox4SVENAfcRD22UQq7T/atg9Wr3k09eA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4870,15 +5716,39 @@
       ]
     },
     "node_modules/@mermaid-js/parser": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.0.0.tgz",
-      "integrity": "sha512-vvK0Hi/VWndxoh03Mmz6wa1KDriSPjS2XMZL/1l19HFwygiObEEoEwSDxOqyLzzAI6J2PU3261JjTMTO7x+BPw==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.0.1.tgz",
+      "integrity": "sha512-opmV19kN1JsK0T6HhhokHpcVkqKpF+x2pPDKKM2ThHtZAB5F4PROopk0amuVYK5qMrIA4erzpNm8gmPNJgMDxQ==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
         "langium": "^4.0.0"
       }
     },
+    "node_modules/@mitre-attack/attack-data-model": {
+      "version": "5.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@mitre-attack/attack-data-model/-/attack-data-model-5.0.0-beta.3.tgz",
+      "integrity": "sha512-/TBIrix6p51p9Bu9JHUmpPyN8lPnDgOd0UxIGmZdC4zzONpx5wpAvofACQV2t2A9P3EeaYxTcnufTMCh94DZIQ==",
+      "license": "APACHE-2.0",
+      "dependencies": {
+        "axios": "^1.9.0",
+        "uuid": "^10.0.0",
+        "zod": "^4.0.5"
+      }
+    },
+    "node_modules/@mitre-attack/attack-data-model/node_modules/uuid": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
+      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz",
@@ -5450,13 +6320,13 @@
       }
     },
     "node_modules/@npmcli/git/node_modules/isexe": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.5.tgz",
+      "integrity": "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       }
     },
     "node_modules/@npmcli/git/node_modules/lru-cache": {
@@ -5528,27 +6398,6 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
-    "node_modules/@npmcli/package-json/node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/@npmcli/promise-spawn": {
       "version": "8.0.3",
       "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-8.0.3.tgz",
@@ -5563,13 +6412,13 @@
       }
     },
     "node_modules/@npmcli/promise-spawn/node_modules/isexe": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.5.tgz",
+      "integrity": "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       }
     },
     "node_modules/@npmcli/promise-spawn/node_modules/which": {
@@ -5617,13 +6466,13 @@
       }
     },
     "node_modules/@npmcli/run-script/node_modules/isexe": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.5.tgz",
+      "integrity": "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       }
     },
     "node_modules/@npmcli/run-script/node_modules/which": {
@@ -5672,9 +6521,9 @@
       }
     },
     "node_modules/@octokit/endpoint": {
-      "version": "11.0.2",
-      "resolved": "https://registry.npmjs.org/@octokit/endpoint/-/endpoint-11.0.2.tgz",
-      "integrity": "sha512-4zCpzP1fWc7QlqunZ5bSEjxc6yLAlRTnDwKtgXfcI/FxxGoqedDG8V2+xJ60bV2kODqcGB+nATdtap/XYq2NZQ==",
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@octokit/endpoint/-/endpoint-11.0.3.tgz",
+      "integrity": "sha512-FWFlNxghg4HrXkD3ifYbS/IdL/mDHjh9QcsNyhQjN8dplUoZbejsdpmuqdA76nxj2xoWPs7p8uX2SNr9rYu0Ag==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5724,9 +6573,9 @@
       }
     },
     "node_modules/@octokit/plugin-retry": {
-      "version": "8.0.3",
-      "resolved": "https://registry.npmjs.org/@octokit/plugin-retry/-/plugin-retry-8.0.3.tgz",
-      "integrity": "sha512-vKGx1i3MC0za53IzYBSBXcrhmd+daQDzuZfYDd52X5S0M2otf3kVZTVP8bLA3EkU0lTvd1WEC2OlNNa4G+dohA==",
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@octokit/plugin-retry/-/plugin-retry-8.1.0.tgz",
+      "integrity": "sha512-O1FZgXeiGb2sowEr/hYTr6YunGdSAFWnr2fyW39Ah85H8O33ELASQxcvOFF5LE6Tjekcyu2ms4qAzJVhSaJxTw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5759,16 +6608,17 @@
       }
     },
     "node_modules/@octokit/request": {
-      "version": "10.0.7",
-      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-10.0.7.tgz",
-      "integrity": "sha512-v93h0i1yu4idj8qFPZwjehoJx4j3Ntn+JhXsdJrG9pYaX6j/XRz2RmasMUHtNgQD39nrv/VwTWSqK0RNXR8upA==",
+      "version": "10.0.8",
+      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-10.0.8.tgz",
+      "integrity": "sha512-SJZNwY9pur9Agf7l87ywFi14W+Hd9Jg6Ifivsd33+/bGUQIjNujdFiXII2/qSlN2ybqUHfp5xpekMEjIBTjlSw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@octokit/endpoint": "^11.0.2",
+        "@octokit/endpoint": "^11.0.3",
         "@octokit/request-error": "^7.0.2",
         "@octokit/types": "^16.0.0",
         "fast-content-type-parse": "^3.0.0",
+        "json-with-bigint": "^3.5.3",
         "universal-user-agent": "^7.0.2"
       },
       "engines": {
@@ -5799,18 +6649,18 @@
       }
     },
     "node_modules/@parcel/watcher": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
-      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz",
+      "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "detect-libc": "^1.0.3",
+        "detect-libc": "^2.0.3",
         "is-glob": "^4.0.3",
-        "micromatch": "^4.0.5",
-        "node-addon-api": "^7.0.0"
+        "node-addon-api": "^7.0.0",
+        "picomatch": "^4.0.3"
       },
       "engines": {
         "node": ">= 10.0.0"
@@ -5820,25 +6670,25 @@
         "url": "https://opencollective.com/parcel"
       },
       "optionalDependencies": {
-        "@parcel/watcher-android-arm64": "2.5.1",
-        "@parcel/watcher-darwin-arm64": "2.5.1",
-        "@parcel/watcher-darwin-x64": "2.5.1",
-        "@parcel/watcher-freebsd-x64": "2.5.1",
-        "@parcel/watcher-linux-arm-glibc": "2.5.1",
-        "@parcel/watcher-linux-arm-musl": "2.5.1",
-        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
-        "@parcel/watcher-linux-arm64-musl": "2.5.1",
-        "@parcel/watcher-linux-x64-glibc": "2.5.1",
-        "@parcel/watcher-linux-x64-musl": "2.5.1",
-        "@parcel/watcher-win32-arm64": "2.5.1",
-        "@parcel/watcher-win32-ia32": "2.5.1",
-        "@parcel/watcher-win32-x64": "2.5.1"
+        "@parcel/watcher-android-arm64": "2.5.6",
+        "@parcel/watcher-darwin-arm64": "2.5.6",
+        "@parcel/watcher-darwin-x64": "2.5.6",
+        "@parcel/watcher-freebsd-x64": "2.5.6",
+        "@parcel/watcher-linux-arm-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm-musl": "2.5.6",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.6",
+        "@parcel/watcher-linux-arm64-musl": "2.5.6",
+        "@parcel/watcher-linux-x64-glibc": "2.5.6",
+        "@parcel/watcher-linux-x64-musl": "2.5.6",
+        "@parcel/watcher-win32-arm64": "2.5.6",
+        "@parcel/watcher-win32-ia32": "2.5.6",
+        "@parcel/watcher-win32-x64": "2.5.6"
       }
     },
     "node_modules/@parcel/watcher-android-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
-      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz",
+      "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==",
       "cpu": [
         "arm64"
       ],
@@ -5857,9 +6707,9 @@
       }
     },
     "node_modules/@parcel/watcher-darwin-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
-      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz",
+      "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==",
       "cpu": [
         "arm64"
       ],
@@ -5878,9 +6728,9 @@
       }
     },
     "node_modules/@parcel/watcher-darwin-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
-      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz",
+      "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==",
       "cpu": [
         "x64"
       ],
@@ -5899,9 +6749,9 @@
       }
     },
     "node_modules/@parcel/watcher-freebsd-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
-      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz",
+      "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==",
       "cpu": [
         "x64"
       ],
@@ -5920,9 +6770,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-arm-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
-      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz",
+      "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==",
       "cpu": [
         "arm"
       ],
@@ -5941,9 +6791,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-arm-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
-      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz",
+      "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==",
       "cpu": [
         "arm"
       ],
@@ -5962,9 +6812,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-arm64-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
-      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz",
+      "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==",
       "cpu": [
         "arm64"
       ],
@@ -5983,9 +6833,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-arm64-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
-      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz",
+      "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==",
       "cpu": [
         "arm64"
       ],
@@ -6004,9 +6854,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-x64-glibc": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
-      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz",
+      "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==",
       "cpu": [
         "x64"
       ],
@@ -6025,9 +6875,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-x64-musl": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
-      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz",
+      "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==",
       "cpu": [
         "x64"
       ],
@@ -6046,9 +6896,9 @@
       }
     },
     "node_modules/@parcel/watcher-win32-arm64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
-      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz",
+      "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==",
       "cpu": [
         "arm64"
       ],
@@ -6067,9 +6917,9 @@
       }
     },
     "node_modules/@parcel/watcher-win32-ia32": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
-      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz",
+      "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==",
       "cpu": [
         "ia32"
       ],
@@ -6088,9 +6938,9 @@
       }
     },
     "node_modules/@parcel/watcher-win32-x64": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
-      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
+      "version": "2.5.6",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz",
+      "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==",
       "cpu": [
         "x64"
       ],
@@ -6108,20 +6958,6 @@
         "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@parcel/watcher/node_modules/detect-libc": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
-      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "optional": true,
-      "bin": {
-        "detect-libc": "bin/detect-libc.js"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
     "node_modules/@parcel/watcher/node_modules/node-addon-api": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
@@ -6130,6 +6966,20 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/@parcel/watcher/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -6199,6 +7049,13 @@
         "node": ">=12"
       }
     },
+    "node_modules/@polka/url": {
+      "version": "1.0.0-next.29",
+      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.59.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
@@ -6566,6 +7423,54 @@
         "yarn": ">= 1.13.0"
       }
     },
+    "node_modules/@schematics/angular/node_modules/@angular-devkit/core": {
+      "version": "19.2.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.22.tgz",
+      "integrity": "sha512-OqN/Ded+ZKypPZN5+qUFwtnKGl7FKpxJXYO2Vts5vLBojY5goCZd9SGW1CyXeuPnisRUW+vjqBQbWYuEUh36Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "8.18.0",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.2",
+        "rxjs": "7.8.1",
+        "source-map": "0.7.4"
+      },
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@schematics/angular/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@schematics/angular/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/@sec-ant/readable-stream": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/@sec-ant/readable-stream/-/readable-stream-0.4.1.tgz",
@@ -6597,9 +7502,9 @@
       }
     },
     "node_modules/@semantic-release/commit-analyzer/node_modules/conventional-changelog-angular": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/conventional-changelog-angular/-/conventional-changelog-angular-8.1.0.tgz",
-      "integrity": "sha512-GGf2Nipn1RUCAktxuVauVr1e3r8QrLP/B0lEUsFktmGqc3ddbQkhoJZHJctVU829U1c6mTSWftrVOCHaL85Q3w==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/conventional-changelog-angular/-/conventional-changelog-angular-8.3.0.tgz",
+      "integrity": "sha512-DOuBwYSqWzfwuRByY9O4oOIvDlkUCTDzfbOgcSbkY+imXXj+4tmrEFao3K+FxemClYfYnZzsvudbwrhje9VHDA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -6609,35 +7514,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/@semantic-release/commit-analyzer/node_modules/conventional-commits-parser": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-6.2.1.tgz",
-      "integrity": "sha512-20pyHgnO40rvfI0NGF/xiEoFMkXDtkF8FwHvk5BokoFoCuTQRI8vrNCNFWUOfuolKJMm1tPCHc8GgYEtr1XRNA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "meow": "^13.0.0"
-      },
-      "bin": {
-        "conventional-commits-parser": "dist/cli/index.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@semantic-release/commit-analyzer/node_modules/meow": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz",
-      "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@semantic-release/error": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@semantic-release/error/-/error-3.0.0.tgz",
@@ -6649,9 +7525,9 @@
       }
     },
     "node_modules/@semantic-release/github": {
-      "version": "12.0.2",
-      "resolved": "https://registry.npmjs.org/@semantic-release/github/-/github-12.0.2.tgz",
-      "integrity": "sha512-qyqLS+aSGH1SfXIooBKjs7mvrv0deg8v+jemegfJg1kq6ji+GJV8CO08VJDEsvjp3O8XJmTTIAjjZbMzagzsdw==",
+      "version": "12.0.6",
+      "resolved": "https://registry.npmjs.org/@semantic-release/github/-/github-12.0.6.tgz",
+      "integrity": "sha512-aYYFkwHW3c6YtHwQF0t0+lAjlU+87NFOZuH2CvWFD0Ylivc7MwhZMiHOJ0FMpIgPpCVib/VUAcOwvrW0KnxQtA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6707,9 +7583,9 @@
       }
     },
     "node_modules/@semantic-release/github/node_modules/undici": {
-      "version": "7.18.2",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-7.18.2.tgz",
-      "integrity": "sha512-y+8YjDFzWdQlSE9N5nzKMT3g4a5UBX1HKowfdXh0uvAnTaqqwqB92Jt4UXBAeKekDs5IaDKyJFR4X1gYVCgXcw==",
+      "version": "7.22.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.22.0.tgz",
+      "integrity": "sha512-RqslV2Us5BrllB+JeiZnK4peryVTndy9Dnqq62S3yYRRTj0tFQCwEniUy2167skdGOy3vqRzEvl1Dm4sV2ReDg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -6717,13 +7593,13 @@
       }
     },
     "node_modules/@semantic-release/npm": {
-      "version": "13.1.3",
-      "resolved": "https://registry.npmjs.org/@semantic-release/npm/-/npm-13.1.3.tgz",
-      "integrity": "sha512-q7zreY8n9V0FIP1Cbu63D+lXtRAVAIWb30MH5U3TdrfXt6r2MIrWCY0whAImN53qNvSGp0Zt07U95K+Qp9GpEg==",
+      "version": "13.1.5",
+      "resolved": "https://registry.npmjs.org/@semantic-release/npm/-/npm-13.1.5.tgz",
+      "integrity": "sha512-Hq5UxzoatN3LHiq2rTsWS54nCdqJHlsssGERCo8WlvdfFA9LoN0vO+OuKVSjtNapIc/S8C2LBj206wKLHg62mg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@actions/core": "^2.0.0",
+        "@actions/core": "^3.0.0",
         "@semantic-release/error": "^4.0.0",
         "aggregate-error": "^5.0.0",
         "env-ci": "^11.2.0",
@@ -6731,7 +7607,7 @@
         "fs-extra": "^11.0.0",
         "lodash-es": "^4.17.21",
         "nerf-dart": "^1.0.0",
-        "normalize-url": "^8.0.0",
+        "normalize-url": "^9.0.0",
         "npm": "^11.6.2",
         "rc": "^1.2.8",
         "read-pkg": "^10.0.0",
@@ -6747,41 +7623,41 @@
       }
     },
     "node_modules/@semantic-release/npm/node_modules/@actions/core": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@actions/core/-/core-2.0.2.tgz",
-      "integrity": "sha512-Ast1V7yHbGAhplAsuVlnb/5J8Mtr/Zl6byPPL+Qjq3lmfIgWF1ak1iYfF/079cRERiuTALTXkSuEUdZeDCfGtA==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@actions/core/-/core-3.0.0.tgz",
+      "integrity": "sha512-zYt6cz+ivnTmiT/ksRVriMBOiuoUpDCJJlZ5KPl2/FRdvwU3f7MPh9qftvbkXJThragzUZieit2nyHUyw53Seg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@actions/exec": "^2.0.0",
-        "@actions/http-client": "^3.0.1"
+        "@actions/exec": "^3.0.0",
+        "@actions/http-client": "^4.0.0"
       }
     },
     "node_modules/@semantic-release/npm/node_modules/@actions/exec": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@actions/exec/-/exec-2.0.0.tgz",
-      "integrity": "sha512-k8ngrX2voJ/RIN6r9xB82NVqKpnMRtxDoiO+g3olkIUpQNqjArXrCQceduQZCQj3P3xm32pChRLqRrtXTlqhIw==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@actions/exec/-/exec-3.0.0.tgz",
+      "integrity": "sha512-6xH/puSoNBXb72VPlZVm7vQ+svQpFyA96qdDBvhB8eNZOE8LtPf9L4oAsfzK/crCL8YZ+19fKYVnM63Sl+Xzlw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@actions/io": "^2.0.0"
+        "@actions/io": "^3.0.2"
       }
     },
     "node_modules/@semantic-release/npm/node_modules/@actions/http-client": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@actions/http-client/-/http-client-3.0.1.tgz",
-      "integrity": "sha512-SbGS8c/vySbNO3kjFgSW77n83C4MQx/Yoe+b1hAdpuvfHxnkHzDq2pWljUpAA56Si1Gae/7zjeZsV0CYjmLo/w==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@actions/http-client/-/http-client-4.0.0.tgz",
+      "integrity": "sha512-QuwPsgVMsD6qaPD57GLZi9sqzAZCtiJT8kVBCDpLtxhL5MydQ4gS+DrejtZZPdIYyB1e95uCK9Luyds7ybHI3g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "tunnel": "^0.0.6",
-        "undici": "^5.28.5"
+        "undici": "^6.23.0"
       }
     },
     "node_modules/@semantic-release/npm/node_modules/@actions/io": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@actions/io/-/io-2.0.0.tgz",
-      "integrity": "sha512-Jv33IN09XLO+0HS79aaODsvIRyduiF7NY/F6LYeK5oeUmrsz7aFdRphQjFoESF4jS7lMauDOttKALcpapVDIAg==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@actions/io/-/io-3.0.2.tgz",
+      "integrity": "sha512-nRBchcMM+QK1pdjO7/idu86rbJI5YHUKCvKs0KxnSYbVe3F51UfGxuZX4Qy/fWlp6l7gWFwIkrOzN+oUK03kfw==",
       "dev": true,
       "license": "MIT"
     },
@@ -6852,19 +7728,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@semantic-release/npm/node_modules/hosted-git-info": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-9.0.2.tgz",
-      "integrity": "sha512-M422h7o/BR3rmCQ8UHi7cyyMqKltdP9Uo+J2fXK+RSAY+wTcKOIRyhTuKv4qn+DJf3g+PL890AzId5KZpX+CBg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "lru-cache": "^11.1.0"
-      },
-      "engines": {
-        "node": "^20.17.0 || >=22.9.0"
-      }
-    },
     "node_modules/@semantic-release/npm/node_modules/human-signals": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-8.0.1.tgz",
@@ -6888,31 +7751,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@semantic-release/npm/node_modules/lru-cache": {
-      "version": "11.2.4",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.4.tgz",
-      "integrity": "sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": "20 || >=22"
-      }
-    },
-    "node_modules/@semantic-release/npm/node_modules/normalize-package-data": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-8.0.0.tgz",
-      "integrity": "sha512-RWk+PI433eESQ7ounYxIp67CYuVsS1uYSonX3kA6ps/3LWfjVQa/ptEg6Y3T6uAMq1mWpX9PQ+qx+QaHpsc7gQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "hosted-git-info": "^9.0.0",
-        "semver": "^7.3.5",
-        "validate-npm-package-license": "^3.0.4"
-      },
-      "engines": {
-        "node": "^20.17.0 || >=22.9.0"
-      }
-    },
     "node_modules/@semantic-release/npm/node_modules/npm-run-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-6.0.0.tgz",
@@ -6930,24 +7768,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@semantic-release/npm/node_modules/parse-json": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-8.3.0.tgz",
-      "integrity": "sha512-ybiGyvspI+fAoRQbIPRddCcSTV9/LsJbf0e/S85VLowVGzRmokfneg2kwVW/KU5rOXrPSbF1qAKPMgNTqqROQQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.26.2",
-        "index-to-position": "^1.1.0",
-        "type-fest": "^4.39.1"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@semantic-release/npm/node_modules/path-key": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
@@ -6961,42 +7781,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@semantic-release/npm/node_modules/read-pkg": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-10.0.0.tgz",
-      "integrity": "sha512-A70UlgfNdKI5NSvTTfHzLQj7NJRpJ4mT5tGafkllJ4wh71oYuGm/pzphHcmW4s35iox56KSK721AihodoXSc/A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/normalize-package-data": "^2.4.4",
-        "normalize-package-data": "^8.0.0",
-        "parse-json": "^8.3.0",
-        "type-fest": "^5.2.0",
-        "unicorn-magic": "^0.3.0"
-      },
-      "engines": {
-        "node": ">=20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@semantic-release/npm/node_modules/read-pkg/node_modules/type-fest": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-5.4.1.tgz",
-      "integrity": "sha512-xygQcmneDyzsEuKZrFbRMne5HDqMs++aFzefrJTgEIKjQ3rekM+RPfFCVq2Gp1VIDqddoYeppCj4Pcb+RZW0GQ==",
-      "dev": true,
-      "license": "(MIT OR CC0-1.0)",
-      "dependencies": {
-        "tagged-tag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@semantic-release/npm/node_modules/strip-final-newline": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-4.0.0.tgz",
@@ -7010,6 +7794,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@semantic-release/npm/node_modules/undici": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-6.23.0.tgz",
+      "integrity": "sha512-VfQPToRA5FZs/qJxLIinmU59u0r7LXqoJkCzinq3ckNJp3vKEh7jTWN589YQ5+aoAC/TGRLyJLCPKcLQbM8r9g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.17"
+      }
+    },
     "node_modules/@semantic-release/npm/node_modules/unicorn-magic": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
@@ -7049,9 +7843,9 @@
       }
     },
     "node_modules/@semantic-release/release-notes-generator/node_modules/conventional-changelog-angular": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/conventional-changelog-angular/-/conventional-changelog-angular-8.1.0.tgz",
-      "integrity": "sha512-GGf2Nipn1RUCAktxuVauVr1e3r8QrLP/B0lEUsFktmGqc3ddbQkhoJZHJctVU829U1c6mTSWftrVOCHaL85Q3w==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/conventional-changelog-angular/-/conventional-changelog-angular-8.3.0.tgz",
+      "integrity": "sha512-DOuBwYSqWzfwuRByY9O4oOIvDlkUCTDzfbOgcSbkY+imXXj+4tmrEFao3K+FxemClYfYnZzsvudbwrhje9VHDA==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -7061,41 +7855,103 @@
         "node": ">=18"
       }
     },
-    "node_modules/@semantic-release/release-notes-generator/node_modules/conventional-commits-parser": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-6.2.1.tgz",
-      "integrity": "sha512-20pyHgnO40rvfI0NGF/xiEoFMkXDtkF8FwHvk5BokoFoCuTQRI8vrNCNFWUOfuolKJMm1tPCHc8GgYEtr1XRNA==",
+    "node_modules/@semantic-release/release-notes-generator/node_modules/get-stream": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-7.0.1.tgz",
+      "integrity": "sha512-3M8C1EOFN6r8AMUhwUAACIoXZJEOufDU5+0gFFN5uNs6XYOralD2Pqkl7m046va6x77FwposWXbAhPPIOus7mQ==",
       "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@semantic-release/release-notes-generator/node_modules/hosted-git-info": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.2.tgz",
+      "integrity": "sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==",
+      "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "meow": "^13.0.0"
+        "lru-cache": "^10.0.1"
       },
-      "bin": {
-        "conventional-commits-parser": "dist/cli/index.js"
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@semantic-release/release-notes-generator/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@semantic-release/release-notes-generator/node_modules/normalize-package-data": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.2.tgz",
+      "integrity": "sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "hosted-git-info": "^7.0.0",
+        "semver": "^7.3.5",
+        "validate-npm-package-license": "^3.0.4"
+      },
+      "engines": {
+        "node": "^16.14.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@semantic-release/release-notes-generator/node_modules/parse-json": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-8.3.0.tgz",
+      "integrity": "sha512-ybiGyvspI+fAoRQbIPRddCcSTV9/LsJbf0e/S85VLowVGzRmokfneg2kwVW/KU5rOXrPSbF1qAKPMgNTqqROQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.26.2",
+        "index-to-position": "^1.1.0",
+        "type-fest": "^4.39.1"
       },
       "engines": {
         "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@semantic-release/release-notes-generator/node_modules/get-stream": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-7.0.1.tgz",
-      "integrity": "sha512-3M8C1EOFN6r8AMUhwUAACIoXZJEOufDU5+0gFFN5uNs6XYOralD2Pqkl7m046va6x77FwposWXbAhPPIOus7mQ==",
+    "node_modules/@semantic-release/release-notes-generator/node_modules/read-package-up": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/read-package-up/-/read-package-up-11.0.0.tgz",
+      "integrity": "sha512-MbgfoNPANMdb4oRBNg5eqLbB2t2r+o5Ua1pNt8BqGp4I0FJZhuVSOj3PaBPni4azWuSzEdNn2evevzVmEk1ohQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "find-up-simple": "^1.0.0",
+        "read-pkg": "^9.0.0",
+        "type-fest": "^4.6.0"
+      },
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@semantic-release/release-notes-generator/node_modules/meow": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz",
-      "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==",
+    "node_modules/@semantic-release/release-notes-generator/node_modules/read-pkg": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-9.0.1.tgz",
+      "integrity": "sha512-9viLL4/n1BJUCT1NXVTdS1jtm80yDEgR5T4yCelII49Mbj0v1rZdKqj7zCiYdbB0CuCgdrvHcNogAKTFPBocFA==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@types/normalize-package-data": "^2.4.3",
+        "normalize-package-data": "^6.0.0",
+        "parse-json": "^8.0.0",
+        "type-fest": "^4.6.0",
+        "unicorn-magic": "^0.1.0"
+      },
       "engines": {
         "node": ">=18"
       },
@@ -7103,6 +7959,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@semantic-release/release-notes-generator/node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@sigstore/bundle": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-3.1.0.tgz",
@@ -7197,9 +8066,9 @@
       }
     },
     "node_modules/@sinclair/typebox": {
-      "version": "0.27.8",
-      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
-      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
+      "version": "0.27.10",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.10.tgz",
+      "integrity": "sha512-MTBk/3jGLNB2tVxv6uLlFh1iu64iYOQ2PbdOSK3NW8JZsmlaOh2q6sdtKowBhfw8QFLmYNzTW4/oK4uATIi6ZA==",
       "dev": true,
       "license": "MIT"
     },
@@ -7229,17 +8098,72 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@socket.io/component-emitter": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
-      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+    "node_modules/@ts-morph/common": {
+      "version": "0.22.0",
+      "resolved": "https://registry.npmjs.org/@ts-morph/common/-/common-0.22.0.tgz",
+      "integrity": "sha512-HqNBuV/oIlMKdkLshXd1zKBqNQCsuPEsgQOkfFQ/eUKjRlwndXW1AjN9LVkBEIukm00gGXSRmfkl0Wv5VXLnlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "^3.3.2",
+        "minimatch": "^9.0.3",
+        "mkdirp": "^3.0.1",
+        "path-browserify": "^1.0.1"
+      }
+    },
+    "node_modules/@ts-morph/common/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@ts-morph/common/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@ts-morph/common/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@ts-morph/common/node_modules/mkdirp": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
+      "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mkdirp": "dist/cjs/src/bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@tsconfig/node10": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
-      "integrity": "sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==",
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.12.tgz",
+      "integrity": "sha512-UCYBaeFvM11aU2y3YPZ//O5Rhj+xKyzy7mvcIoAjASbigy8mHMryP5cK7dgjlz2hWxh1g5pLw084E0a/wlUSFQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -7288,6 +8212,39 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
+    "node_modules/@tufjs/models/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tufjs/models/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@tufjs/models/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@types/body-parser": {
       "version": "1.19.6",
       "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
@@ -7309,6 +8266,17 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/chai": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
+      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/deep-eql": "*",
+        "assertion-error": "^2.0.1"
+      }
+    },
     "node_modules/@types/connect": {
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
@@ -7340,16 +8308,6 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@types/cors": {
-      "version": "2.8.19",
-      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.19.tgz",
-      "integrity": "sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/d3": {
       "version": "7.4.3",
       "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz",
@@ -7583,9 +8541,9 @@
       "optional": true
     },
     "node_modules/@types/d3-shape": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.7.tgz",
-      "integrity": "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==",
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.8.tgz",
+      "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -7634,6 +8592,13 @@
         "@types/d3-selection": "*"
       }
     },
+    "node_modules/@types/deep-eql": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/eslint": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
@@ -7713,23 +8678,6 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@types/jasmine": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-6.0.0.tgz",
-      "integrity": "sha512-18lgGsLmEh3VJk9eZ5wAjTISxdqzl6YOwu8UdMpolajN57QOCNbl+AbHUd+Yu9ItrsFdB+c8LSZSGNg8nHaguw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/jasminewd2": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/@types/jasminewd2/-/jasminewd2-2.0.13.tgz",
-      "integrity": "sha512-aJ3wj8tXMpBrzQ5ghIaqMisD8C3FIrcO6sDKHqFbuqAsI7yOxj0fA7MrRCPLZHIVUjERIwsMmGn/vB0UQ9u0Hg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/jasmine": "*"
-      }
-    },
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -7745,9 +8693,9 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "20.19.24",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.24.tgz",
-      "integrity": "sha512-FE5u0ezmi6y9OZEzlJfg37mqqf6ZDSF2V/NLjUyGrR9uTZ7Sb9F7bLNZ03S4XVUNRWGA7Ck4c1kK+YnuWjl+DA==",
+      "version": "20.19.37",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.37.tgz",
+      "integrity": "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==",
       "license": "MIT",
       "dependencies": {
         "undici-types": "~6.21.0"
@@ -7851,6 +8799,13 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/ws": {
       "version": "8.18.1",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
@@ -7862,17 +8817,17 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.53.1.tgz",
-      "integrity": "sha512-cFYYFZ+oQFi6hUnBTbLRXfTJiaQtYE3t4O692agbBl+2Zy+eqSKWtPjhPXJu1G7j4RLjKgeJPDdq3EqOwmX5Ag==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.57.0.tgz",
+      "integrity": "sha512-qeu4rTHR3/IaFORbD16gmjq9+rEs9fGKdX0kF6BKSfi+gCuG3RCKLlSBYzn/bGsY9Tj7KE/DAQStbp8AHJGHEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.53.1",
-        "@typescript-eslint/type-utils": "8.53.1",
-        "@typescript-eslint/utils": "8.53.1",
-        "@typescript-eslint/visitor-keys": "8.53.1",
+        "@typescript-eslint/scope-manager": "8.57.0",
+        "@typescript-eslint/type-utils": "8.57.0",
+        "@typescript-eslint/utils": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
         "ts-api-utils": "^2.4.0"
@@ -7885,22 +8840,22 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.53.1",
-        "eslint": "^8.57.0 || ^9.0.0",
+        "@typescript-eslint/parser": "^8.57.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.53.1.tgz",
-      "integrity": "sha512-nm3cvFN9SqZGXjmw5bZ6cGmvJSyJPn0wU9gHAZZHDnZl2wF9PhHv78Xf06E0MaNk4zLVHL8hb2/c32XvyJOLQg==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.57.0.tgz",
+      "integrity": "sha512-XZzOmihLIr8AD1b9hL9ccNMzEMWt/dE2u7NyTY9jJG6YNiNthaD5XtUHVF2uCXZ15ng+z2hT3MVuxnUYhq6k1g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.53.1",
-        "@typescript-eslint/types": "8.53.1",
-        "@typescript-eslint/typescript-estree": "8.53.1",
-        "@typescript-eslint/visitor-keys": "8.53.1",
+        "@typescript-eslint/scope-manager": "8.57.0",
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7911,19 +8866,19 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.53.1.tgz",
-      "integrity": "sha512-WYC4FB5Ra0xidsmlPb+1SsnaSKPmS3gsjIARwbEkHkoWloQmuzcfypljaJcR78uyLA1h8sHdWWPHSLDI+MtNog==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.57.0.tgz",
+      "integrity": "sha512-pR+dK0BlxCLxtWfaKQWtYr7MhKmzqZxuii+ZjuFlZlIGRZm22HnXFqa2eY+90MUz8/i80YJmzFGDUsi8dMOV5w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.53.1",
-        "@typescript-eslint/types": "^8.53.1",
+        "@typescript-eslint/tsconfig-utils": "^8.57.0",
+        "@typescript-eslint/types": "^8.57.0",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -7938,14 +8893,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.53.1.tgz",
-      "integrity": "sha512-Lu23yw1uJMFY8cUeq7JlrizAgeQvWugNQzJp8C3x8Eo5Jw5Q2ykMdiiTB9vBVOOUBysMzmRRmUfwFrZuI2C4SQ==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.57.0.tgz",
+      "integrity": "sha512-nvExQqAHF01lUM66MskSaZulpPL5pgy5hI5RfrxviLgzZVffB5yYzw27uK/ft8QnKXI2X0LBrHJFr1TaZtAibw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.53.1",
-        "@typescript-eslint/visitor-keys": "8.53.1"
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7956,9 +8911,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.53.1.tgz",
-      "integrity": "sha512-qfvLXS6F6b1y43pnf0pPbXJ+YoXIC7HKg0UGZ27uMIemKMKA6XH2DTxsEDdpdN29D+vHV07x/pnlPNVLhdhWiA==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.57.0.tgz",
+      "integrity": "sha512-LtXRihc5ytjJIQEH+xqjB0+YgsV4/tW35XKX3GTZHpWtcC8SPkT/d4tqdf1cKtesryHm2bgp6l555NYcT2NLvA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7973,15 +8928,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.53.1.tgz",
-      "integrity": "sha512-MOrdtNvyhy0rHyv0ENzub1d4wQYKb2NmIqG7qEqPWFW7Mpy2jzFC3pQ2yKDvirZB7jypm5uGjF2Qqs6OIqu47w==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.57.0.tgz",
+      "integrity": "sha512-yjgh7gmDcJ1+TcEg8x3uWQmn8ifvSupnPfjP21twPKrDP/pTHlEQgmKcitzF/rzPSmv7QjJ90vRpN4U+zoUjwQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.53.1",
-        "@typescript-eslint/typescript-estree": "8.53.1",
-        "@typescript-eslint/utils": "8.53.1",
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0",
+        "@typescript-eslint/utils": "8.57.0",
         "debug": "^4.4.3",
         "ts-api-utils": "^2.4.0"
       },
@@ -7993,14 +8948,14 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.53.1.tgz",
-      "integrity": "sha512-jr/swrr2aRmUAUjW5/zQHbMaui//vQlsZcJKijZf3M26bnmLj8LyZUpj8/Rd6uzaek06OWsqdofN/Thenm5O8A==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.57.0.tgz",
+      "integrity": "sha512-dTLI8PEXhjUC7B9Kre+u0XznO696BhXcTlOn0/6kf1fHaQW8+VjJAVHJ3eTI14ZapTxdkOmc80HblPQLaEeJdg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8012,18 +8967,18 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.53.1.tgz",
-      "integrity": "sha512-RGlVipGhQAG4GxV1s34O91cxQ/vWiHJTDHbXRr0li2q/BGg3RR/7NM8QDWgkEgrwQYCvmJV9ichIwyoKCQ+DTg==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.57.0.tgz",
+      "integrity": "sha512-m7faHcyVg0BT3VdYTlX8GdJEM7COexXxS6KqGopxdtkQRvBanK377QDHr4W/vIPAR+ah9+B/RclSW5ldVniO1Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.53.1",
-        "@typescript-eslint/tsconfig-utils": "8.53.1",
-        "@typescript-eslint/types": "8.53.1",
-        "@typescript-eslint/visitor-keys": "8.53.1",
+        "@typescript-eslint/project-service": "8.57.0",
+        "@typescript-eslint/tsconfig-utils": "8.57.0",
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/visitor-keys": "8.57.0",
         "debug": "^4.4.3",
-        "minimatch": "^9.0.5",
+        "minimatch": "^10.2.2",
         "semver": "^7.7.3",
         "tinyglobby": "^0.2.15",
         "ts-api-utils": "^2.4.0"
@@ -8040,9 +8995,9 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.7.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
-      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -8053,16 +9008,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.53.1.tgz",
-      "integrity": "sha512-c4bMvGVWW4hv6JmDUEG7fSYlWOl3II2I4ylt0NM+seinYQlZMQIaKaXIIVJWt9Ofh6whrpM+EdDQXKXjNovvrg==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.57.0.tgz",
+      "integrity": "sha512-5iIHvpD3CZe06riAsbNxxreP+MuYgVUsV0n4bwLH//VJmgtt54sQeY2GszntJ4BjYCpMzrfVh2SBnUQTtys2lQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.53.1",
-        "@typescript-eslint/types": "8.53.1",
-        "@typescript-eslint/typescript-estree": "8.53.1"
+        "@typescript-eslint/scope-manager": "8.57.0",
+        "@typescript-eslint/types": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -8072,19 +9027,19 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.53.1.tgz",
-      "integrity": "sha512-oy+wV7xDKFPRyNggmXuZQSBzvoLnpmJs+GhzRhPjrxl2b/jIlyjVokzm47CZCDUdXKr2zd7ZLodPfOBpOPyPlg==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.57.0.tgz",
+      "integrity": "sha512-zm6xx8UT/Xy2oSr2ZXD0pZo7Jx2XsCoID2IUh9YSTFRu7z+WdwYTRk6LhUftm1crwqbuoF6I8zAFeCMw0YjwDg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.53.1",
-        "eslint-visitor-keys": "^4.2.1"
+        "@typescript-eslint/types": "8.57.0",
+        "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -8095,13 +9050,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": "^20.19.0 || ^22.13.0 || >=24"
       },
       "funding": {
         "url": "https://opencollective.com/eslint"
@@ -8114,6 +9069,17 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/@upsetjs/venn.js": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@upsetjs/venn.js/-/venn.js-2.0.0.tgz",
+      "integrity": "sha512-WbBhLrooyePuQ1VZxrJjtLvTc4NVfpOyKx0sKqioq9bX1C1m7Jgykkn8gLrtwumBioXIqam8DLxp88Adbue6Hw==",
+      "license": "MIT",
+      "optional": true,
+      "optionalDependencies": {
+        "d3-selection": "^3.0.0",
+        "d3-transition": "^3.0.1"
+      }
+    },
     "node_modules/@vitejs/plugin-basic-ssl": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.2.0.tgz",
@@ -8127,42 +9093,213 @@
         "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"
       }
     },
-    "node_modules/@webassemblyjs/ast": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
-      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+    "node_modules/@vitest/coverage-v8": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-3.2.4.tgz",
+      "integrity": "sha512-EyF9SXU6kS5Ku/U82E259WSnvg6c8KTjppUncuNdm5QHpe17mwREHnjDzozC8x9MZ0xfBUFSaLkRv4TMA75ALQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.13.2",
-        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+        "@ampproject/remapping": "^2.3.0",
+        "@bcoe/v8-coverage": "^1.0.2",
+        "ast-v8-to-istanbul": "^0.3.3",
+        "debug": "^4.4.1",
+        "istanbul-lib-coverage": "^3.2.2",
+        "istanbul-lib-report": "^3.0.1",
+        "istanbul-lib-source-maps": "^5.0.6",
+        "istanbul-reports": "^3.1.7",
+        "magic-string": "^0.30.17",
+        "magicast": "^0.3.5",
+        "std-env": "^3.9.0",
+        "test-exclude": "^7.0.1",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@vitest/browser": "3.2.4",
+        "vitest": "3.2.4"
+      },
+      "peerDependenciesMeta": {
+        "@vitest/browser": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
-      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
-      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
-      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
-      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+    "node_modules/@vitest/expect": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.2.4.tgz",
+      "integrity": "sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/chai": "^5.2.2",
+        "@vitest/spy": "3.2.4",
+        "@vitest/utils": "3.2.4",
+        "chai": "^5.2.0",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/mocker": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.2.4.tgz",
+      "integrity": "sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "3.2.4",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.17"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.2.4.tgz",
+      "integrity": "sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.2.4.tgz",
+      "integrity": "sha512-oukfKT9Mk41LreEW09vt45f8wx7DordoWUZMYdY/cyAk7w5TWkTRCNZYF7sX7n2wB7jyGAl74OxgwhPgKaqDMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "3.2.4",
+        "pathe": "^2.0.3",
+        "strip-literal": "^3.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.2.4.tgz",
+      "integrity": "sha512-dEYtS7qQP2CjU27QBC5oUOxLE/v5eLkGqPE0ZKEIDGMs4vKWe7IjgLOeauHsR0D5YuuycGRO5oSRXnwnmA78fQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.2.4",
+        "magic-string": "^0.30.17",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.2.4.tgz",
+      "integrity": "sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^4.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/ui": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-3.2.4.tgz",
+      "integrity": "sha512-hGISOaP18plkzbWEcP/QvtRW1xDXF2+96HbEX6byqQhAUbiS5oH6/9JwW+QsQCIYON2bI6QZBF+2PvOmrRZ9wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "3.2.4",
+        "fflate": "^0.8.2",
+        "flatted": "^3.3.3",
+        "pathe": "^2.0.3",
+        "sirv": "^3.0.1",
+        "tinyglobby": "^0.2.14",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "vitest": "3.2.4"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.2.4.tgz",
+      "integrity": "sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "3.2.4",
+        "loupe": "^3.1.4",
+        "tinyrainbow": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8344,9 +9481,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
-      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
       "devOptional": true,
       "license": "MIT",
       "bin": {
@@ -8380,9 +9517,9 @@
       }
     },
     "node_modules/acorn-walk": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
-      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+      "version": "8.3.5",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.5.tgz",
+      "integrity": "sha512-HEHNfbars9v4pgpW6SO1KSPkfoS0xVOM/9UzkJltjlsHZmJasxg8aXkuZa7SMf8vKGIBhpUsPluQSqhJFCqebw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8541,6 +9678,54 @@
         "typescript-eslint": "^8.0.0"
       }
     },
+    "node_modules/angular-eslint/node_modules/@angular-devkit/core": {
+      "version": "19.2.22",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.22.tgz",
+      "integrity": "sha512-OqN/Ded+ZKypPZN5+qUFwtnKGl7FKpxJXYO2Vts5vLBojY5goCZd9SGW1CyXeuPnisRUW+vjqBQbWYuEUh36Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "8.18.0",
+        "ajv-formats": "3.0.1",
+        "jsonc-parser": "3.3.1",
+        "picomatch": "4.0.2",
+        "rxjs": "7.8.1",
+        "source-map": "0.7.4"
+      },
+      "engines": {
+        "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/angular-eslint/node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/angular-eslint/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/ansi-colors": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
@@ -8552,9 +9737,9 @@
       }
     },
     "node_modules/ansi-escapes": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.1.1.tgz",
-      "integrity": "sha512-Zhl0ErHcSRUaVfGUeUdDuLgpkEo8KIFjB4Y9uAc46ScOpdDiU1Dbyplh7qWJeJ/ZHpbyMSM26+X3BySgnIz40Q==",
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.3.0.tgz",
+      "integrity": "sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8640,16 +9825,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/app-root-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/app-root-path/-/app-root-path-3.1.0.tgz",
-      "integrity": "sha512-biN3PwB2gUtjaYy/isrU3aNWI5w+fAfvHkSvCKeQGxhmYpwKFUxudR3Yya+KqVRHBmEDYh+/lTozYCFbmzX4nA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
     "node_modules/arg": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
@@ -8705,12 +9880,40 @@
         "node": ">=8"
       }
     },
-    "node_modules/ast-types-flow": {
-      "version": "0.0.7",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
-      "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==",
+    "node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
       "dev": true,
-      "license": "ISC"
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ast-v8-to-istanbul": {
+      "version": "0.3.12",
+      "resolved": "https://registry.npmjs.org/ast-v8-to-istanbul/-/ast-v8-to-istanbul-0.3.12.tgz",
+      "integrity": "sha512-BRRC8VRZY2R4Z4lFIL35MwNXmwVqBityvOIwETtsCSwvjl0IdgFsy9NhdaA6j74nUdtJJlIypeRhpDam19Wq3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.31",
+        "estree-walker": "^3.0.3",
+        "js-tokens": "^10.0.0"
+      }
+    },
+    "node_modules/ast-v8-to-istanbul/node_modules/js-tokens": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-10.0.0.tgz",
+      "integrity": "sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
     },
     "node_modules/autoprefixer": {
       "version": "10.4.20",
@@ -8750,6 +9953,17 @@
         "postcss": "^8.1.0"
       }
     },
+    "node_modules/axios": {
+      "version": "1.13.6",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.6.tgz",
+      "integrity": "sha512-ChTCHMouEe2kn713WHbQGcuYrr6fXTBiu460OTwWrWob16g1bXn4vtz07Ope7ewMozJAnEquLk5lWQWtBig9DQ==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.11",
+        "form-data": "^4.0.5",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/axobject-query": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
@@ -8779,14 +9993,14 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.14",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz",
-      "integrity": "sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==",
+      "version": "0.4.16",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.16.tgz",
+      "integrity": "sha512-xaVwwSfebXf0ooE11BJovZYKhFjIvQo7TsyVpETuIeH2JHv0k/T6Y5j22pPTvqYqmpkxdlPAJlyJ0tfOJAoMxw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.27.7",
-        "@babel/helper-define-polyfill-provider": "^0.6.5",
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-define-polyfill-provider": "^0.6.7",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -8818,24 +10032,27 @@
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.5.tgz",
-      "integrity": "sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==",
+      "version": "0.6.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.7.tgz",
+      "integrity": "sha512-OTYbUlSwXhNgr4g6efMZgsO8//jA61P7ZbRX3iTT53VON8l+WQS8IAUEVo4a4cWknrg2W8Cj4gQhRYNCJ8GkAA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.5"
+        "@babel/helper-define-polyfill-provider": "^0.6.7"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
     "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
     },
     "node_modules/base64-js": {
       "version": "1.5.1",
@@ -8858,16 +10075,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/base64id": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
-      "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^4.5.0 || >= 5.9"
-      }
-    },
     "node_modules/baseline-browser-mapping": {
       "version": "2.10.0",
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.0.tgz",
@@ -8915,6 +10122,16 @@
       "dev": true,
       "license": "Apache-2.0"
     },
+    "node_modules/bidi-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
+      "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "require-from-string": "^2.0.2"
+      }
+    },
     "node_modules/big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
@@ -9031,13 +10248,16 @@
       "license": "MIT"
     },
     "node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.4.tgz",
+      "integrity": "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0"
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
       }
     },
     "node_modules/braces": {
@@ -9119,16 +10339,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/builtin-modules": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz",
-      "integrity": "sha512-wxXCdllwGhI2kCC0MnvTGYTMvnVZTvqgypkiTI8Pa5tcz2i6VqsqwYGgqwXji+4RgCzms6EajE4IxiUH6HH8nQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/bundle-name": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
@@ -9155,6 +10365,16 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/cac": {
+      "version": "6.7.14",
+      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
+      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/cacache": {
       "version": "19.0.1",
       "resolved": "https://registry.npmjs.org/cacache/-/cacache-19.0.1.tgz",
@@ -9189,27 +10409,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/cacache/node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/cacache/node_modules/lru-cache": {
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
@@ -9218,9 +10417,9 @@
       "license": "ISC"
     },
     "node_modules/cacache/node_modules/tar": {
-      "version": "7.5.2",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.2.tgz",
-      "integrity": "sha512-7NyxrTE4Anh8km8iEy7o0QYPs+0JKBTj5ZaqHg6B39erLg0qYXN3BijtShwbsNSvQ+LN75+KV+C4QR/f6Gwnpg==",
+      "version": "7.5.11",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.11.tgz",
+      "integrity": "sha512-ChjMH33/KetonMTAtpYdgUFr0tbz69Fp2v7zWxQfYZX4g5ZN2nOBXm1R2xyA+lMIKrLKIoKAwFj93jE/avX9cQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -9248,7 +10447,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
       "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
@@ -9328,6 +10526,23 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/chai": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-5.3.3.tgz",
+      "integrity": "sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assertion-error": "^2.0.1",
+        "check-error": "^2.1.1",
+        "deep-eql": "^5.0.1",
+        "loupe": "^3.1.0",
+        "pathval": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/chalk": {
       "version": "5.6.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
@@ -9358,18 +10573,28 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/chevrotain": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/chevrotain/-/chevrotain-11.1.1.tgz",
-      "integrity": "sha512-f0yv5CPKaFxfsPTBzX7vGuim4oIC1/gcS7LUGdBSwl2dU6+FON6LVUksdOo1qJjoUvXNn45urgh8C+0a24pACQ==",
-      "license": "Apache-2.0",
+    "node_modules/check-error": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.3.tgz",
+      "integrity": "sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/chevrotain": {
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/chevrotain/-/chevrotain-11.1.2.tgz",
+      "integrity": "sha512-opLQzEVriiH1uUQ4Kctsd49bRoFDXGGSC4GUqj7pGyxM3RehRhvTlZJc1FL/Flew2p5uwxa1tUDWKzI4wNM8pg==",
+      "license": "Apache-2.0",
       "optional": true,
       "dependencies": {
-        "@chevrotain/cst-dts-gen": "11.1.1",
-        "@chevrotain/gast": "11.1.1",
-        "@chevrotain/regexp-to-ast": "11.1.1",
-        "@chevrotain/types": "11.1.1",
-        "@chevrotain/utils": "11.1.1",
+        "@chevrotain/cst-dts-gen": "11.1.2",
+        "@chevrotain/gast": "11.1.2",
+        "@chevrotain/regexp-to-ast": "11.1.2",
+        "@chevrotain/types": "11.1.2",
+        "@chevrotain/utils": "11.1.2",
         "lodash-es": "4.17.23"
       }
     },
@@ -9908,118 +11133,10 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/codelyzer": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/codelyzer/-/codelyzer-6.0.2.tgz",
-      "integrity": "sha512-v3+E0Ucu2xWJMOJ2fA/q9pDT/hlxHftHGPUay1/1cTgyPV5JTHFdO9hqo837Sx2s9vKBMTt5gO+lhF95PO6J+g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@angular/compiler": "9.0.0",
-        "@angular/core": "9.0.0",
-        "app-root-path": "^3.0.0",
-        "aria-query": "^3.0.0",
-        "axobject-query": "2.0.2",
-        "css-selector-tokenizer": "^0.7.1",
-        "cssauron": "^1.4.0",
-        "damerau-levenshtein": "^1.0.4",
-        "rxjs": "^6.5.3",
-        "semver-dsl": "^1.0.1",
-        "source-map": "^0.5.7",
-        "sprintf-js": "^1.1.2",
-        "tslib": "^1.10.0",
-        "zone.js": "~0.10.3"
-      },
-      "peerDependencies": {
-        "@angular/compiler": ">=2.3.1 <13.0.0 || ^12.0.0-next || ^12.1.0-next || ^12.2.0-next",
-        "@angular/core": ">=2.3.1 <13.0.0 || ^12.0.0-next || ^12.1.0-next || ^12.2.0-next",
-        "tslint": "^5.0.0 || ^6.0.0"
-      }
-    },
-    "node_modules/codelyzer/node_modules/@angular/compiler": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-9.0.0.tgz",
-      "integrity": "sha512-ctjwuntPfZZT2mNj2NDIVu51t9cvbhl/16epc5xEwyzyDt76pX9UgwvY+MbXrf/C/FWwdtmNtfP698BKI+9leQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "tslib": "^1.10.0"
-      }
-    },
-    "node_modules/codelyzer/node_modules/@angular/core": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-9.0.0.tgz",
-      "integrity": "sha512-6Pxgsrf0qF9iFFqmIcWmjJGkkCaCm6V5QNnxMy2KloO3SDq6QuMVRbN9RtC8Urmo25LP+eZ6ZgYqFYpdD8Hd9w==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "rxjs": "^6.5.3",
-        "tslib": "^1.10.0",
-        "zone.js": "~0.10.2"
-      }
-    },
-    "node_modules/codelyzer/node_modules/aria-query": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-3.0.0.tgz",
-      "integrity": "sha512-majUxHgLehQTeSA+hClx+DY09OVUqG3GtezWkF1krgLGNdlDu9l9V8DaqNMWbq4Eddc8wsyDA0hpDUtnYxQEXw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "ast-types-flow": "0.0.7",
-        "commander": "^2.11.0"
-      }
-    },
-    "node_modules/codelyzer/node_modules/axobject-query": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.0.2.tgz",
-      "integrity": "sha512-MCeek8ZH7hKyO1rWUbKNQBbl4l2eY0ntk7OGi+q0RlafrCnfPxC06WZA+uebCfmYp4mNU9jRBP1AhGyf8+W3ww==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "ast-types-flow": "0.0.7"
-      }
-    },
-    "node_modules/codelyzer/node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/codelyzer/node_modules/rxjs": {
-      "version": "6.6.7",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
-      "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^1.9.0"
-      },
-      "engines": {
-        "npm": ">=2.0.0"
-      }
-    },
-    "node_modules/codelyzer/node_modules/source-map": {
-      "version": "0.5.7",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
-      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/codelyzer/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true,
-      "license": "0BSD"
-    },
-    "node_modules/codelyzer/node_modules/zone.js": {
-      "version": "0.10.3",
-      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.10.3.tgz",
-      "integrity": "sha512-LXVLVEq0NNOqK/fLJo3d0kfzd4sxwn2/h67/02pjCjfKDxgx1i9QqpvtHD8CrBnSSwMw5+dy11O7FRX5mkO7Cg==",
+    "node_modules/code-block-writer": {
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-12.0.0.tgz",
+      "integrity": "sha512-q4dMFMlXtKR3XNBHyMHt/3pwYNA69EDk00lloMOaaUMKPUXBw6lpXtbu3MMVG6/uOihGnRDOlkyqsONEUj60+w==",
       "dev": true,
       "license": "MIT"
     },
@@ -10059,14 +11176,16 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/colors": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
-      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
-      "dev": true,
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
       "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
       "engines": {
-        "node": ">=0.1.90"
+        "node": ">= 0.8"
       }
     },
     "node_modules/commander": {
@@ -10096,6 +11215,20 @@
         "node": ">=v18"
       }
     },
+    "node_modules/commitlint/node_modules/@commitlint/types": {
+      "version": "19.8.1",
+      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-19.8.1.tgz",
+      "integrity": "sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/conventional-commits-parser": "^5.0.0",
+        "chalk": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=v18"
+      }
+    },
     "node_modules/common-path-prefix": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz",
@@ -10191,9 +11324,9 @@
       "license": "MIT"
     },
     "node_modules/confbox": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.2.tgz",
-      "integrity": "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==",
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
       "license": "MIT",
       "optional": true
     },
@@ -10215,22 +11348,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/connect": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/connect/-/connect-3.7.0.tgz",
-      "integrity": "sha512-ZqRXc+tZukToSNmh5C2iWMSoV3X1YUcPbqEM4DkEG5tNQXrQUZCNVGGv3IuicnkMtPfGf3Xtp8WCXs295iQ1pQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "2.6.9",
-        "finalhandler": "1.1.2",
-        "parseurl": "~1.3.3",
-        "utils-merge": "1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.10.0"
-      }
-    },
     "node_modules/connect-history-api-fallback": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
@@ -10241,23 +11358,6 @@
         "node": ">=0.8"
       }
     },
-    "node_modules/connect/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/connect/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/content-disposition": {
       "version": "0.5.4",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
@@ -10308,12 +11408,13 @@
       }
     },
     "node_modules/conventional-changelog-writer": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/conventional-changelog-writer/-/conventional-changelog-writer-8.2.0.tgz",
-      "integrity": "sha512-Y2aW4596l9AEvFJRwFGJGiQjt2sBYTjPD18DdvxX9Vpz0Z7HQ+g1Z+6iYDAm1vR3QOJrDBkRHixHK/+FhkR6Pw==",
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/conventional-changelog-writer/-/conventional-changelog-writer-8.4.0.tgz",
+      "integrity": "sha512-HHBFkk1EECxxmCi4CTu091iuDpQv5/OavuCUAuZmrkWpmYfyD816nom1CvtfXJ/uYfAAjavgHvXHX291tSLK8g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
+        "@simple-libs/stream-utils": "^1.2.0",
         "conventional-commits-filter": "^5.0.0",
         "handlebars": "^4.7.7",
         "meow": "^13.0.0",
@@ -10326,19 +11427,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/conventional-changelog-writer/node_modules/meow": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz",
-      "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/conventional-commits-filter": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/conventional-commits-filter/-/conventional-commits-filter-5.0.0.tgz",
@@ -10350,22 +11438,20 @@
       }
     },
     "node_modules/conventional-commits-parser": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-5.0.0.tgz",
-      "integrity": "sha512-ZPMl0ZJbw74iS9LuX9YIAiW8pfM5p3yh2o/NbXHbkFuZzY5jvdi5jFycEOkmBW5H5I7nA+D6f3UcsCLP2vvSEA==",
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-6.3.0.tgz",
+      "integrity": "sha512-RfOq/Cqy9xV9bOA8N+ZH6DlrDR+5S3Mi0B5kACEjESpE+AviIpAptx9a9cFpWCCvgRtWT+0BbUw+e1BZfts9jg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "is-text-path": "^2.0.0",
-        "JSONStream": "^1.3.5",
-        "meow": "^12.0.1",
-        "split2": "^4.0.0"
+        "@simple-libs/stream-utils": "^1.2.0",
+        "meow": "^13.0.0"
       },
       "bin": {
-        "conventional-commits-parser": "cli.mjs"
+        "conventional-commits-parser": "dist/cli/index.js"
       },
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       }
     },
     "node_modules/convert-hrtime": {
@@ -10444,13 +11530,13 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.46.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.46.0.tgz",
-      "integrity": "sha512-p9hObIIEENxSV8xIu+V68JjSeARg6UVMG5mR+JEUguG3sI6MsiS1njz2jHmyJDvA+8jX/sytkBHup6kxhM9law==",
+      "version": "3.48.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.48.0.tgz",
+      "integrity": "sha512-OM4cAF3D6VtH/WkLtWvyNC56EZVXsZdU3iqaMG2B4WvYrlqU831pc4UtG5yp0sE9z8Y02wVN7PjW5Zf9Gt0f1Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.26.3"
+        "browserslist": "^4.28.1"
       },
       "funding": {
         "type": "opencollective",
@@ -10464,20 +11550,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/cors": {
-      "version": "2.8.5",
-      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
-      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "object-assign": "^4",
-        "vary": "^1"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/cose-base": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/cose-base/-/cose-base-1.0.3.tgz",
@@ -10489,9 +11561,9 @@
       }
     },
     "node_modules/cosmiconfig": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
-      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.1.tgz",
+      "integrity": "sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -10649,15 +11721,18 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
-    "node_modules/css-selector-tokenizer": {
-      "version": "0.7.3",
-      "resolved": "https://registry.npmjs.org/css-selector-tokenizer/-/css-selector-tokenizer-0.7.3.tgz",
-      "integrity": "sha512-jWQv3oCEL5kMErj4wRnK/OPoBi0D+P1FR2cDCKYPaMeD2eW3/mttav8HT4hT1CKopiJI/psEULjkClhvJo4Lvg==",
+    "node_modules/css-tree": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.2.1.tgz",
+      "integrity": "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "cssesc": "^3.0.0",
-        "fastparse": "^1.1.2"
+        "mdn-data": "2.27.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
       }
     },
     "node_modules/css-what": {
@@ -10673,16 +11748,6 @@
         "url": "https://github.com/sponsors/fb55"
       }
     },
-    "node_modules/cssauron": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/cssauron/-/cssauron-1.4.0.tgz",
-      "integrity": "sha512-Ht70DcFBh+/ekjVrYS2PlDMdSQEl3OFNmjK6lcn49HptBgilXf/Zwg4uFh9Xn0pX3Q8YOkSjIFOfK2osvdqpBw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "through": "X.X.X"
-      }
-    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -10696,12 +11761,31 @@
         "node": ">=4"
       }
     },
-    "node_modules/custom-event": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz",
-      "integrity": "sha512-GAj5FOq0Hd+RsCGVJxZuKaIDXDf3h6GQoNEjFgbLLI/trgtavwUbSnZ5pVfg27DVCaWjIohryS0JFwIJyT2cMg==",
+    "node_modules/cssstyle": {
+      "version": "5.3.7",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-5.3.7.tgz",
+      "integrity": "sha512-7D2EPVltRrsTkhpQmksIu+LxeWAIEk6wRDMJ1qljlv+CKHJM+cJLlfhWIzNA44eAsHXSNe3+vO6DW1yCYx8SuQ==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/css-color": "^4.1.1",
+        "@csstools/css-syntax-patches-for-csstree": "^1.0.21",
+        "css-tree": "^3.1.0",
+        "lru-cache": "^11.2.4"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/cssstyle/node_modules/lru-cache": {
+      "version": "11.2.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
+      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
     },
     "node_modules/cytoscape": {
       "version": "3.33.1",
@@ -10999,9 +12083,9 @@
       }
     },
     "node_modules/d3-format": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
-      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
+      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
       "license": "ISC",
       "optional": true,
       "engines": {
@@ -11257,9 +12341,9 @@
       }
     },
     "node_modules/dagre-d3-es": {
-      "version": "7.0.13",
-      "resolved": "https://registry.npmjs.org/dagre-d3-es/-/dagre-d3-es-7.0.13.tgz",
-      "integrity": "sha512-efEhnxpSuwpYOKRm/L5KbqoZmNNukHa/Flty4Wp62JRvgH2ojwVgPgdYyr4twpieZnyRDdIH7PY2mopX26+j2Q==",
+      "version": "7.0.14",
+      "resolved": "https://registry.npmjs.org/dagre-d3-es/-/dagre-d3-es-7.0.14.tgz",
+      "integrity": "sha512-P4rFMVq9ESWqmOgK+dlXvOtLwYg0i7u0HBGJER0LZDJT2VHIPAMZ/riPxqJceWMStH5+E61QxFra9kIS3AqdMg==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -11267,13 +12351,6 @@
         "lodash-es": "^4.17.21"
       }
     },
-    "node_modules/damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
-      "dev": true,
-      "license": "BSD-2-Clause"
-    },
     "node_modules/dargs": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/dargs/-/dargs-8.1.0.tgz",
@@ -11287,14 +12364,28 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/date-format": {
-      "version": "4.0.14",
-      "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz",
-      "integrity": "sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==",
+    "node_modules/data-urls": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-6.0.1.tgz",
+      "integrity": "sha512-euIQENZg6x8mj3fO6o9+fOW8MimUI4PpD/fZBhJfeioZVy9TUpM4UY7KjQNVZFlqwJ0UdzRDzkycB997HEq1BQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^15.1.0"
+      },
       "engines": {
-        "node": ">=4.0"
+        "node": ">=20"
+      }
+    },
+    "node_modules/data-urls/node_modules/whatwg-mimetype": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz",
+      "integrity": "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
       }
     },
     "node_modules/dayjs": {
@@ -11308,7 +12399,7 @@
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
       "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -11322,6 +12413,23 @@
         }
       }
     },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deep-eql": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
+      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/deep-extend": {
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
@@ -11405,6 +12513,15 @@
         "robust-predicates": "^3.0.2"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/delegate": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz",
@@ -11451,17 +12568,10 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/di": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz",
-      "integrity": "sha512-uJaamHkagcZtHPqCIHZxnFrXlunQXgBOsZSUOWwFw31QJCAbyTBoHMW75YOTur5ZNx8pIeAKgf6GWIgaqqiLhA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/diff": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
-      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.4.tgz",
+      "integrity": "sha512-X07nttJQkwkfKfvTPG/KSnE2OMdcUCao6+eXF3wmnIQRn2aPAHH3VxDbDOdegkd6JbPsXqShpvEOHfAT+nCNwQ==",
       "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
@@ -11530,19 +12640,6 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/dom-serialize": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/dom-serialize/-/dom-serialize-2.2.1.tgz",
-      "integrity": "sha512-Yra4DbvoW7/Z6LBN560ZwXMjoNOSAN2wRsKFGc4iBeso+mpIA6qj1vfdf9HpMaKAqG6wXTy+1SYEzmNpKXOSsQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "custom-event": "~1.0.0",
-        "ent": "~2.2.0",
-        "extend": "^3.0.0",
-        "void-elements": "^2.0.0"
-      }
-    },
     "node_modules/dom-serializer": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
@@ -11588,14 +12685,11 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.3.2.tgz",
-      "integrity": "sha512-6obghkliLdmKa56xdbLOpUZ43pAR6xFy1uOrxBaIDjT+yaRuuybLjGS9eVBoSR/UPU5fq3OXClEHLJNGvbxKpQ==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.3.3.tgz",
+      "integrity": "sha512-Oj6pzI2+RqBfFG+qOaOLbFXLQ90ARpcGG6UePL82bJLtdsa6CYJD7nmiU8MW9nQNOtCHV3lZ/Bzq1X0QYbBZCA==",
       "license": "(MPL-2.0 OR Apache-2.0)",
       "optional": true,
-      "engines": {
-        "node": ">=20"
-      },
       "optionalDependencies": {
         "@types/trusted-types": "^2.0.7"
       }
@@ -11638,7 +12732,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
       "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bind-apply-helpers": "^1.0.1",
@@ -11745,9 +12838,9 @@
       }
     },
     "node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -11789,96 +12882,31 @@
         "once": "^1.4.0"
       }
     },
-    "node_modules/engine.io": {
-      "version": "6.6.4",
-      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.4.tgz",
-      "integrity": "sha512-ZCkIjSYNDyGn0R6ewHDtXgns/Zre/NT6Agvq1/WobF7JXgFff4SeDroKiCO3fNJreU9YG429Sc81o4w5ok/W5g==",
+    "node_modules/enhanced-resolve": {
+      "version": "5.20.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.0.tgz",
+      "integrity": "sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/cors": "^2.8.12",
-        "@types/node": ">=10.0.0",
-        "accepts": "~1.3.4",
-        "base64id": "2.0.0",
-        "cookie": "~0.7.2",
-        "cors": "~2.8.5",
-        "debug": "~4.3.1",
-        "engine.io-parser": "~5.2.1",
-        "ws": "~8.17.1"
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.0"
       },
       "engines": {
-        "node": ">=10.2.0"
+        "node": ">=10.13.0"
       }
     },
-    "node_modules/engine.io-parser": {
-      "version": "5.2.3",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
-      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/engine.io/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/enhanced-resolve": {
-      "version": "5.20.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.0.tgz",
-      "integrity": "sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.3.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/ent": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.2.tgz",
-      "integrity": "sha512-kKvD1tO6BM+oK9HzCPpUdRb4vKFQY/FPTFmurMvh6LlN68VMrdj77w8yp51/kDbpkFOS9J8w5W6zIzgM2H8/hw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "punycode": "^1.4.1",
-        "safe-regex-test": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
     "node_modules/env-ci": {
@@ -12084,7 +13112,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
       "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -12094,16 +13121,15 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
       "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/es-module-lexer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz",
-      "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
       "dev": true,
       "license": "MIT"
     },
@@ -12111,7 +13137,6 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
       "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0"
@@ -12120,6 +13145,21 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.25.4",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.4.tgz",
@@ -12280,25 +13320,25 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.39.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.0.tgz",
-      "integrity": "sha512-iy2GE3MHrYTL5lrCtMZ0X1KLEKKUjmK0kzwcnefhR66txcEmXZD2YWgR5GNdcEwkNx3a0siYkSvl0vIC+Svjmg==",
+      "version": "9.39.4",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
+      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.21.1",
+        "@eslint/config-array": "^0.21.2",
         "@eslint/config-helpers": "^0.4.2",
         "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.39.0",
+        "@eslint/eslintrc": "^3.3.5",
+        "@eslint/js": "9.39.4",
         "@eslint/plugin-kit": "^0.4.1",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.4.2",
         "@types/estree": "^1.0.6",
-        "ajv": "^6.12.4",
+        "ajv": "^6.14.0",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.6",
         "debug": "^4.3.2",
@@ -12317,7 +13357,7 @@
         "is-glob": "^4.0.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
+        "minimatch": "^3.1.5",
         "natural-compare": "^1.4.0",
         "optionator": "^0.9.3"
       },
@@ -12387,14 +13427,14 @@
       }
     },
     "node_modules/eslint-plugin-unused-imports": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-unused-imports/-/eslint-plugin-unused-imports-4.3.0.tgz",
-      "integrity": "sha512-ZFBmXMGBYfHttdRtOG9nFFpmUvMtbHSjsKrS20vdWdbfiVYsO3yA2SGYy9i9XmZJDfMGBflZGBCm70SEnFQtOA==",
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-unused-imports/-/eslint-plugin-unused-imports-4.4.1.tgz",
+      "integrity": "sha512-oZGYUz1X3sRMGUB+0cZyK2VcvRX5lm/vB56PgNNcU+7ficUCKm66oZWKUubXWnOuPjQ8PvmXtCViXBMONPe7tQ==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
         "@typescript-eslint/eslint-plugin": "^8.0.0-0 || ^7.0.0 || ^6.0.0 || ^5.0.0",
-        "eslint": "^9.0.0 || ^8.0.0"
+        "eslint": "^10.0.0 || ^9.0.0 || ^8.0.0"
       },
       "peerDependenciesMeta": {
         "@typescript-eslint/eslint-plugin": {
@@ -12433,9 +13473,9 @@
       }
     },
     "node_modules/eslint/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -12465,6 +13505,13 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/eslint/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/eslint/node_modules/brace-expansion": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
@@ -12557,9 +13604,9 @@
       }
     },
     "node_modules/eslint/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -12655,24 +13702,10 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/esprima": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "bin": {
-        "esparse": "bin/esparse.js",
-        "esvalidate": "bin/esvalidate.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/esquery": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
-      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -12705,6 +13738,16 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -12773,6 +13816,16 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/expect-type": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz",
+      "integrity": "sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/exponential-backoff": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz",
@@ -12837,35 +13890,6 @@
         "ms": "2.0.0"
       }
     },
-    "node_modules/express/node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/express/node_modules/finalhandler": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
-      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "2.6.9",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "on-finished": "~2.4.1",
-        "parseurl": "~1.3.3",
-        "statuses": "~2.0.2",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/express/node_modules/ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
@@ -12873,30 +13897,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/express/node_modules/statuses": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
-      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/exsolve": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.7.tgz",
-      "integrity": "sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==",
-      "license": "MIT",
-      "optional": true
-    },
-    "node_modules/extend": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/fast-content-type-parse": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/fast-content-type-parse/-/fast-content-type-parse-3.0.0.tgz",
@@ -12989,17 +13989,10 @@
       ],
       "license": "BSD-3-Clause"
     },
-    "node_modules/fastparse": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
-      "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/fastq": {
-      "version": "1.19.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
-      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -13037,6 +14030,13 @@
         }
       }
     },
+    "node_modules/fflate": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
+      "integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/figures": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-6.1.0.tgz",
@@ -13093,18 +14093,18 @@
       }
     },
     "node_modules/finalhandler": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
-      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "debug": "2.6.9",
-        "encodeurl": "~1.0.2",
+        "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
-        "on-finished": "~2.3.0",
+        "on-finished": "~2.4.1",
         "parseurl": "~1.3.3",
-        "statuses": "~1.5.0",
+        "statuses": "~2.0.2",
         "unpipe": "~1.0.0"
       },
       "engines": {
@@ -13128,19 +14128,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/finalhandler/node_modules/on-finished": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
-      "integrity": "sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ee-first": "1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/find-cache-dir": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz",
@@ -13231,9 +14218,9 @@
       }
     },
     "node_modules/flatted": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
-      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.1.tgz",
+      "integrity": "sha512-IxfVbRFVlV8V/yRaGzk0UVIcsKKHMSfYw66T/u4nTwlWteQePsxe//LjudR1AMX4tZW3WFCh3Zqa/sjlqpbURQ==",
       "dev": true,
       "license": "ISC"
     },
@@ -13241,7 +14228,6 @@
       "version": "1.15.11",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
       "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
-      "dev": true,
       "funding": [
         {
           "type": "individual",
@@ -13275,6 +14261,22 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -13363,9 +14365,9 @@
       }
     },
     "node_modules/fs-extra": {
-      "version": "11.3.3",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.3.tgz",
-      "integrity": "sha512-VWSRii4t0AFm6ixFFmLLx1t7wS1gh+ckoa84aOeapGum0h+EZd1EhEumSB+ZdDLnEPuucsVB9oB7cxJHap6Afg==",
+      "version": "11.3.4",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.4.tgz",
+      "integrity": "sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -13416,7 +14418,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -13456,9 +14457,9 @@
       }
     },
     "node_modules/get-east-asian-width": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz",
-      "integrity": "sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz",
+      "integrity": "sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -13472,7 +14473,6 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
       "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bind-apply-helpers": "^1.0.2",
@@ -13497,7 +14497,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
       "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "dunder-proto": "^1.0.1",
@@ -13552,6 +14551,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/git-raw-commits/-/git-raw-commits-4.0.0.tgz",
       "integrity": "sha512-ICsMM1Wk8xSGMowkOmPrzo2Fgmfo4bMHLNX6ytHjajRJUqvHOw/TFapQ+QG75c3X/tTDDhOSRPGC52dDbNM8FQ==",
+      "deprecated": "This package is no longer maintained. For the JavaScript API, please use @conventional-changelog/git-client instead.",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -13566,23 +14566,36 @@
         "node": ">=16"
       }
     },
+    "node_modules/git-raw-commits/node_modules/meow": {
+      "version": "12.1.1",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-12.1.1.tgz",
+      "integrity": "sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
+      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
       },
-      "engines": {
-        "node": "*"
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -13625,28 +14638,37 @@
       "dev": true,
       "license": "BSD-2-Clause"
     },
+    "node_modules/glob/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/glob/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+        "balanced-match": "^1.0.0"
       }
     },
     "node_modules/glob/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "brace-expansion": "^2.0.2"
       },
       "engines": {
-        "node": "*"
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/global-directory": {
@@ -13736,7 +14758,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
       "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -13842,7 +14863,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
       "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -13855,7 +14875,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
       "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "has-symbols": "^1.0.3"
@@ -13871,7 +14890,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
       "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -13969,6 +14987,19 @@
         "safe-buffer": "~5.1.0"
       }
     },
+    "node_modules/html-encoding-sniffer": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz",
+      "integrity": "sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.6.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
     "node_modules/html-escaper": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
@@ -14044,20 +15075,10 @@
         "url": "https://opencollective.com/express"
       }
     },
-    "node_modules/http-errors/node_modules/statuses": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
-      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/http-parser-js": {
-      "version": "0.5.10",
-      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.10.tgz",
-      "integrity": "sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==",
+    "node_modules/http-parser-js": {
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.10.tgz",
+      "integrity": "sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==",
       "dev": true,
       "license": "MIT"
     },
@@ -14159,9 +15180,9 @@
       }
     },
     "node_modules/iconv-lite": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.0.tgz",
-      "integrity": "sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ==",
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz",
+      "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14232,6 +15253,39 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
+    "node_modules/ignore-walk/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ignore-walk/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/ignore-walk/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/image-size": {
       "version": "0.5.5",
       "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
@@ -14395,9 +15449,9 @@
       }
     },
     "node_modules/ip-address": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.0.1.tgz",
-      "integrity": "sha512-NWv9YLW4PoW2B7xtzaS3NCot75m6nK7Icdv0o3lfMceJVRfSoQwqD4wEH5rLwoKJwUiZ/rfpiVBhnaF0FK4HoA==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
+      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -14597,24 +15651,12 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/is-regex": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
-      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "gopd": "^1.2.0",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+      "license": "MIT"
     },
     "node_modules/is-stream": {
       "version": "2.0.1",
@@ -14685,19 +15727,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/isbinaryfile": {
-      "version": "4.0.10",
-      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz",
-      "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/gjtorikian/"
-      }
-    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -14775,88 +15804,18 @@
       }
     },
     "node_modules/istanbul-lib-source-maps": {
-      "version": "3.0.6",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-3.0.6.tgz",
-      "integrity": "sha512-R47KzMtDJH6X4/YW9XTx+jrLnZnscW4VpNN+1PViSYTejLVPWv7oov+Duf8YQSPyVRUvueQqz1TcsC6mooZTXw==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-5.0.6.tgz",
+      "integrity": "sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.23",
         "debug": "^4.1.1",
-        "istanbul-lib-coverage": "^2.0.5",
-        "make-dir": "^2.1.0",
-        "rimraf": "^2.6.3",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/istanbul-lib-source-maps/node_modules/istanbul-lib-coverage": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz",
-      "integrity": "sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/istanbul-lib-source-maps/node_modules/make-dir": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
-      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pify": "^4.0.1",
-        "semver": "^5.6.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/istanbul-lib-source-maps/node_modules/pify": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
-      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/istanbul-lib-source-maps/node_modules/rimraf": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-      "deprecated": "Rimraf versions prior to v4 are no longer supported",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "glob": "^7.1.3"
+        "istanbul-lib-coverage": "^3.0.0"
       },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
-    "node_modules/istanbul-lib-source-maps/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/istanbul-lib-source-maps/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=10"
       }
     },
     "node_modules/istanbul-reports": {
@@ -14889,23 +15848,6 @@
         "@pkgjs/parseargs": "^0.11.0"
       }
     },
-    "node_modules/jasmine-core": {
-      "version": "5.12.1",
-      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.12.1.tgz",
-      "integrity": "sha512-P/UbRZ0LKwXe7wEpwDheuhunPwITn4oPALhrJEQJo6756EwNGnsK/TSQrWojBB4cQDQ+VaxWYws9tFNDuiMh2Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/jasmine-spec-reporter": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/jasmine-spec-reporter/-/jasmine-spec-reporter-7.0.0.tgz",
-      "integrity": "sha512-OtC7JRasiTcjsaCBPtMO0Tl8glCejM4J4/dNuOJdA8lBjz4PmWjYQ6pzb0uzpBNAWJMDudYuj9OdXJWqM2QTJg==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "colors": "1.4.0"
-      }
-    },
     "node_modules/java-properties": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/java-properties/-/java-properties-1.0.2.tgz",
@@ -14992,6 +15934,72 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsdom": {
+      "version": "27.4.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-27.4.0.tgz",
+      "integrity": "sha512-mjzqwWRD9Y1J1KUi7W97Gja1bwOOM5Ug0EZ6UDK3xS7j7mndrkwozHtSblfomlzyB4NepioNt+B2sOSzczVgtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@acemir/cssom": "^0.9.28",
+        "@asamuzakjp/dom-selector": "^6.7.6",
+        "@exodus/bytes": "^1.6.0",
+        "cssstyle": "^5.3.4",
+        "data-urls": "^6.0.0",
+        "decimal.js": "^10.6.0",
+        "html-encoding-sniffer": "^6.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.6",
+        "is-potential-custom-element-name": "^1.0.1",
+        "parse5": "^8.0.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^6.0.0",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^8.0.0",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^15.1.0",
+        "ws": "^8.18.3",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsdom/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/jsdom/node_modules/parse5": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
+      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -15043,6 +16051,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/json-with-bigint": {
+      "version": "3.5.7",
+      "resolved": "https://registry.npmjs.org/json-with-bigint/-/json-with-bigint-3.5.7.tgz",
+      "integrity": "sha512-7ei3MdAI5+fJPVnKlW77TKNKwQ5ppSzWvhPuSuINT/GYW9ZOC1eRKOuhV9yHG5aEsUPj9BBx5JIekkmoLHxZOw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
@@ -15103,144 +16118,6 @@
         "node": "*"
       }
     },
-    "node_modules/karma": {
-      "version": "6.4.4",
-      "resolved": "https://registry.npmjs.org/karma/-/karma-6.4.4.tgz",
-      "integrity": "sha512-LrtUxbdvt1gOpo3gxG+VAJlJAEMhbWlM4YrFQgql98FwF7+K8K12LYO4hnDdUkNjeztYrOXEMqgTajSWgmtI/w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@colors/colors": "1.5.0",
-        "body-parser": "^1.19.0",
-        "braces": "^3.0.2",
-        "chokidar": "^3.5.1",
-        "connect": "^3.7.0",
-        "di": "^0.0.1",
-        "dom-serialize": "^2.2.1",
-        "glob": "^7.1.7",
-        "graceful-fs": "^4.2.6",
-        "http-proxy": "^1.18.1",
-        "isbinaryfile": "^4.0.8",
-        "lodash": "^4.17.21",
-        "log4js": "^6.4.1",
-        "mime": "^2.5.2",
-        "minimatch": "^3.0.4",
-        "mkdirp": "^0.5.5",
-        "qjobs": "^1.2.0",
-        "range-parser": "^1.2.1",
-        "rimraf": "^3.0.2",
-        "socket.io": "^4.7.2",
-        "source-map": "^0.6.1",
-        "tmp": "^0.2.1",
-        "ua-parser-js": "^0.7.30",
-        "yargs": "^16.1.1"
-      },
-      "bin": {
-        "karma": "bin/karma"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/karma-chrome-launcher": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/karma-chrome-launcher/-/karma-chrome-launcher-3.2.0.tgz",
-      "integrity": "sha512-rE9RkUPI7I9mAxByQWkGJFXfFD6lE4gC5nPuZdobf/QdTEJI6EU4yIay/cfU/xV4ZxlM5JiTv7zWYgA64NpS5Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "which": "^1.2.1"
-      }
-    },
-    "node_modules/karma-chrome-launcher/node_modules/which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "which": "bin/which"
-      }
-    },
-    "node_modules/karma-coverage-istanbul-reporter": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/karma-coverage-istanbul-reporter/-/karma-coverage-istanbul-reporter-3.0.3.tgz",
-      "integrity": "sha512-wE4VFhG/QZv2Y4CdAYWDbMmcAHeS926ZIji4z+FkB2aF/EposRb6DP6G5ncT/wXhqUfAb/d7kZrNKPonbvsATw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "istanbul-lib-coverage": "^3.0.0",
-        "istanbul-lib-report": "^3.0.0",
-        "istanbul-lib-source-maps": "^3.0.6",
-        "istanbul-reports": "^3.0.2",
-        "minimatch": "^3.0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mattlewis92"
-      }
-    },
-    "node_modules/karma-coverage-istanbul-reporter/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/karma-coverage-istanbul-reporter/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/karma-jasmine": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/karma-jasmine/-/karma-jasmine-5.1.0.tgz",
-      "integrity": "sha512-i/zQLFrfEpRyQoJF9fsCdTMOF5c2dK7C7OmsuKg2D0YSsuZSfQDiLuaiktbuio6F2wiCsZSnSnieIQ0ant/uzQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "jasmine-core": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "karma": "^6.0.0"
-      }
-    },
-    "node_modules/karma-jasmine-html-reporter": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-2.1.0.tgz",
-      "integrity": "sha512-sPQE1+nlsn6Hwb5t+HHwyy0A1FNCVKuL1192b+XNauMYWThz2kweiBVW1DqloRpVvZIJkIoHVB7XRpK78n1xbQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "jasmine-core": "^4.0.0 || ^5.0.0",
-        "karma": "^6.0.0",
-        "karma-jasmine": "^5.0.0"
-      }
-    },
-    "node_modules/karma-jasmine/node_modules/jasmine-core": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-4.6.1.tgz",
-      "integrity": "sha512-VYz/BjjmC3klLJlLwA4Kw8ytk0zDSmbbDLNs794VnWmkcCB7I9aAL/D48VNQtmITyPvea2C3jdUMfc3kAoy0PQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/karma-source-map-support": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz",
@@ -15251,238 +16128,10 @@
         "source-map-support": "^0.5.5"
       }
     },
-    "node_modules/karma/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/karma/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/karma/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/karma/node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/karma/node_modules/cliui": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
-      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.0",
-        "wrap-ansi": "^7.0.0"
-      }
-    },
-    "node_modules/karma/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/karma/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/karma/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/karma/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/karma/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/karma/node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/karma/node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/karma/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/karma/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/karma/node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/karma/node_modules/yargs": {
-      "version": "16.2.0",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
-      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^7.0.2",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.0",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^20.2.2"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/karma/node_modules/yargs-parser": {
-      "version": "20.2.9",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/katex": {
-      "version": "0.16.25",
-      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.25.tgz",
-      "integrity": "sha512-woHRUZ/iF23GBP1dkDQMh1QBad9dmr8/PAwNA54VrSOVYgI12MAcE14TqnDdQOdzyEonGzMepYnqBMYdsoAr8Q==",
+      "version": "0.16.38",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.38.tgz",
+      "integrity": "sha512-cjHooZUmIAUmDsHBN+1n8LaZdpmbj03LtYeYPyuYB7OuloiaeaV6N4LcfjcnHVzGWjVQmKrxxTrpDcmSzEZQwQ==",
       "funding": [
         "https://opencollective.com/katex",
         "https://github.com/sponsors/katex"
@@ -15522,13 +16171,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/kolorist": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/kolorist/-/kolorist-1.8.0.tgz",
-      "integrity": "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==",
-      "license": "MIT",
-      "optional": true
-    },
     "node_modules/langium": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/langium/-/langium-4.2.1.tgz",
@@ -15625,27 +16267,13 @@
       "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
       "dev": true,
       "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "pify": "^4.0.1",
-        "semver": "^5.6.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/less/node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "bin": {
-        "mime": "cli.js"
+      "optional": true,
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=6"
       }
     },
     "node_modules/less/node_modules/pify": {
@@ -15752,9 +16380,9 @@
       }
     },
     "node_modules/listr2/node_modules/eventemitter3": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz",
+      "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
       "dev": true,
       "license": "MIT"
     },
@@ -15857,24 +16485,6 @@
         "node": ">= 12.13.0"
       }
     },
-    "node_modules/local-pkg": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.2.tgz",
-      "integrity": "sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "mlly": "^1.7.4",
-        "pkg-types": "^2.3.0",
-        "quansync": "^0.2.11"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
     "node_modules/locate-path": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
@@ -15895,7 +16505,6 @@
       "version": "4.17.23",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
       "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/lodash-es": {
@@ -16137,23 +16746,6 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/log4js": {
-      "version": "6.9.1",
-      "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz",
-      "integrity": "sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "date-format": "^4.0.14",
-        "debug": "^4.3.4",
-        "flatted": "^3.2.7",
-        "rfdc": "^1.3.0",
-        "streamroller": "^3.1.5"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
     "node_modules/loglevel": {
       "version": "1.9.2",
       "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.2.tgz",
@@ -16249,6 +16841,13 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/loupe": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.2.1.tgz",
+      "integrity": "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -16269,6 +16868,49 @@
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
+    "node_modules/magicast": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/magicast/-/magicast-0.3.5.tgz",
+      "integrity": "sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.25.4",
+        "@babel/types": "^7.25.4",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/make-asynchronous": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/make-asynchronous/-/make-asynchronous-1.1.0.tgz",
+      "integrity": "sha512-ayF7iT+44LXdxJLTrTd3TLQpFDDvPCBxXxbv+pMUSuHA5Q8zyAfwkRP6aHHwNVFBUFWtxAHqwNJxF8vMZLAbVg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-event": "^6.0.0",
+        "type-fest": "^4.6.0",
+        "web-worker": "^1.5.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-asynchronous/node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/make-dir": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
@@ -16353,12 +16995,18 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
       "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.27.1",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz",
+      "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -16400,13 +17048,13 @@
       }
     },
     "node_modules/meow": {
-      "version": "12.1.1",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-12.1.1.tgz",
-      "integrity": "sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==",
+      "version": "13.2.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz",
+      "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=16.10"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -16440,28 +17088,29 @@
       }
     },
     "node_modules/mermaid": {
-      "version": "11.12.3",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.12.3.tgz",
-      "integrity": "sha512-wN5ZSgJQIC+CHJut9xaKWsknLxaFBwCPwPkGTSUYrTiHORWvpT8RxGk849HPnpUAQ+/9BPRqYb80jTpearrHzQ==",
+      "version": "11.13.0",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.13.0.tgz",
+      "integrity": "sha512-fEnci+Immw6lKMFI8sqzjlATTyjLkRa6axrEgLV2yHTfv8r+h1wjFbV6xeRtd4rUV1cS4EpR9rwp3Rci7TRWDw==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
         "@braintree/sanitize-url": "^7.1.1",
-        "@iconify/utils": "^3.0.1",
-        "@mermaid-js/parser": "^1.0.0",
+        "@iconify/utils": "^3.0.2",
+        "@mermaid-js/parser": "^1.0.1",
         "@types/d3": "^7.4.3",
-        "cytoscape": "^3.29.3",
+        "@upsetjs/venn.js": "^2.0.0",
+        "cytoscape": "^3.33.1",
         "cytoscape-cose-bilkent": "^4.1.0",
         "cytoscape-fcose": "^2.2.0",
         "d3": "^7.9.0",
         "d3-sankey": "^0.12.3",
-        "dagre-d3-es": "7.0.13",
-        "dayjs": "^1.11.18",
-        "dompurify": "^3.2.5",
-        "katex": "^0.16.22",
+        "dagre-d3-es": "7.0.14",
+        "dayjs": "^1.11.19",
+        "dompurify": "^3.3.1",
+        "katex": "^0.16.25",
         "khroma": "^2.1.0",
         "lodash-es": "^4.17.23",
-        "marked": "^16.2.1",
+        "marked": "^16.3.0",
         "roughjs": "^4.6.6",
         "stylis": "^4.3.6",
         "ts-dedent": "^2.2.0",
@@ -16469,9 +17118,9 @@
       }
     },
     "node_modules/mermaid/node_modules/marked": {
-      "version": "16.4.1",
-      "resolved": "https://registry.npmjs.org/marked/-/marked-16.4.1.tgz",
-      "integrity": "sha512-ntROs7RaN3EvWfy3EZi14H4YxmT6A5YvywfhO+0pm+cH/dnSQRmdAmoFIc3B9aiwTehyk7pESH4ofyBY+V5hZg==",
+      "version": "16.4.2",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-16.4.2.tgz",
+      "integrity": "sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==",
       "license": "MIT",
       "optional": true,
       "bin": {
@@ -16533,23 +17182,22 @@
       }
     },
     "node_modules/mime": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
-      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
       "dev": true,
       "license": "MIT",
       "bin": {
         "mime": "cli.js"
       },
       "engines": {
-        "node": ">=4.0.0"
+        "node": ">=4"
       }
     },
     "node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
@@ -16559,7 +17207,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "mime-db": "1.52.0"
@@ -16620,16 +17267,16 @@
       "license": "ISC"
     },
     "node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "version": "10.2.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.4.tgz",
+      "integrity": "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "brace-expansion": "^5.0.2"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": "18 || 20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -16646,11 +17293,11 @@
       }
     },
     "node_modules/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
+      "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -16799,48 +17446,29 @@
       }
     },
     "node_modules/mkdirp": {
-      "version": "0.5.6",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "minimist": "^1.2.6"
-      },
       "bin": {
         "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
       }
     },
     "node_modules/mlly": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.0.tgz",
-      "integrity": "sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==",
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.1.tgz",
+      "integrity": "sha512-SnL6sNutTwRWWR/vcmCYHSADjiEesp5TGQQ0pXyLhW5IoeibRlF/CbSLailbB3CNqJUk9cVJ9dUDnbD7GrcHBQ==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "acorn": "^8.15.0",
+        "acorn": "^8.16.0",
         "pathe": "^2.0.3",
         "pkg-types": "^1.3.1",
-        "ufo": "^1.6.1"
-      }
-    },
-    "node_modules/mlly/node_modules/confbox": {
-      "version": "0.1.8",
-      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
-      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
-      "license": "MIT",
-      "optional": true
-    },
-    "node_modules/mlly/node_modules/pkg-types": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
-      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "confbox": "^0.1.8",
-        "mlly": "^1.7.4",
-        "pathe": "^2.0.1"
+        "ufo": "^1.6.3"
       }
     },
     "node_modules/moment": {
@@ -16866,13 +17494,13 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/msgpackr": {
-      "version": "1.11.8",
-      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.8.tgz",
-      "integrity": "sha512-bC4UGzHhVvgDNS7kn9tV8fAucIYUBuGojcaLiz7v+P63Lmtm0Xeji8B/8tYKddALXxJLpwIeBmUN3u64C4YkRA==",
+      "version": "1.11.9",
+      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.9.tgz",
+      "integrity": "sha512-FkoAAyyA6HM8wL882EcEyFZ9s7hVADSwG9xrVx3dxxNQAtgADTrJoEWivID82Iv1zWDsv/OtbrrcZAzGzOMdNw==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -17171,19 +17799,19 @@
       }
     },
     "node_modules/node-gyp/node_modules/isexe": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
-      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.5.tgz",
+      "integrity": "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": ">=16"
+        "node": ">=18"
       }
     },
     "node_modules/node-gyp/node_modules/tar": {
-      "version": "7.5.2",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.2.tgz",
-      "integrity": "sha512-7NyxrTE4Anh8km8iEy7o0QYPs+0JKBTj5ZaqHg6B39erLg0qYXN3BijtShwbsNSvQ+LN75+KV+C4QR/f6Gwnpg==",
+      "version": "7.5.11",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.11.tgz",
+      "integrity": "sha512-ChjMH33/KetonMTAtpYdgUFr0tbz69Fp2v7zWxQfYZX4g5ZN2nOBXm1R2xyA+lMIKrLKIoKAwFj93jE/avX9cQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -17224,9 +17852,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.27",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
-      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "version": "2.0.36",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.36.tgz",
+      "integrity": "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA==",
       "dev": true,
       "license": "MIT"
     },
@@ -17247,39 +17875,42 @@
       }
     },
     "node_modules/normalize-package-data": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-6.0.2.tgz",
-      "integrity": "sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==",
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-8.0.0.tgz",
+      "integrity": "sha512-RWk+PI433eESQ7ounYxIp67CYuVsS1uYSonX3kA6ps/3LWfjVQa/ptEg6Y3T6uAMq1mWpX9PQ+qx+QaHpsc7gQ==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
-        "hosted-git-info": "^7.0.0",
+        "hosted-git-info": "^9.0.0",
         "semver": "^7.3.5",
         "validate-npm-package-license": "^3.0.4"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/normalize-package-data/node_modules/hosted-git-info": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.2.tgz",
-      "integrity": "sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==",
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-9.0.2.tgz",
+      "integrity": "sha512-M422h7o/BR3rmCQ8UHi7cyyMqKltdP9Uo+J2fXK+RSAY+wTcKOIRyhTuKv4qn+DJf3g+PL890AzId5KZpX+CBg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
-        "lru-cache": "^10.0.1"
+        "lru-cache": "^11.1.0"
       },
       "engines": {
-        "node": "^16.14.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/normalize-package-data/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "version": "11.2.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
+      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
       "dev": true,
-      "license": "ISC"
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
@@ -17302,22 +17933,22 @@
       }
     },
     "node_modules/normalize-url": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-8.1.1.tgz",
-      "integrity": "sha512-JYc0DPlpGWB40kH5g07gGTrYuMqV653k3uBKY6uITPWds3M0ov3GaWGp9lbE3Bzngx8+XkfzgvASb9vk9JDFXQ==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-9.0.0.tgz",
+      "integrity": "sha512-z9nC87iaZXXySbWWtTHfCFJyFvKaUAW6lODhikG7ILSbVgmwuFjUqkgnheHvAUcGedO29e2QGBRXMUD64aurqQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=14.16"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/npm": {
-      "version": "11.7.0",
-      "resolved": "https://registry.npmjs.org/npm/-/npm-11.7.0.tgz",
-      "integrity": "sha512-wiCZpv/41bIobCoJ31NStIWKfAxxYyD1iYnWCtiyns8s5v3+l8y0HCP/sScuH6B5+GhIfda4HQKiqeGZwJWhFw==",
+      "version": "11.11.0",
+      "resolved": "https://registry.npmjs.org/npm/-/npm-11.11.0.tgz",
+      "integrity": "sha512-82gRxKrh/eY5UnNorkTFcdBQAGpgjWehkfGVqAGlJjejEtJZGGJUqjo3mbBTNbc5BTnPKGVtGPBZGhElujX5cw==",
       "bundleDependencies": [
         "@isaacs/string-locale-compare",
         "@npmcli/arborist",
@@ -17335,7 +17966,6 @@
         "cacache",
         "chalk",
         "ci-info",
-        "cli-columns",
         "fastest-levenshtein",
         "fs-minipass",
         "glob",
@@ -17397,47 +18027,46 @@
       ],
       "dependencies": {
         "@isaacs/string-locale-compare": "^1.1.0",
-        "@npmcli/arborist": "^9.1.9",
-        "@npmcli/config": "^10.4.5",
+        "@npmcli/arborist": "^9.4.0",
+        "@npmcli/config": "^10.7.1",
         "@npmcli/fs": "^5.0.0",
         "@npmcli/map-workspaces": "^5.0.3",
         "@npmcli/metavuln-calculator": "^9.0.3",
-        "@npmcli/package-json": "^7.0.4",
+        "@npmcli/package-json": "^7.0.5",
         "@npmcli/promise-spawn": "^9.0.1",
         "@npmcli/redact": "^4.0.0",
         "@npmcli/run-script": "^10.0.3",
-        "@sigstore/tuf": "^4.0.0",
+        "@sigstore/tuf": "^4.0.1",
         "abbrev": "^4.0.0",
         "archy": "~1.0.0",
         "cacache": "^20.0.3",
         "chalk": "^5.6.2",
-        "ci-info": "^4.3.1",
-        "cli-columns": "^4.0.0",
+        "ci-info": "^4.4.0",
         "fastest-levenshtein": "^1.0.16",
         "fs-minipass": "^3.0.3",
-        "glob": "^13.0.0",
+        "glob": "^13.0.6",
         "graceful-fs": "^4.2.11",
         "hosted-git-info": "^9.0.2",
         "ini": "^6.0.0",
-        "init-package-json": "^8.2.4",
-        "is-cidr": "^6.0.1",
+        "init-package-json": "^8.2.5",
+        "is-cidr": "^6.0.3",
         "json-parse-even-better-errors": "^5.0.0",
         "libnpmaccess": "^10.0.3",
-        "libnpmdiff": "^8.0.12",
-        "libnpmexec": "^10.1.11",
-        "libnpmfund": "^7.0.12",
+        "libnpmdiff": "^8.1.3",
+        "libnpmexec": "^10.2.3",
+        "libnpmfund": "^7.0.17",
         "libnpmorg": "^8.0.1",
-        "libnpmpack": "^9.0.12",
+        "libnpmpack": "^9.1.3",
         "libnpmpublish": "^11.1.3",
         "libnpmsearch": "^9.0.1",
         "libnpmteam": "^8.0.2",
         "libnpmversion": "^8.0.3",
-        "make-fetch-happen": "^15.0.3",
-        "minimatch": "^10.1.1",
-        "minipass": "^7.1.1",
+        "make-fetch-happen": "^15.0.4",
+        "minimatch": "^10.2.2",
+        "minipass": "^7.1.3",
         "minipass-pipeline": "^1.2.4",
         "ms": "^2.1.2",
-        "node-gyp": "^12.1.0",
+        "node-gyp": "^12.2.0",
         "nopt": "^9.0.0",
         "npm-audit-report": "^7.0.0",
         "npm-install-checks": "^8.0.0",
@@ -17447,21 +18076,21 @@
         "npm-registry-fetch": "^19.1.1",
         "npm-user-validate": "^4.0.0",
         "p-map": "^7.0.4",
-        "pacote": "^21.0.4",
+        "pacote": "^21.4.0",
         "parse-conflict-json": "^5.0.1",
         "proc-log": "^6.1.0",
         "qrcode-terminal": "^0.12.0",
         "read": "^5.0.1",
-        "semver": "^7.7.3",
+        "semver": "^7.7.4",
         "spdx-expression-parse": "^4.0.0",
-        "ssri": "^13.0.0",
+        "ssri": "^13.0.1",
         "supports-color": "^10.2.2",
-        "tar": "^7.5.2",
+        "tar": "^7.5.9",
         "text-table": "~0.2.0",
         "tiny-relative-date": "^2.0.2",
         "treeverse": "^3.0.0",
-        "validate-npm-package-name": "^7.0.0",
-        "which": "^6.0.0"
+        "validate-npm-package-name": "^7.0.2",
+        "which": "^6.0.1"
       },
       "bin": {
         "npm": "bin/npm-cli.js",
@@ -17585,25 +18214,25 @@
         "node": ">=8"
       }
     },
-    "node_modules/npm/node_modules/@isaacs/balanced-match": {
-      "version": "4.0.1",
+    "node_modules/npm/node_modules/@gar/promise-retry": {
+      "version": "1.0.2",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "dependencies": {
+        "retry": "^0.13.1"
+      },
       "engines": {
-        "node": "20 || >=22"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/npm/node_modules/@isaacs/brace-expansion": {
-      "version": "5.0.0",
+    "node_modules/npm/node_modules/@gar/promise-retry/node_modules/retry": {
+      "version": "0.13.1",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
-      "dependencies": {
-        "@isaacs/balanced-match": "^4.0.1"
-      },
       "engines": {
-        "node": "20 || >=22"
+        "node": ">= 4"
       }
     },
     "node_modules/npm/node_modules/@isaacs/fs-minipass": {
@@ -17641,7 +18270,7 @@
       }
     },
     "node_modules/npm/node_modules/@npmcli/arborist": {
-      "version": "9.1.9",
+      "version": "9.4.0",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -17659,7 +18288,7 @@
         "@npmcli/run-script": "^10.0.0",
         "bin-links": "^6.0.0",
         "cacache": "^20.0.1",
-        "common-ancestor-path": "^1.0.1",
+        "common-ancestor-path": "^2.0.0",
         "hosted-git-info": "^9.0.0",
         "json-stringify-nice": "^1.1.4",
         "lru-cache": "^11.2.1",
@@ -17688,7 +18317,7 @@
       }
     },
     "node_modules/npm/node_modules/@npmcli/config": {
-      "version": "10.4.5",
+      "version": "10.7.1",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -17719,17 +18348,17 @@
       }
     },
     "node_modules/npm/node_modules/@npmcli/git": {
-      "version": "7.0.1",
+      "version": "7.0.2",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
+        "@gar/promise-retry": "^1.0.0",
         "@npmcli/promise-spawn": "^9.0.0",
         "ini": "^6.0.0",
         "lru-cache": "^11.2.1",
         "npm-pick-manifest": "^11.0.1",
         "proc-log": "^6.0.0",
-        "promise-retry": "^2.0.1",
         "semver": "^7.3.5",
         "which": "^6.0.0"
       },
@@ -17803,7 +18432,7 @@
       }
     },
     "node_modules/npm/node_modules/@npmcli/package-json": {
-      "version": "7.0.4",
+      "version": "7.0.5",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -17814,7 +18443,7 @@
         "json-parse-even-better-errors": "^5.0.0",
         "proc-log": "^6.0.0",
         "semver": "^7.5.3",
-        "validate-npm-package-license": "^3.0.4"
+        "spdx-expression-parse": "^4.0.0"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
@@ -17883,7 +18512,7 @@
       }
     },
     "node_modules/npm/node_modules/@sigstore/core": {
-      "version": "3.0.0",
+      "version": "3.1.0",
       "dev": true,
       "inBundle": true,
       "license": "Apache-2.0",
@@ -17901,52 +18530,43 @@
       }
     },
     "node_modules/npm/node_modules/@sigstore/sign": {
-      "version": "4.0.1",
+      "version": "4.1.0",
       "dev": true,
       "inBundle": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@sigstore/bundle": "^4.0.0",
-        "@sigstore/core": "^3.0.0",
+        "@sigstore/core": "^3.1.0",
         "@sigstore/protobuf-specs": "^0.5.0",
-        "make-fetch-happen": "^15.0.2",
-        "proc-log": "^5.0.0",
+        "make-fetch-happen": "^15.0.3",
+        "proc-log": "^6.1.0",
         "promise-retry": "^2.0.1"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/npm/node_modules/@sigstore/sign/node_modules/proc-log": {
-      "version": "5.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "engines": {
-        "node": "^18.17.0 || >=20.5.0"
-      }
-    },
     "node_modules/npm/node_modules/@sigstore/tuf": {
-      "version": "4.0.0",
+      "version": "4.0.1",
       "dev": true,
       "inBundle": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@sigstore/protobuf-specs": "^0.5.0",
-        "tuf-js": "^4.0.0"
+        "tuf-js": "^4.1.0"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/npm/node_modules/@sigstore/verify": {
-      "version": "3.0.0",
+      "version": "3.1.0",
       "dev": true,
       "inBundle": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@sigstore/bundle": "^4.0.0",
-        "@sigstore/core": "^3.0.0",
+        "@sigstore/core": "^3.1.0",
         "@sigstore/protobuf-specs": "^0.5.0"
       },
       "engines": {
@@ -17963,33 +18583,18 @@
       }
     },
     "node_modules/npm/node_modules/@tufjs/models": {
-      "version": "4.0.0",
+      "version": "4.1.0",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
       "dependencies": {
         "@tufjs/canonical-json": "2.0.0",
-        "minimatch": "^9.0.5"
+        "minimatch": "^10.1.1"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/npm/node_modules/@tufjs/models/node_modules/minimatch": {
-      "version": "9.0.5",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/npm/node_modules/abbrev": {
       "version": "4.0.0",
       "dev": true,
@@ -18008,15 +18613,6 @@
         "node": ">= 14"
       }
     },
-    "node_modules/npm/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/npm/node_modules/aproba": {
       "version": "2.1.0",
       "dev": true,
@@ -18030,10 +18626,13 @@
       "license": "MIT"
     },
     "node_modules/npm/node_modules/balanced-match": {
-      "version": "1.0.2",
+      "version": "4.0.4",
       "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
     },
     "node_modules/npm/node_modules/bin-links": {
       "version": "6.0.0",
@@ -18064,12 +18663,15 @@
       }
     },
     "node_modules/npm/node_modules/brace-expansion": {
-      "version": "2.0.2",
+      "version": "5.0.3",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0"
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
       }
     },
     "node_modules/npm/node_modules/cacache": {
@@ -18116,7 +18718,7 @@
       }
     },
     "node_modules/npm/node_modules/ci-info": {
-      "version": "4.3.1",
+      "version": "4.4.0",
       "dev": true,
       "funding": [
         {
@@ -18131,30 +18733,14 @@
       }
     },
     "node_modules/npm/node_modules/cidr-regex": {
-      "version": "5.0.1",
+      "version": "5.0.3",
       "dev": true,
       "inBundle": true,
       "license": "BSD-2-Clause",
-      "dependencies": {
-        "ip-regex": "5.0.0"
-      },
       "engines": {
         "node": ">=20"
       }
     },
-    "node_modules/npm/node_modules/cli-columns": {
-      "version": "4.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "string-width": "^4.2.3",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "node_modules/npm/node_modules/cmd-shim": {
       "version": "8.0.0",
       "dev": true,
@@ -18165,10 +18751,13 @@
       }
     },
     "node_modules/npm/node_modules/common-ancestor-path": {
-      "version": "1.0.1",
+      "version": "2.0.0",
       "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">= 18"
+      }
     },
     "node_modules/npm/node_modules/cssesc": {
       "version": "3.0.0",
@@ -18200,7 +18789,7 @@
       }
     },
     "node_modules/npm/node_modules/diff": {
-      "version": "8.0.2",
+      "version": "8.0.3",
       "dev": true,
       "inBundle": true,
       "license": "BSD-3-Clause",
@@ -18208,22 +18797,6 @@
         "node": ">=0.3.1"
       }
     },
-    "node_modules/npm/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/encoding": {
-      "version": "0.1.13",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "iconv-lite": "^0.6.2"
-      }
-    },
     "node_modules/npm/node_modules/env-paths": {
       "version": "2.2.1",
       "dev": true,
@@ -18267,17 +18840,17 @@
       }
     },
     "node_modules/npm/node_modules/glob": {
-      "version": "13.0.0",
+      "version": "13.0.6",
       "dev": true,
       "inBundle": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
-        "minimatch": "^10.1.1",
-        "minipass": "^7.1.2",
-        "path-scurry": "^2.0.0"
+        "minimatch": "^10.2.2",
+        "minipass": "^7.1.3",
+        "path-scurry": "^2.0.2"
       },
       "engines": {
-        "node": "20 || >=22"
+        "node": "18 || 20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -18334,7 +18907,7 @@
       }
     },
     "node_modules/npm/node_modules/iconv-lite": {
-      "version": "0.6.3",
+      "version": "0.7.2",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
@@ -18344,6 +18917,10 @@
       },
       "engines": {
         "node": ">=0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/npm/node_modules/ignore-walk": {
@@ -18377,7 +18954,7 @@
       }
     },
     "node_modules/npm/node_modules/init-package-json": {
-      "version": "8.2.4",
+      "version": "8.2.5",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -18387,7 +18964,6 @@
         "promzard": "^3.0.1",
         "read": "^5.0.1",
         "semver": "^7.7.2",
-        "validate-npm-package-license": "^3.0.4",
         "validate-npm-package-name": "^7.0.0"
       },
       "engines": {
@@ -18395,7 +18971,7 @@
       }
     },
     "node_modules/npm/node_modules/ip-address": {
-      "version": "10.0.1",
+      "version": "10.1.0",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
@@ -18403,46 +18979,25 @@
         "node": ">= 12"
       }
     },
-    "node_modules/npm/node_modules/ip-regex": {
-      "version": "5.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/npm/node_modules/is-cidr": {
-      "version": "6.0.1",
+      "version": "6.0.3",
       "dev": true,
       "inBundle": true,
       "license": "BSD-2-Clause",
       "dependencies": {
-        "cidr-regex": "5.0.1"
+        "cidr-regex": "^5.0.1"
       },
       "engines": {
         "node": ">=20"
       }
     },
-    "node_modules/npm/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/npm/node_modules/isexe": {
-      "version": "3.1.1",
+      "version": "4.0.0",
       "dev": true,
       "inBundle": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "engines": {
-        "node": ">=16"
+        "node": ">=20"
       }
     },
     "node_modules/npm/node_modules/json-parse-even-better-errors": {
@@ -18498,12 +19053,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmdiff": {
-      "version": "8.0.12",
+      "version": "8.1.3",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^9.1.9",
+        "@npmcli/arborist": "^9.4.0",
         "@npmcli/installed-package-contents": "^4.0.0",
         "binary-extensions": "^3.0.0",
         "diff": "^8.0.2",
@@ -18517,19 +19072,19 @@
       }
     },
     "node_modules/npm/node_modules/libnpmexec": {
-      "version": "10.1.11",
+      "version": "10.2.3",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^9.1.9",
+        "@gar/promise-retry": "^1.0.0",
+        "@npmcli/arborist": "^9.4.0",
         "@npmcli/package-json": "^7.0.0",
         "@npmcli/run-script": "^10.0.0",
         "ci-info": "^4.0.0",
         "npm-package-arg": "^13.0.0",
         "pacote": "^21.0.2",
         "proc-log": "^6.0.0",
-        "promise-retry": "^2.0.1",
         "read": "^5.0.1",
         "semver": "^7.3.7",
         "signal-exit": "^4.1.0",
@@ -18540,12 +19095,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmfund": {
-      "version": "7.0.12",
+      "version": "7.0.17",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^9.1.9"
+        "@npmcli/arborist": "^9.4.0"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
@@ -18565,12 +19120,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmpack": {
-      "version": "9.0.12",
+      "version": "9.1.3",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^9.1.9",
+        "@npmcli/arborist": "^9.4.0",
         "@npmcli/run-script": "^10.0.0",
         "npm-package-arg": "^13.0.0",
         "pacote": "^21.0.2"
@@ -18640,20 +19195,21 @@
       }
     },
     "node_modules/npm/node_modules/lru-cache": {
-      "version": "11.2.2",
+      "version": "11.2.6",
       "dev": true,
       "inBundle": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "engines": {
         "node": "20 || >=22"
       }
     },
     "node_modules/npm/node_modules/make-fetch-happen": {
-      "version": "15.0.3",
+      "version": "15.0.4",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
+        "@gar/promise-retry": "^1.0.0",
         "@npmcli/agent": "^4.0.0",
         "cacache": "^20.0.1",
         "http-cache-semantics": "^4.1.1",
@@ -18663,7 +19219,6 @@
         "minipass-pipeline": "^1.2.4",
         "negotiator": "^1.0.0",
         "proc-log": "^6.0.0",
-        "promise-retry": "^2.0.1",
         "ssri": "^13.0.0"
       },
       "engines": {
@@ -18671,25 +19226,25 @@
       }
     },
     "node_modules/npm/node_modules/minimatch": {
-      "version": "10.1.1",
+      "version": "10.2.2",
       "dev": true,
       "inBundle": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
-        "@isaacs/brace-expansion": "^5.0.0"
+        "brace-expansion": "^5.0.2"
       },
       "engines": {
-        "node": "20 || >=22"
+        "node": "18 || 20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/npm/node_modules/minipass": {
-      "version": "7.1.2",
+      "version": "7.1.3",
       "dev": true,
       "inBundle": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -18707,20 +19262,20 @@
       }
     },
     "node_modules/npm/node_modules/minipass-fetch": {
-      "version": "5.0.0",
+      "version": "5.0.2",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
       "dependencies": {
         "minipass": "^7.0.3",
-        "minipass-sized": "^1.0.3",
+        "minipass-sized": "^2.0.0",
         "minizlib": "^3.0.1"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
       },
       "optionalDependencies": {
-        "encoding": "^0.1.13"
+        "iconv-lite": "^0.7.2"
       }
     },
     "node_modules/npm/node_modules/minipass-flush": {
@@ -18747,6 +19302,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/npm/node_modules/minipass-flush/node_modules/yallist": {
+      "version": "4.0.0",
+      "dev": true,
+      "inBundle": true,
+      "license": "ISC"
+    },
     "node_modules/npm/node_modules/minipass-pipeline": {
       "version": "1.2.4",
       "dev": true,
@@ -18771,25 +19332,19 @@
         "node": ">=8"
       }
     },
-    "node_modules/npm/node_modules/minipass-sized": {
-      "version": "1.0.3",
+    "node_modules/npm/node_modules/minipass-pipeline/node_modules/yallist": {
+      "version": "4.0.0",
       "dev": true,
       "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
+      "license": "ISC"
     },
-    "node_modules/npm/node_modules/minipass-sized/node_modules/minipass": {
-      "version": "3.3.6",
+    "node_modules/npm/node_modules/minipass-sized": {
+      "version": "2.0.0",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "yallist": "^4.0.0"
+        "minipass": "^7.1.2"
       },
       "engines": {
         "node": ">=8"
@@ -18832,7 +19387,7 @@
       }
     },
     "node_modules/npm/node_modules/node-gyp": {
-      "version": "12.1.0",
+      "version": "12.2.0",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
@@ -18844,7 +19399,7 @@
         "nopt": "^9.0.0",
         "proc-log": "^6.0.0",
         "semver": "^7.3.5",
-        "tar": "^7.5.2",
+        "tar": "^7.5.4",
         "tinyglobby": "^0.2.12",
         "which": "^6.0.0"
       },
@@ -18928,7 +19483,7 @@
       }
     },
     "node_modules/npm/node_modules/npm-packlist": {
-      "version": "10.0.3",
+      "version": "10.0.4",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -19009,11 +19564,12 @@
       }
     },
     "node_modules/npm/node_modules/pacote": {
-      "version": "21.0.4",
+      "version": "21.4.0",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
+        "@gar/promise-retry": "^1.0.0",
         "@npmcli/git": "^7.0.0",
         "@npmcli/installed-package-contents": "^4.0.0",
         "@npmcli/package-json": "^7.0.0",
@@ -19027,7 +19583,6 @@
         "npm-pick-manifest": "^11.0.1",
         "npm-registry-fetch": "^19.0.0",
         "proc-log": "^6.0.0",
-        "promise-retry": "^2.0.1",
         "sigstore": "^4.0.0",
         "ssri": "^13.0.0",
         "tar": "^7.4.3"
@@ -19054,7 +19609,7 @@
       }
     },
     "node_modules/npm/node_modules/path-scurry": {
-      "version": "2.0.0",
+      "version": "2.0.2",
       "dev": true,
       "inBundle": true,
       "license": "BlueOak-1.0.0",
@@ -19063,14 +19618,14 @@
         "minipass": "^7.1.2"
       },
       "engines": {
-        "node": "20 || >=22"
+        "node": "18 || 20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/npm/node_modules/postcss-selector-parser": {
-      "version": "7.1.0",
+      "version": "7.1.1",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
@@ -19189,7 +19744,7 @@
       "optional": true
     },
     "node_modules/npm/node_modules/semver": {
-      "version": "7.7.3",
+      "version": "7.7.4",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -19213,17 +19768,17 @@
       }
     },
     "node_modules/npm/node_modules/sigstore": {
-      "version": "4.0.0",
+      "version": "4.1.0",
       "dev": true,
       "inBundle": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@sigstore/bundle": "^4.0.0",
-        "@sigstore/core": "^3.0.0",
+        "@sigstore/core": "^3.1.0",
         "@sigstore/protobuf-specs": "^0.5.0",
-        "@sigstore/sign": "^4.0.0",
-        "@sigstore/tuf": "^4.0.0",
-        "@sigstore/verify": "^3.0.0"
+        "@sigstore/sign": "^4.1.0",
+        "@sigstore/tuf": "^4.0.1",
+        "@sigstore/verify": "^3.1.0"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
@@ -19267,26 +19822,6 @@
         "node": ">= 14"
       }
     },
-    "node_modules/npm/node_modules/spdx-correct": {
-      "version": "3.2.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "spdx-expression-parse": "^3.0.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/spdx-correct/node_modules/spdx-expression-parse": {
-      "version": "3.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
     "node_modules/npm/node_modules/spdx-exceptions": {
       "version": "2.5.0",
       "dev": true,
@@ -19304,13 +19839,13 @@
       }
     },
     "node_modules/npm/node_modules/spdx-license-ids": {
-      "version": "3.0.22",
+      "version": "3.0.23",
       "dev": true,
       "inBundle": true,
       "license": "CC0-1.0"
     },
     "node_modules/npm/node_modules/ssri": {
-      "version": "13.0.0",
+      "version": "13.0.1",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -19321,32 +19856,6 @@
         "node": "^20.17.0 || >=22.9.0"
       }
     },
-    "node_modules/npm/node_modules/string-width": {
-      "version": "4.2.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/npm/node_modules/supports-color": {
       "version": "10.2.2",
       "dev": true,
@@ -19360,7 +19869,7 @@
       }
     },
     "node_modules/npm/node_modules/tar": {
-      "version": "7.5.2",
+      "version": "7.5.9",
       "dev": true,
       "inBundle": true,
       "license": "BlueOak-1.0.0",
@@ -19375,15 +19884,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/npm/node_modules/tar/node_modules/yallist": {
-      "version": "5.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/npm/node_modules/text-table": {
       "version": "0.2.0",
       "dev": true,
@@ -19451,14 +19951,14 @@
       }
     },
     "node_modules/npm/node_modules/tuf-js": {
-      "version": "4.0.0",
+      "version": "4.1.0",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
       "dependencies": {
-        "@tufjs/models": "4.0.0",
-        "debug": "^4.4.1",
-        "make-fetch-happen": "^15.0.0"
+        "@tufjs/models": "4.1.0",
+        "debug": "^4.4.3",
+        "make-fetch-happen": "^15.0.1"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
@@ -19494,28 +19994,8 @@
       "inBundle": true,
       "license": "MIT"
     },
-    "node_modules/npm/node_modules/validate-npm-package-license": {
-      "version": "3.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "spdx-correct": "^3.0.0",
-        "spdx-expression-parse": "^3.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/validate-npm-package-license/node_modules/spdx-expression-parse": {
-      "version": "3.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
     "node_modules/npm/node_modules/validate-npm-package-name": {
-      "version": "7.0.0",
+      "version": "7.0.2",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -19533,12 +20013,12 @@
       }
     },
     "node_modules/npm/node_modules/which": {
-      "version": "6.0.0",
+      "version": "6.0.1",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "isexe": "^3.1.1"
+        "isexe": "^4.0.0"
       },
       "bin": {
         "node-which": "bin/which.js"
@@ -19561,10 +20041,13 @@
       }
     },
     "node_modules/npm/node_modules/yallist": {
-      "version": "4.0.0",
+      "version": "5.0.0",
       "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=18"
+      }
     },
     "node_modules/nth-check": {
       "version": "2.1.1",
@@ -19840,6 +20323,22 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/p-event": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/p-event/-/p-event-6.0.1.tgz",
+      "integrity": "sha512-Q6Bekk5wpzW5qIyUP4gdMEujObYstZl6DMMOSenwBvV0BlE5LkDwkjs5yHbZmdCEq2o4RJx4tE1vwxFVf2FG1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-timeout": "^6.1.2"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/p-filter": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/p-filter/-/p-filter-4.1.0.tgz",
@@ -19899,9 +20398,9 @@
       }
     },
     "node_modules/p-map": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.3.tgz",
-      "integrity": "sha512-VkndIv2fIB99swvQoA65bm+fsmt6UNdGeIB0oxBs+WhAhdh08QA04JXpI7rbB9r08/nkbysKoya9rtDERYOYMA==",
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.4.tgz",
+      "integrity": "sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -19952,6 +20451,19 @@
         "node": ">= 4"
       }
     },
+    "node_modules/p-timeout": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-6.1.4.tgz",
+      "integrity": "sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/p-try": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
@@ -19970,9 +20482,9 @@
       "license": "BlueOak-1.0.0"
     },
     "node_modules/package-manager-detector": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-1.5.0.tgz",
-      "integrity": "sha512-uBj69dVlYe/+wxj8JOpr97XfsxH/eumMt6HqjNTmJDf/6NO9s+0uxeOneIz3AsPt2m6y9PqzDzd3ATcU17MNfw==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-1.6.0.tgz",
+      "integrity": "sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==",
       "license": "MIT",
       "optional": true
     },
@@ -20149,6 +20661,13 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/path-data-parser": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/path-data-parser/-/path-data-parser-0.1.0.tgz",
@@ -20241,13 +20760,23 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
       "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/pathval": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.1.tgz",
+      "integrity": "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==",
+      "dev": true,
       "license": "MIT",
-      "optional": true
+      "engines": {
+        "node": ">= 14.16"
+      }
     },
     "node_modules/photoviewer": {
-      "version": "3.10.3",
-      "resolved": "https://registry.npmjs.org/photoviewer/-/photoviewer-3.10.3.tgz",
-      "integrity": "sha512-6RqhMOiPVMsgfMTP/j/lQLGGj2glzBWIDnrTpx2rcACOcO8ig+bnBAfofEPXBmLOgKxsu+HIiLQudVtloS9GEA==",
+      "version": "3.11.1",
+      "resolved": "https://registry.npmjs.org/photoviewer/-/photoviewer-3.11.1.tgz",
+      "integrity": "sha512-CnD62Zs0rmOd6y4prQmbF4/pB2zXhrxLn+5io4AVjSXLAAXjw2tHugOOZocV8r4MZ7QvUTB840L2a8MqJgEV8g==",
       "license": "MIT",
       "dependencies": {
         "domq.js": "^0.7.0"
@@ -20404,15 +20933,15 @@
       }
     },
     "node_modules/pkg-types": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.0.tgz",
-      "integrity": "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "confbox": "^0.2.2",
-        "exsolve": "^1.0.7",
-        "pathe": "^2.0.3"
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
       }
     },
     "node_modules/points-on-curve": {
@@ -20575,9 +21104,9 @@
       }
     },
     "node_modules/postcss-selector-parser": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz",
-      "integrity": "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.1.tgz",
+      "integrity": "sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -20696,9 +21225,9 @@
       }
     },
     "node_modules/prettier-eslint/node_modules/@eslint/eslintrc/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -20827,9 +21356,9 @@
       }
     },
     "node_modules/prettier-eslint/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -20860,13 +21389,30 @@
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/prettier-eslint/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/prettier-eslint/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
       }
     },
     "node_modules/prettier-eslint/node_modules/chalk": {
@@ -20972,9 +21518,9 @@
       }
     },
     "node_modules/prettier-eslint/node_modules/eslint/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -21353,6 +21899,12 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
     "node_modules/prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -21362,9 +21914,9 @@
       "optional": true
     },
     "node_modules/pump": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.3.tgz",
-      "integrity": "sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.4.tgz",
+      "integrity": "sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -21373,20 +21925,13 @@
       }
     },
     "node_modules/punycode": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
-      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/qjobs": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/qjobs/-/qjobs-1.2.0.tgz",
-      "integrity": "sha512-8YOJEHtxpySA3fFDyCRxA+UUV+fA+rTWnuWvylOK/NCjhY+b4ocCtmu8TtsWb+mYeU+GCHf/S66KZF/AsteKHg==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=0.9"
+        "node": ">=6"
       }
     },
     "node_modules/qs": {
@@ -21405,23 +21950,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/quansync": {
-      "version": "0.2.11",
-      "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.11.tgz",
-      "integrity": "sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/antfu"
-        },
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/sxzz"
-        }
-      ],
-      "license": "MIT",
-      "optional": true
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -21533,38 +22061,38 @@
       "license": "MIT"
     },
     "node_modules/read-package-up": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/read-package-up/-/read-package-up-11.0.0.tgz",
-      "integrity": "sha512-MbgfoNPANMdb4oRBNg5eqLbB2t2r+o5Ua1pNt8BqGp4I0FJZhuVSOj3PaBPni4azWuSzEdNn2evevzVmEk1ohQ==",
+      "version": "12.0.0",
+      "resolved": "https://registry.npmjs.org/read-package-up/-/read-package-up-12.0.0.tgz",
+      "integrity": "sha512-Q5hMVBYur/eQNWDdbF4/Wqqr9Bjvtrw2kjGxxBbKLbx8bVCL8gcArjTy8zDUuLGQicftpMuU0riQNcAsbtOVsw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "find-up-simple": "^1.0.0",
-        "read-pkg": "^9.0.0",
-        "type-fest": "^4.6.0"
+        "find-up-simple": "^1.0.1",
+        "read-pkg": "^10.0.0",
+        "type-fest": "^5.2.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/read-pkg": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-9.0.1.tgz",
-      "integrity": "sha512-9viLL4/n1BJUCT1NXVTdS1jtm80yDEgR5T4yCelII49Mbj0v1rZdKqj7zCiYdbB0CuCgdrvHcNogAKTFPBocFA==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-10.1.0.tgz",
+      "integrity": "sha512-I8g2lArQiP78ll51UeMZojewtYgIRCKCWqZEgOO8c/uefTI+XDXvCSXu3+YNUaTNvZzobrL5+SqHjBrByRRTdg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/normalize-package-data": "^2.4.3",
-        "normalize-package-data": "^6.0.0",
-        "parse-json": "^8.0.0",
-        "type-fest": "^4.6.0",
-        "unicorn-magic": "^0.1.0"
+        "@types/normalize-package-data": "^2.4.4",
+        "normalize-package-data": "^8.0.0",
+        "parse-json": "^8.3.0",
+        "type-fest": "^5.4.4",
+        "unicorn-magic": "^0.4.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -21588,6 +22116,32 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/read-pkg/node_modules/parse-json/node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg/node_modules/unicorn-magic": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.4.0.tgz",
+      "integrity": "sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/readable-stream": {
       "version": "3.6.2",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
@@ -21894,6 +22448,59 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/rimraf/node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/rimraf/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/rimraf/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rimraf/node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/robust-predicates": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.2.tgz",
@@ -22033,24 +22640,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/safe-regex-test": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
-      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "is-regex": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -22059,14 +22648,14 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.85.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.85.0.tgz",
-      "integrity": "sha512-3ToiC1xZ1Y8aU7+CkgCI/tqyuPXEmYGJXO7H4uqp0xkLXUqp88rQQ4j1HmP37xSJLbCJPaIiv+cT1y+grssrww==",
+      "version": "1.98.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.98.0.tgz",
+      "integrity": "sha512-+4N/u9dZ4PrgzGgPlKnaaRQx64RO0JBKs9sDhQ2pLgN6JQZ25uPQZKQYaBJU48Kd5BxgXoJ4e09Dq7nMcOUW3A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "chokidar": "^4.0.0",
-        "immutable": "^5.0.2",
+        "immutable": "^5.1.5",
         "source-map-js": ">=0.6.2 <2.0.0"
       },
       "bin": {
@@ -22121,12 +22710,28 @@
       }
     },
     "node_modules/sax": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz",
-      "integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.5.0.tgz",
+      "integrity": "sha512-21IYA3Q5cQf089Z6tgaUTr7lDAyzoTPx5HRtbhsME8Udispad8dC/+sziTNugOEx54ilvatQ9YCzl4KQLPcRHA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "optional": true,
+      "engines": {
+        "node": ">=11.0.0"
+      }
+    },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
       "dev": true,
       "license": "ISC",
-      "optional": true
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
     },
     "node_modules/schema-utils": {
       "version": "4.3.3",
@@ -22289,9 +22894,9 @@
       }
     },
     "node_modules/semantic-release/node_modules/execa": {
-      "version": "9.6.0",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-9.6.0.tgz",
-      "integrity": "sha512-jpWzZ1ZhwUmeWRhS7Qv3mhpOhLfwI+uAX4e5fOcXqwMR7EcJ0pj2kV1CVzHVMX/LphnKWD3LObjZCoJ71lKpHw==",
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-9.6.1.tgz",
+      "integrity": "sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -22382,30 +22987,15 @@
       }
     },
     "node_modules/semantic-release/node_modules/lru-cache": {
-      "version": "11.2.4",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.4.tgz",
-      "integrity": "sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg==",
+      "version": "11.2.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.2.6.tgz",
+      "integrity": "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": "20 || >=22"
       }
     },
-    "node_modules/semantic-release/node_modules/normalize-package-data": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-8.0.0.tgz",
-      "integrity": "sha512-RWk+PI433eESQ7ounYxIp67CYuVsS1uYSonX3kA6ps/3LWfjVQa/ptEg6Y3T6uAMq1mWpX9PQ+qx+QaHpsc7gQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "hosted-git-info": "^9.0.0",
-        "semver": "^7.3.5",
-        "validate-npm-package-license": "^3.0.4"
-      },
-      "engines": {
-        "node": "^20.17.0 || >=22.9.0"
-      }
-    },
     "node_modules/semantic-release/node_modules/npm-run-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-6.0.0.tgz",
@@ -22413,122 +23003,37 @@
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "path-key": "^4.0.0",
-        "unicorn-magic": "^0.3.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/semantic-release/node_modules/parse-json": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-8.3.0.tgz",
-      "integrity": "sha512-ybiGyvspI+fAoRQbIPRddCcSTV9/LsJbf0e/S85VLowVGzRmokfneg2kwVW/KU5rOXrPSbF1qAKPMgNTqqROQQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/code-frame": "^7.26.2",
-        "index-to-position": "^1.1.0",
-        "type-fest": "^4.39.1"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/semantic-release/node_modules/parse-json/node_modules/type-fest": {
-      "version": "4.41.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
-      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
-      "dev": true,
-      "license": "(MIT OR CC0-1.0)",
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/semantic-release/node_modules/path-key": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
-      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/semantic-release/node_modules/read-package-up": {
-      "version": "12.0.0",
-      "resolved": "https://registry.npmjs.org/read-package-up/-/read-package-up-12.0.0.tgz",
-      "integrity": "sha512-Q5hMVBYur/eQNWDdbF4/Wqqr9Bjvtrw2kjGxxBbKLbx8bVCL8gcArjTy8zDUuLGQicftpMuU0riQNcAsbtOVsw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "find-up-simple": "^1.0.1",
-        "read-pkg": "^10.0.0",
-        "type-fest": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/semantic-release/node_modules/read-pkg": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-10.0.0.tgz",
-      "integrity": "sha512-A70UlgfNdKI5NSvTTfHzLQj7NJRpJ4mT5tGafkllJ4wh71oYuGm/pzphHcmW4s35iox56KSK721AihodoXSc/A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/normalize-package-data": "^2.4.4",
-        "normalize-package-data": "^8.0.0",
-        "parse-json": "^8.3.0",
-        "type-fest": "^5.2.0",
+        "path-key": "^4.0.0",
         "unicorn-magic": "^0.3.0"
       },
       "engines": {
-        "node": ">=20"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/semantic-release/node_modules/strip-final-newline": {
+    "node_modules/semantic-release/node_modules/path-key": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-4.0.0.tgz",
-      "integrity": "sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
+      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=18"
+        "node": ">=12"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/semantic-release/node_modules/type-fest": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-5.4.1.tgz",
-      "integrity": "sha512-xygQcmneDyzsEuKZrFbRMne5HDqMs++aFzefrJTgEIKjQ3rekM+RPfFCVq2Gp1VIDqddoYeppCj4Pcb+RZW0GQ==",
+    "node_modules/semantic-release/node_modules/strip-final-newline": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-4.0.0.tgz",
+      "integrity": "sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==",
       "dev": true,
-      "license": "(MIT OR CC0-1.0)",
-      "dependencies": {
-        "tagged-tag": "^1.0.0"
-      },
+      "license": "MIT",
       "engines": {
-        "node": ">=20"
+        "node": ">=18"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -22606,26 +23111,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/semver-dsl": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/semver-dsl/-/semver-dsl-1.0.1.tgz",
-      "integrity": "sha512-e8BOaTo007E3dMuQQTnPdalbKTABKNS7UxoBIDnwOqRa+QwMrCPjynB8zAlPF6xlqUfdLPPLIJ13hJNmhtq8Ng==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "semver": "^5.3.0"
-      }
-    },
-    "node_modules/semver-dsl/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
     "node_modules/semver-regex": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/semver-regex/-/semver-regex-4.0.5.tgz",
@@ -22681,39 +23166,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/send/node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/send/node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/send/node_modules/statuses": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
-      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/serialize-javascript": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
@@ -22791,6 +23243,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/serve-index/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/serve-static": {
       "version": "1.16.3",
       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
@@ -22807,16 +23269,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/serve-static/node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -22949,6 +23401,13 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/siginfo": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/signal-exit": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
@@ -23086,6 +23545,21 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
+    "node_modules/sirv": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
+      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@polka/url": "^1.0.0-next.24",
+        "mrmime": "^2.0.0",
+        "totalist": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/skin-tone": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/skin-tone/-/skin-tone-2.0.0.tgz",
@@ -23153,104 +23627,6 @@
         "npm": ">= 3.0.0"
       }
     },
-    "node_modules/socket.io": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.1.tgz",
-      "integrity": "sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "accepts": "~1.3.4",
-        "base64id": "~2.0.0",
-        "cors": "~2.8.5",
-        "debug": "~4.3.2",
-        "engine.io": "~6.6.0",
-        "socket.io-adapter": "~2.5.2",
-        "socket.io-parser": "~4.2.4"
-      },
-      "engines": {
-        "node": ">=10.2.0"
-      }
-    },
-    "node_modules/socket.io-adapter": {
-      "version": "2.5.5",
-      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.5.tgz",
-      "integrity": "sha512-eLDQas5dzPgOWCk9GuuJC2lBqItuhKI4uxGgo9aIV7MYbk2h9Q6uULEh8WBzThoI7l+qU9Ast9fVUmkqPP9wYg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "~4.3.4",
-        "ws": "~8.17.1"
-      }
-    },
-    "node_modules/socket.io-adapter/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/socket.io-parser": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
-      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.1"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/socket.io-parser/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/socket.io/node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/sockjs": {
       "version": "0.3.24",
       "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
@@ -23304,13 +23680,14 @@
       }
     },
     "node_modules/source-map": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "version": "0.7.6",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
+      "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
       "dev": true,
       "license": "BSD-3-Clause",
+      "peer": true,
       "engines": {
-        "node": ">= 8"
+        "node": ">= 12"
       }
     },
     "node_modules/source-map-js": {
@@ -23415,9 +23792,9 @@
       }
     },
     "node_modules/spdx-license-ids": {
-      "version": "3.0.22",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.22.tgz",
-      "integrity": "sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==",
+      "version": "3.0.23",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.23.tgz",
+      "integrity": "sha512-CWLcCCH7VLu13TgOH+r8p1O/Znwhqv/dbb6lqWy67G+pT1kHmeD/+V36AVb/vq8QMIQwVShJ6Ssl5FPh0fuSdw==",
       "dev": true,
       "license": "CC0-1.0"
     },
@@ -23463,13 +23840,6 @@
         "node": ">= 10.x"
       }
     },
-    "node_modules/sprintf-js": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz",
-      "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==",
-      "dev": true,
-      "license": "BSD-3-Clause"
-    },
     "node_modules/ssf": {
       "version": "0.11.2",
       "resolved": "https://registry.npmjs.org/ssf/-/ssf-0.11.2.tgz",
@@ -23495,16 +23865,30 @@
         "node": "^18.17.0 || >=20.5.0"
       }
     },
+    "node_modules/stackback": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/statuses": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
-      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 0.6"
+        "node": ">= 0.8"
       }
     },
+    "node_modules/std-env": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz",
+      "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/stream-combiner2": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/stream-combiner2/-/stream-combiner2-1.1.1.tgz",
@@ -23549,56 +23933,6 @@
         "safe-buffer": "~5.1.0"
       }
     },
-    "node_modules/streamroller": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.1.5.tgz",
-      "integrity": "sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "date-format": "^4.0.14",
-        "debug": "^4.3.4",
-        "fs-extra": "^8.1.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/streamroller/node_modules/fs-extra": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
-      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^4.0.0",
-        "universalify": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=6 <7 || >=8"
-      }
-    },
-    "node_modules/streamroller/node_modules/jsonfile": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
-      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
-      "dev": true,
-      "license": "MIT",
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/streamroller/node_modules/universalify": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
     "node_modules/string_decoder": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
@@ -23684,13 +24018,13 @@
       }
     },
     "node_modules/strip-ansi": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
-      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
+      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ansi-regex": "^6.0.1"
+        "ansi-regex": "^6.2.2"
       },
       "engines": {
         "node": ">=12"
@@ -23756,6 +24090,26 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/strip-literal": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-3.1.0.tgz",
+      "integrity": "sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^9.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/strip-literal/node_modules/js-tokens": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-9.0.1.tgz",
+      "integrity": "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/stylis": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
@@ -23764,13 +24118,14 @@
       "optional": true
     },
     "node_modules/super-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/super-regex/-/super-regex-1.0.0.tgz",
-      "integrity": "sha512-CY8u7DtbvucKuquCmOFEKhr9Besln7n9uN8eFbwcoGYWXOMW07u2o8njWaiXt11ylS3qoGF55pILjRmPlbodyg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/super-regex/-/super-regex-1.1.0.tgz",
+      "integrity": "sha512-WHkws2ZflZe41zj6AolvvmaTrWds/VuyeYr9iPVv/oQeaIoVxMKaushfFWpOGDT+GuBrM/sVqF8KUCYQlSSTdQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "function-timeout": "^1.0.1",
+        "make-asynchronous": "^1.0.1",
         "time-span": "^5.1.0"
       },
       "engines": {
@@ -23833,6 +24188,13 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/synckit": {
       "version": "0.11.12",
       "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.11.12.tgz",
@@ -23880,6 +24242,7 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
       "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "deprecated": "Old versions of tar are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -23957,19 +24320,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/tar/node_modules/mkdirp": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/tar/node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
@@ -23988,9 +24338,9 @@
       }
     },
     "node_modules/tempy": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/tempy/-/tempy-3.1.0.tgz",
-      "integrity": "sha512-7jDLIdD2Zp0bDe5r3D2qtkd1QOCacylBuL7oa4udvN6v2pqr4+LcCr67C8DR1zkpaZ8XosF5m1yQSabKAW6f2g==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/tempy/-/tempy-3.2.0.tgz",
+      "integrity": "sha512-d79HhZya5Djd7am0q+W4RTsSU+D/aJzM+4Y4AGJGuGlgM2L6sx5ZvOYTmZjqPhrDrV6xJTtRSm1JCLj6V6LHLQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -24052,9 +24402,9 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.3.17",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.17.tgz",
-      "integrity": "sha512-YR7PtUp6GMU91BgSJmlaX/rS2lGDbAF7D+Wtq7hRO+MiljNmodYvqslzCFiYVAgW+Qoaaia/QUIP4lGXufjdZw==",
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.4.0.tgz",
+      "integrity": "sha512-Bn5vxm48flOIfkdl5CaD2+1CiUVbonWQ3KQPyP7/EuIl9Gbzq/gQFOzaMFUEgVjB1396tcK0SG8XcNJ/2kDH8g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -24092,6 +24442,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/test-exclude": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-7.0.2.tgz",
+      "integrity": "sha512-u9E6A+ZDYdp7a4WnarkXPZOx8Ilz46+kby6p1yZ8zsGTz9gYa6FIS7lj2oezzNKmtdyyJNNmmXDppga5GB7kSw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^10.4.1",
+        "minimatch": "^10.2.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/text-extensions": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/text-extensions/-/text-extensions-2.4.0.tgz",
@@ -24233,12 +24598,22 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/tinybench": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/tinyexec": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.1.tgz",
-      "integrity": "sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.0.2.tgz",
+      "integrity": "sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==",
       "devOptional": true,
-      "license": "MIT"
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
     },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
@@ -24270,16 +24645,56 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/tmp": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.5.tgz",
-      "integrity": "sha512-voyz6MApa1rQGUxT3E+BK7/ROe8itEx7vD8/HEvt4xwXucvQ5G5oeEiHkmHZJuBO21RpOf+YYm9MOivj709jow==",
+    "node_modules/tinypool": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.1.1.tgz",
+      "integrity": "sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">=14.14"
+        "node": "^18.0.0 || >=20.0.0"
+      }
+    },
+    "node_modules/tinyrainbow": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz",
+      "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tinyspy": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-4.0.4.tgz",
+      "integrity": "sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tldts": {
+      "version": "7.0.25",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.0.25.tgz",
+      "integrity": "sha512-keinCnPbwXEUG3ilrWQZU+CqcTTzHq9m2HhoUP2l7Xmi8l1LuijAXLpAJ5zRW+ifKTNscs4NdCkfkDCBYm352w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^7.0.25"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
       }
     },
+    "node_modules/tldts-core": {
+      "version": "7.0.25",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.25.tgz",
+      "integrity": "sha512-ZjCZK0rppSBu7rjHYDYsEaMOIbbT+nWF57hKkv4IUmZWBNrBWBOjIElc0mKRgLM8bm7x/BBlof6t2gi/Oq/Asw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -24303,6 +24718,42 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/totalist": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
+      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.0.tgz",
+      "integrity": "sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^7.0.5"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
+      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/traverse": {
       "version": "0.6.8",
       "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.6.8.tgz",
@@ -24366,6 +24817,17 @@
         "node": ">=6.10"
       }
     },
+    "node_modules/ts-morph": {
+      "version": "21.0.1",
+      "resolved": "https://registry.npmjs.org/ts-morph/-/ts-morph-21.0.1.tgz",
+      "integrity": "sha512-dbDtVdEAncKctzrVZ+Nr7kHpHkv+0JDJb2MjjpBaj8bFeCkePU9rHfMklmhuLFnpeq/EJZk2IhStY6NzqgjOkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ts-morph/common": "~0.22.0",
+        "code-block-writer": "^12.0.0"
+      }
+    },
     "node_modules/ts-node": {
       "version": "10.9.2",
       "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
@@ -24378,251 +24840,42 @@
         "@tsconfig/node12": "^1.0.7",
         "@tsconfig/node14": "^1.0.0",
         "@tsconfig/node16": "^1.0.2",
-        "acorn": "^8.4.1",
-        "acorn-walk": "^8.1.1",
-        "arg": "^4.1.0",
-        "create-require": "^1.1.0",
-        "diff": "^4.0.1",
-        "make-error": "^1.1.1",
-        "v8-compile-cache-lib": "^3.0.1",
-        "yn": "3.1.1"
-      },
-      "bin": {
-        "ts-node": "dist/bin.js",
-        "ts-node-cwd": "dist/bin-cwd.js",
-        "ts-node-esm": "dist/bin-esm.js",
-        "ts-node-script": "dist/bin-script.js",
-        "ts-node-transpile-only": "dist/bin-transpile.js",
-        "ts-script": "dist/bin-script-deprecated.js"
-      },
-      "peerDependencies": {
-        "@swc/core": ">=1.2.50",
-        "@swc/wasm": ">=1.2.50",
-        "@types/node": "*",
-        "typescript": ">=2.7"
-      },
-      "peerDependenciesMeta": {
-        "@swc/core": {
-          "optional": true
-        },
-        "@swc/wasm": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD"
-    },
-    "node_modules/tslint": {
-      "version": "6.1.3",
-      "resolved": "https://registry.npmjs.org/tslint/-/tslint-6.1.3.tgz",
-      "integrity": "sha512-IbR4nkT96EQOvKE2PW/djGz8iGNeJ4rF2mBfiYaR/nvUWYKJhLwimoJKgjIFEIDibBtOevj7BqCRL4oHeWWUCg==",
-      "deprecated": "TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information.",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@babel/code-frame": "^7.0.0",
-        "builtin-modules": "^1.1.1",
-        "chalk": "^2.3.0",
-        "commander": "^2.12.1",
-        "diff": "^4.0.1",
-        "glob": "^7.1.1",
-        "js-yaml": "^3.13.1",
-        "minimatch": "^3.0.4",
-        "mkdirp": "^0.5.3",
-        "resolve": "^1.3.2",
-        "semver": "^5.3.0",
-        "tslib": "^1.13.0",
-        "tsutils": "^2.29.0"
-      },
-      "bin": {
-        "tslint": "bin/tslint"
-      },
-      "engines": {
-        "node": ">=4.8.0"
-      },
-      "peerDependencies": {
-        "typescript": ">=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev || >=3.0.0-dev || >= 3.1.0-dev || >= 3.2.0-dev || >= 4.0.0-dev"
-      }
-    },
-    "node_modules/tslint/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/tslint/node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
-    "node_modules/tslint/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/tslint/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/tslint/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/tslint/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tslint/node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tslint/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/tslint/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/tslint/node_modules/js-yaml": {
-      "version": "3.14.2",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.2.tgz",
-      "integrity": "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/tslint/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/tslint/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/tslint/node_modules/sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true,
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/tslint/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/tslint/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true,
-      "license": "0BSD"
-    },
-    "node_modules/tsutils": {
-      "version": "2.29.0",
-      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-2.29.0.tgz",
-      "integrity": "sha512-g5JVHCIJwzfISaXpXE1qvNalca5Jwob6FjI4AoPlqMusJ6ftFE7IkkFoMhVLRgK+4Kx3gkzb8UZK5t5yTTvEmA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^1.8.1"
+        "acorn": "^8.4.1",
+        "acorn-walk": "^8.1.1",
+        "arg": "^4.1.0",
+        "create-require": "^1.1.0",
+        "diff": "^4.0.1",
+        "make-error": "^1.1.1",
+        "v8-compile-cache-lib": "^3.0.1",
+        "yn": "3.1.1"
+      },
+      "bin": {
+        "ts-node": "dist/bin.js",
+        "ts-node-cwd": "dist/bin-cwd.js",
+        "ts-node-esm": "dist/bin-esm.js",
+        "ts-node-script": "dist/bin-script.js",
+        "ts-node-transpile-only": "dist/bin-transpile.js",
+        "ts-script": "dist/bin-script-deprecated.js"
       },
       "peerDependencies": {
-        "typescript": ">=2.1.0 || >=2.1.0-dev || >=2.2.0-dev || >=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev || >= 3.0.0-dev || >= 3.1.0-dev"
+        "@swc/core": ">=1.2.50",
+        "@swc/wasm": ">=1.2.50",
+        "@types/node": "*",
+        "typescript": ">=2.7"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "@swc/wasm": {
+          "optional": true
+        }
       }
     },
-    "node_modules/tsutils/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true,
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
     },
     "node_modules/tuf-js": {
@@ -24664,13 +24917,16 @@
       }
     },
     "node_modules/type-fest": {
-      "version": "4.41.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
-      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "version": "5.4.4",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-5.4.4.tgz",
+      "integrity": "sha512-JnTrzGu+zPV3aXIUhnyWJj4z/wigMsdYajGLIYakqyOW1nPllzXEJee0QQbHj+CTIQtXGlAjuK0UY+2xTyjVAw==",
       "dev": true,
       "license": "(MIT OR CC0-1.0)",
+      "dependencies": {
+        "tagged-tag": "^1.0.0"
+      },
       "engines": {
-        "node": ">=16"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -24712,16 +24968,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.53.1",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.53.1.tgz",
-      "integrity": "sha512-gB+EVQfP5RDElh9ittfXlhZJdjSU4jUSTyE2+ia8CYyNvet4ElfaLlAIqDvQV9JPknKx0jQH1racTYe/4LaLSg==",
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.57.0.tgz",
+      "integrity": "sha512-W8GcigEMEeB07xEZol8oJ26rigm3+bfPHxHvwbYUlu1fUDsGuQ7Hiskx5xGW/xM4USc9Ephe3jtv7ZYPQntHeA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.53.1",
-        "@typescript-eslint/parser": "8.53.1",
-        "@typescript-eslint/typescript-estree": "8.53.1",
-        "@typescript-eslint/utils": "8.53.1"
+        "@typescript-eslint/eslint-plugin": "8.57.0",
+        "@typescript-eslint/parser": "8.57.0",
+        "@typescript-eslint/typescript-estree": "8.57.0",
+        "@typescript-eslint/utils": "8.57.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -24731,41 +24987,14 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
     },
-    "node_modules/ua-parser-js": {
-      "version": "0.7.41",
-      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.41.tgz",
-      "integrity": "sha512-O3oYyCMPYgNNHuO7Jjk3uacJWZF8loBgwrfd/5LE/HyZ3lUIOdniQ7DNXJcIgZbwioZxk0fLfI4EVnetdiX5jg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/ua-parser-js"
-        },
-        {
-          "type": "paypal",
-          "url": "https://paypal.me/faisalman"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/faisalman"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "ua-parser-js": "script/cli.js"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/ufo": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.1.tgz",
-      "integrity": "sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==",
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.3.tgz",
+      "integrity": "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==",
       "license": "MIT",
       "optional": true
     },
@@ -24911,6 +25140,20 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/universal-user-agent": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/universal-user-agent/-/universal-user-agent-7.0.3.tgz",
@@ -24979,16 +25222,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/uri-js/node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/url-join": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/url-join/-/url-join-5.0.0.tgz",
@@ -25067,6 +25300,36 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
+      "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/vite": {
       "version": "6.4.1",
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
@@ -25142,6 +25405,29 @@
         }
       }
     },
+    "node_modules/vite-node": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.2.4.tgz",
+      "integrity": "sha512-EbKSKh+bh1E1IFxeO0pg1n4dvoOTt0UDiXMd/qn++r98+jPO1xtJilvXldeuQ8giIB5IkpjCgMleHMNEsGH6pg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cac": "^6.7.14",
+        "debug": "^4.4.1",
+        "es-module-lexer": "^1.7.0",
+        "pathe": "^2.0.3",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0"
+      },
+      "bin": {
+        "vite-node": "vite-node.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
     "node_modules/vite/node_modules/postcss": {
       "version": "8.5.8",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
@@ -25171,22 +25457,92 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/vitest": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.2.4.tgz",
+      "integrity": "sha512-LUCP5ev3GURDysTWiP47wRRUpLKMOfPh+yKTx3kVIEiu5KOMeqzpnYNsKyOoVrULivR8tLcks4+lga33Whn90A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/chai": "^5.2.2",
+        "@vitest/expect": "3.2.4",
+        "@vitest/mocker": "3.2.4",
+        "@vitest/pretty-format": "^3.2.4",
+        "@vitest/runner": "3.2.4",
+        "@vitest/snapshot": "3.2.4",
+        "@vitest/spy": "3.2.4",
+        "@vitest/utils": "3.2.4",
+        "chai": "^5.2.0",
+        "debug": "^4.4.1",
+        "expect-type": "^1.2.1",
+        "magic-string": "^0.30.17",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.2",
+        "std-env": "^3.9.0",
+        "tinybench": "^2.9.0",
+        "tinyexec": "^0.3.2",
+        "tinyglobby": "^0.2.14",
+        "tinypool": "^1.1.1",
+        "tinyrainbow": "^2.0.0",
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0-0",
+        "vite-node": "3.2.4",
+        "why-is-node-running": "^2.3.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@types/debug": "^4.1.12",
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "@vitest/browser": "3.2.4",
+        "@vitest/ui": "3.2.4",
+        "happy-dom": "*",
+        "jsdom": "*"
+      },
+      "peerDependenciesMeta": {
+        "@edge-runtime/vm": {
+          "optional": true
+        },
+        "@types/debug": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@vitest/browser": {
+          "optional": true
+        },
+        "@vitest/ui": {
+          "optional": true
+        },
+        "happy-dom": {
+          "optional": true
+        },
+        "jsdom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitest/node_modules/tinyexec": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
+      "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/vlq": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/vlq/-/vlq-1.0.1.tgz",
       "integrity": "sha512-gQpnTgkubC6hQgdIcRdYGDSDc+SaujOdyesZQMv6JlfQee/9Mp0Qhnys6WxDWvQnL5WZdT7o2Ul187aSt0Rq+w==",
       "license": "MIT"
     },
-    "node_modules/void-elements": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
-      "integrity": "sha512-qZKX4RnBzH2ugr8Lxa7x+0V6XD9Sb/ouARtiasEQCHB1EVU4NXtmHsDDrx1dO4ne5fc3J6EW05BP1Dl0z0iung==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/vscode-jsonrpc": {
       "version": "8.2.0",
       "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-8.2.0.tgz",
@@ -25302,6 +25658,19 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/watchpack": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
@@ -25344,6 +25713,23 @@
       "license": "MIT",
       "optional": true
     },
+    "node_modules/web-worker": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/web-worker/-/web-worker-1.5.0.tgz",
+      "integrity": "sha512-RiMReJrTAiA+mBjGONMnjVDP2u3p9R1vkcGz6gDIrOMT3oGuYwX2WRMYI9ipkphSuE5XKEhydbhNEJh4NY9mlw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/webidl-conversions": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz",
+      "integrity": "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/webpack": {
       "version": "5.105.0",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.105.0.tgz",
@@ -25583,28 +25969,6 @@
         "node": ">=8.10.0"
       }
     },
-    "node_modules/webpack-dev-server/node_modules/ws": {
-      "version": "8.19.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
-      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": ">=5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/webpack-merge": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-6.0.1.tgz",
@@ -25621,9 +25985,9 @@
       }
     },
     "node_modules/webpack-sources": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.3.tgz",
-      "integrity": "sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==",
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.4.tgz",
+      "integrity": "sha512-7tP1PdV4vF+lYPnkMR0jMY5/la2ub5Fc/8VQrrU+lXkiM6C4TjVfGw7iKfyhnTQOsD+6Q/iKw0eFciziRgD58Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -25652,6 +26016,13 @@
         }
       }
     },
+    "node_modules/webpack/node_modules/es-module-lexer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz",
+      "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/webpack/node_modules/eslint-scope": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
@@ -25722,6 +26093,30 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-15.1.0.tgz",
+      "integrity": "sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^6.0.0",
+        "webidl-conversions": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -25738,6 +26133,23 @@
         "node": ">= 8"
       }
     },
+    "node_modules/why-is-node-running": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "siginfo": "^2.0.0",
+        "stackback": "0.0.2"
+      },
+      "bin": {
+        "why-is-node-running": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/wildcard": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz",
@@ -25964,9 +26376,9 @@
       "license": "ISC"
     },
     "node_modules/ws": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
-      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.19.0.tgz",
+      "integrity": "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -26006,6 +26418,23 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
@@ -26128,9 +26557,9 @@
       }
     },
     "node_modules/yocto-queue": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.2.1.tgz",
-      "integrity": "sha512-AyeEbWOu/TAXdxlV9wmGcR0+yh2j3vYPGOECcIj2S7MkrLyC7ne+oye2BKTItt0ii2PHk4cDy+95+LshzbXnGg==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.2.2.tgz",
+      "integrity": "sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -26166,6 +26595,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/zod": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
+      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
     "node_modules/zone.js": {
       "version": "0.15.1",
       "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz",
diff --git a/package.json b/package.json
index 5441cf7f1..749e6c01e 100644
--- a/package.json
+++ b/package.json
@@ -23,13 +23,16 @@
     "start": "ng serve",
     "build": "ng build",
     "build-prod": "ng build --configuration production",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage",
     "build:analyze": "ng build --configuration analyze --stats-json",
     "analyze:report": "npm run build:analyze && npx esbuild-visualizer --metadata dist/app/stats.json --filename dist/app/esbuild-report.html && open dist/app/esbuild-report.html",
-    "test": "ng test",
-    "e2e": "ng e2e",
     "prepare": "husky || true",
     "lint": "npx eslint src",
     "lint:fix": "npm run lint -- --fix",
+    "lint:warnonly": "npm run lint || true",
     "prettier": "npx prettier src --check",
     "prettier:fix": "npm run prettier -- --write",
     "format": "npm run prettier:fix && npm run lint:fix",
@@ -47,9 +50,11 @@
     "@angular/platform-browser": "^19.2.19",
     "@angular/platform-browser-dynamic": "^19.2.19",
     "@angular/router": "^19.2.19",
+    "@mitre-attack/attack-data-model": "^5.0.0-beta.1",
     "@ng-matero/extensions": "^19.5.1",
     "diff-match-patch-ts": "^0.8.0",
     "jdenticon": "^3.2.0",
+    "lodash": "^4.17.21",
     "marked": "^15.0.11",
     "moment": "^2.29.4",
     "ngx-autosize": "^2.0.4",
@@ -63,16 +68,18 @@
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
+    "@analogjs/vite-plugin-angular": "^1.22.1",
+    "@analogjs/vitest-angular": "^1.22.1",
+    "@eslint/js": "^9.39.1",
     "@angular-devkit/build-angular": "^19.2.22",
     "@angular/cli": "^19.2.22",
     "@angular/compiler-cli": "^19.2.19",
     "@codedependant/semantic-release-docker": "^5.1.1",
     "@commitlint/config-conventional": "^20.4.3",
-    "@types/jasmine": "^6.0.0",
-    "@types/jasminewd2": "^2.0.10",
     "@types/node": "^20.12.11",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
     "angular-eslint": "^19.4.0",
-    "codelyzer": "^6.0.0",
     "commitlint": "^19.8.0",
     "esbuild-visualizer": "^0.7.0",
     "eslint": "^9.23.0",
@@ -80,19 +87,15 @@
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-unused-imports": "^4.1.4",
     "husky": "^9.1.7",
-    "jasmine-core": "^5.1.1",
-    "jasmine-spec-reporter": "^7.0.0",
-    "karma": "~6.4.2",
-    "karma-chrome-launcher": "^3.2.0",
-    "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "^5.1.0",
-    "karma-jasmine-html-reporter": "^2.1.0",
+    "jsdom": "^27.0.1",
+    "sass": "^1.94.2",
     "prettier": "^3.8.1",
     "prettier-eslint": "^16.3.0",
     "semantic-release": "^25.0.3",
     "ts-node": "^10.9.1",
-    "tslint": "~6.1.0",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.53.1"
+    "typescript-eslint": "^8.53.1",
+    "vite": "^6.4.1",
+    "vitest": "^3.2.4"
   }
 }
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index f974744cc..ea3e93aa0 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -3,6 +3,7 @@ import { Routes, RouterModule } from '@angular/router';
 import { LandingPageComponent } from './views/landing-page/landing-page.component';
 import { HelpPageComponent } from './views/help-page/help-page.component';
 import { DashboardPageComponent } from './views/dashboard-page/dashboard-page.component';
+import { DataQualityComponent } from './views/dashboard-page/data-quality/data-quality.component';
 import { OrgSettingsPageComponent } from './views/dashboard-page/org-settings-page/org-settings-page.component';
 import { UserAccountsPageComponent } from './views/dashboard-page/user-accounts-page/user-accounts-page.component';
 import { DefaultMarkingDefinitionsComponent } from './views/dashboard-page/default-marking-definitions/default-marking-definitions.component';
@@ -53,30 +54,6 @@ const routes: Routes = [
             },
             component: DashboardPageComponent,
           },
-          {
-            path: 'org-settings',
-            data: {
-              breadcrumb: 'organization settings',
-              title: 'Organization Identity',
-            },
-            component: OrgSettingsPageComponent,
-          },
-          {
-            path: 'user-accounts',
-            data: {
-              breadcrumb: 'user accounts',
-              title: 'User Accounts',
-            },
-            component: UserAccountsPageComponent,
-          },
-          {
-            path: 'default-marking-definitions',
-            data: {
-              breadcrumb: 'default marking definitions',
-              title: 'Default Marking Definitions',
-            },
-            component: DefaultMarkingDefinitionsComponent,
-          },
           {
             path: 'teams',
             data: {
@@ -104,6 +81,42 @@ const routes: Routes = [
               },
             ],
           },
+          {
+            path: 'data-quality',
+            data: {
+              breadcrumb: 'data quality',
+              title: 'Data Quality',
+              roles: [Role.ADMIN, Role.TEAM_LEAD],
+            },
+            component: DataQualityComponent,
+          },
+          {
+            path: 'org-settings',
+            data: {
+              breadcrumb: 'organization settings',
+              title: 'Organization Identity',
+              roles: [Role.ADMIN],
+            },
+            component: OrgSettingsPageComponent,
+          },
+          {
+            path: 'user-accounts',
+            data: {
+              breadcrumb: 'user accounts',
+              title: 'User Accounts',
+              roles: [Role.ADMIN],
+            },
+            component: UserAccountsPageComponent,
+          },
+          {
+            path: 'default-marking-definitions',
+            data: {
+              breadcrumb: 'default marking definitions',
+              title: 'Default Marking Definitions',
+              roles: [Role.ADMIN],
+            },
+            component: DefaultMarkingDefinitionsComponent,
+          },
         ],
       },
       {
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
index 62204e889..cbf208613 100644
--- a/src/app/app.component.spec.ts
+++ b/src/app/app.component.spec.ts
@@ -1,12 +1,33 @@
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
+import { provideRouter } from '@angular/router';
+import { LoggerModule, NgxLoggerLevel } from 'ngx-logger';
+import { vi } from 'vitest';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async () => {
+    // Mock window.matchMedia
+    Object.defineProperty(window, 'matchMedia', {
+      writable: true,
+      value: vi.fn().mockImplementation(query => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
+        addEventListener: vi.fn(),
+        removeEventListener: vi.fn(),
+        dispatchEvent: vi.fn(),
+      })),
+    });
+
     await TestBed.configureTestingModule({
-      imports: [RouterTestingModule],
+      imports: [LoggerModule.forRoot({ level: NgxLoggerLevel.OFF })],
       declarations: [AppComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [provideHttpClient(), provideRouter([])],
     }).compileComponents();
   });
 
@@ -15,19 +36,4 @@ describe('AppComponent', () => {
     const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   });
-
-  it(`should have as title 'app'`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('app');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement;
-    expect(compiled.querySelector('.content span').textContent).toContain(
-      'app app is running!'
-    );
-  });
 });
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index a80dd6e42..54b5bb72b 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -106,10 +106,7 @@ import { TlpEditComponent } from './components/stix/tlp-property/tlp-edit/tlp-ed
 import { TlpPropertyComponent } from './components/stix/tlp-property/tlp-property.component';
 import { TlpViewComponent } from './components/stix/tlp-property/tlp-view/tlp-view.component';
 
-import { AttackidDiffComponent } from './components/stix/attackid-property/attackid-diff/attackid-diff.component';
-import { AttackIDEditComponent } from './components/stix/attackid-property/attackid-edit/attackid-edit.component';
 import { AttackIDPropertyComponent } from './components/stix/attackid-property/attackid-property.component';
-import { AttackIDViewComponent } from './components/stix/attackid-property/attackid-view/attackid-view.component';
 
 import { StixIDPropertyComponent } from './components/stix/stixid-property/stixid-property.component';
 
@@ -158,6 +155,7 @@ import { CitationViewComponent } from './components/stix/citation-property/citat
 import { HelpPageComponent } from './views/help-page/help-page.component';
 import { LandingPageComponent } from './views/landing-page/landing-page.component';
 import { DashboardPageComponent } from './views/dashboard-page/dashboard-page.component';
+import { DataQualityComponent } from './views/dashboard-page/data-quality/data-quality.component';
 import { OrgSettingsPageComponent } from './views/dashboard-page/org-settings-page/org-settings-page.component';
 import { UserAccountsPageComponent } from './views/dashboard-page/user-accounts-page/user-accounts-page.component';
 import { DefaultMarkingDefinitionsComponent } from './views/dashboard-page/default-marking-definitions/default-marking-definitions.component';
@@ -225,6 +223,10 @@ import { AppConfigService } from './services/config/app-config.service';
 import { AnalyticViewComponent } from './views/stix/analytic-view/analytic-view.component';
 import { DetectionStrategyViewComponent } from './views/stix/detection-strategy-view/detection-strategy-view.component';
 import { StixListPageComponent } from './views/stix/stix-list-page/stix-list-page.component';
+import { DictionaryPropertyComponent } from './components/stix/dictionary-property/dictionary-property.component';
+import { DictionaryEditComponent } from './components/stix/dictionary-property/dictionary-edit/dictionary-edit.component';
+import { DictionaryViewComponent } from './components/stix/dictionary-property/dictionary-view/dictionary-view.component';
+import { DictionaryDiffComponent } from './components/stix/dictionary-property/dictionary-diff/dictionary-diff.component';
 
 export function initConfig(appConfigService: AppConfigService) {
   return () => appConfigService.loadAppConfig();
@@ -269,9 +271,6 @@ export function initConfig(appConfigService: AppConfigService) {
     TlpViewComponent,
     TlpEditComponent,
     AttackIDPropertyComponent,
-    AttackIDEditComponent,
-    AttackIDViewComponent,
-    AttackidDiffComponent,
     StixIDPropertyComponent,
     ListPropertyComponent,
     ListEditComponent,
@@ -287,6 +286,7 @@ export function initConfig(appConfigService: AppConfigService) {
     LandingPageComponent,
     HelpPageComponent,
     DashboardPageComponent,
+    DataQualityComponent,
     OrgSettingsPageComponent,
     UserAccountsPageComponent,
     DefaultMarkingDefinitionsComponent,
@@ -368,6 +368,10 @@ export function initConfig(appConfigService: AppConfigService) {
     StixJsonDialogComponent,
     OutdatedContentWarningComponent,
     StreamProgressComponent,
+    DictionaryPropertyComponent,
+    DictionaryEditComponent,
+    DictionaryViewComponent,
+    DictionaryDiffComponent,
   ],
   exports: [
     MatToolbarModule,
diff --git a/src/app/classes/external-references.ts b/src/app/classes/external-references.ts
index e4d4ec9cf..cfb1f48f6 100644
--- a/src/app/classes/external-references.ts
+++ b/src/app/classes/external-references.ts
@@ -5,6 +5,7 @@ import { Serializable, ValidationData } from './serializable';
 import { StixObject } from './stix/stix-object';
 import { logger } from '../utils/logger';
 import { RelatedAsset } from './stix/asset';
+import { xMitreFirstSeenCitationSchema } from '@mitre-attack/attack-data-model';
 
 export class ExternalReferences extends Serializable {
   private _externalReferences = new Map<string, ExternalReference>();
@@ -12,6 +13,7 @@ export class ExternalReferences extends Serializable {
   private usedReferences: string[] = []; // array to store used references
   private missingReferences: string[] = []; // array to store missing references
   private brokenCitations: string[] = []; // array to store broken citations
+  private invalidCitations: string[] = []; // array to store invalid citations
 
   /**
    * return external references list
@@ -208,38 +210,54 @@ export class ExternalReferences extends Serializable {
     restApiConnector: RestApiConnectorService
   ): Observable<CitationParseResult> {
     const reReference = /\(Citation: (.*?)\)/gmu;
-    const citations = value.match(reReference);
     const result = new CitationParseResult({
       brokenCitations: this.validateBrokenCitations(value, [
         /\(Citation:([^ ].*?)\)/gmu,
         /\(citation:(.*?)\)/gmu,
+        /\(Citation [^)]+\)/gmu,
       ]),
     });
 
+    const apiMap: { [key: string]: Observable<any> } = {}; // Initialize API map
+    // Extract citations even if the value doesn't pass validation
+    const citations = value.match(reReference); // Extract citations using regex
+    // Process citations
     if (citations) {
-      // build lookup api map
-      const api_map = {};
       for (const citation of citations) {
-        // Split to get source name from citation
-        const sourceName = citation.split('(Citation: ')[1].slice(0, -1);
-        api_map[sourceName] = this.checkAndAddReference(
-          sourceName,
-          restApiConnector
-        );
+        const validateValue = xMitreFirstSeenCitationSchema.safeParse(citation);
+        if (validateValue.success) {
+          // Extract source name from citation
+          const sourceName = citation.split('(Citation: ')[1].slice(0, -1);
+          // Add API call to the map
+          apiMap[sourceName] = this.checkAndAddReference(
+            sourceName,
+            restApiConnector
+          );
+        } else {
+          if (citation != '') {
+            result.invalidCitations.add(citation);
+          }
+        }
       }
-      // check/add each citation
-      return forkJoin(api_map).pipe(
-        map(api_results => {
-          const citation_results = api_results as any;
-          for (const key of Object.keys(citation_results)) {
-            // was the result able to be found/added?
-            if (citation_results[key]) result.usedCitations.add(key);
-            else result.missingCitations.add(key);
+    }
+    // If there are valid citations to process, use forkJoin
+    if (Object.keys(apiMap).length > 0) {
+      return forkJoin(apiMap).pipe(
+        map(apiResults => {
+          const citationResults = apiResults as any;
+          for (const key of Object.keys(citationResults)) {
+            // Check if the citation was successfully processed
+            if (citationResults[key]) {
+              result.usedCitations.add(key);
+            } else {
+              result.missingCitations.add(key);
+            }
           }
           return result;
         })
       );
     } else {
+      // If no valid citations, return the result immediately
       return of(result);
     }
   }
@@ -497,6 +515,20 @@ export class ExternalReferences extends Serializable {
             field: 'external_references', //TODO set this to the actual field to improve warnings
             message: `Citations ${brokenCitations.join(', ')} do not match format (Citation: source name)`,
           });
+        // invalid citations
+        const invalidCitations = Array.from(citationResult.invalidCitations);
+        if (invalidCitations.length == 1)
+          result.errors.push({
+            result: 'error',
+            field: 'external_references', //TODO set this to the actual field to improve warnings
+            message: `Citation does not match format (Citation: source name) or (Citation: source name)(Citation: source name)`,
+          });
+        else if (invalidCitations.length > 1)
+          result.errors.push({
+            result: 'error',
+            field: 'external_references', //TODO set this to the actual field to improve warnings
+            message: `Citations ${invalidCitations.join(', ')} do not match format (Citation: source name) or (Citation: source name)(Citation: source name)`,
+          });
 
         //missing citations
         const missingCitations = Array.from(citationResult.missingCitations);
@@ -538,11 +570,14 @@ export class CitationParseResult {
   public missingCitations = new Set<string>();
   // list of broken references detected in the field
   public brokenCitations = new Set<string>();
+  // list of invalid references detected in the field
+  public invalidCitations = new Set<string>();
 
   constructor(initData?: {
     usedCitations?: Set<string>;
     missingCitations?: Set<string>;
     brokenCitations: Set<string>;
+    invalidCitations?: Set<string>;
   }) {
     if (initData && initData.usedCitations)
       this.usedCitations = initData.usedCitations;
@@ -550,6 +585,8 @@ export class CitationParseResult {
       this.missingCitations = initData.missingCitations;
     if (initData && initData.brokenCitations)
       this.brokenCitations = initData.brokenCitations;
+    if (initData && initData.invalidCitations)
+      this.invalidCitations = initData.invalidCitations;
   }
 
   /**
@@ -569,5 +606,9 @@ export class CitationParseResult {
       ...this.brokenCitations,
       ...that.brokenCitations,
     ]);
+    this.invalidCitations = new Set([
+      ...this.invalidCitations,
+      ...that.invalidCitations,
+    ]);
   }
 }
diff --git a/src/app/classes/serializable.ts b/src/app/classes/serializable.ts
index ca25a6390..286bf37c4 100644
--- a/src/app/classes/serializable.ts
+++ b/src/app/classes/serializable.ts
@@ -1,5 +1,6 @@
 import { Observable } from 'rxjs';
 import { RestApiConnectorService } from '../services/connectors/rest-api/rest-api-connector.service';
+import { WorkflowState } from '../utils/types';
 
 /**
  * Objects which are serializable to the REST API implement this class
@@ -27,7 +28,8 @@ export abstract class Serializable {
    */
   public abstract validate(
     restAPIService: RestApiConnectorService,
-    options?: any
+    options?: any,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData>;
 }
 
diff --git a/src/app/classes/stix/analytic.ts b/src/app/classes/stix/analytic.ts
index dcebfe0a5..906009fa3 100644
--- a/src/app/classes/stix/analytic.ts
+++ b/src/app/classes/stix/analytic.ts
@@ -1,9 +1,9 @@
-import { RelatedRef, StixObject } from './stix-object';
+import { EmbeddedRelationship, StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
 import { catchError, forkJoin, map, Observable, of, switchMap } from 'rxjs';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { ValidationData } from '../serializable';
-import { StixType } from 'src/app/utils/types';
+import { StixType, WorkflowState } from 'src/app/utils/types';
 
 export class Analytic extends StixObject {
   public name = '';
@@ -13,7 +13,7 @@ export class Analytic extends StixObject {
   public mutableElements: MutableElement[] = [];
 
   // NOTE: the following fields will only be populated when this object is fetched with the `includeRefs=true` param
-  public relatedDetections: RelatedRef[] = [];
+  public relatedDetections: EmbeddedRelationship[] = [];
 
   public readonly supportsAttackID = true;
   protected get attackIDValidator() {
@@ -72,6 +72,10 @@ export class Analytic extends StixObject {
       );
     if (this.mutableElements?.length)
       rep.stix.x_mitre_mutable_elements = this.mutableElements;
+
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -136,22 +140,23 @@ export class Analytic extends StixObject {
       } else this.mutableElements = [];
     }
 
-    this.deserializeRelatedRefs(raw);
+    this.deserializeEmbeddedRelationships(raw);
   }
 
-  public deserializeRelatedRefs(raw: any): void {
-    if ('related_to' in raw) {
-      const relatedTo = raw.related_to as any[];
-      const relatedRefs: RelatedRef[] = relatedTo.map(ref => ({
-        stixId: ref.id,
+  public deserializeEmbeddedRelationships(raw: any): void {
+    if (raw.workspace?.embedded_relationships) {
+      const relatedTo = raw.workspace.embedded_relationships as any[];
+      const relatedRefs: EmbeddedRelationship[] = relatedTo.map(ref => ({
+        stixId: ref.stix_id,
         name: ref.name,
         attackId: ref.attack_id,
-        type: ref.type as StixType,
       }));
 
-      this.relatedDetections = relatedRefs.filter(
-        ref => ref.type === 'x-mitre-detection-strategy'
-      );
+      function isDetectionStrategy(o: EmbeddedRelationship) {
+        return o.stixId.includes('x-mitre-detection-strategy');
+      }
+
+      this.relatedDetections = relatedRefs.filter(isDetectionStrategy);
     }
   }
 
@@ -173,9 +178,10 @@ export class Analytic extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService).pipe(
+    return this.base_validate(restAPIService, tempWorkflowState).pipe(
       switchMap(result => {
         // validate unique mutable fields
         if (this.mutableElements.length) {
@@ -192,35 +198,6 @@ export class Analytic extends StixObject {
             seen.add(normalizedField);
           }
         }
-
-        // validate unique log source references
-        if (this.logSourceReferences.length) {
-          return forkJoin(
-            this.logSourceReferences.map(ref =>
-              restAPIService.getDataComponent(ref.dataComponentRef).pipe(
-                catchError(() => of(null)) // fallback if API fails
-              )
-            )
-          ).pipe(
-            map(dataComponents => {
-              const seen = new Set<string>();
-              this.logSourceReferences.forEach((lsr, idx) => {
-                const key = `${lsr.dataComponentRef}::${lsr.name}::${lsr.channel}`;
-                if (seen.has(key)) {
-                  const dataComponent = dataComponents[idx];
-                  result.errors.push({
-                    field: 'logSourceReferences',
-                    result: 'error',
-                    message: `Duplicate log source reference found: ${dataComponent?.[0].attackID || 'unknown'}`,
-                  });
-                }
-                seen.add(key);
-              });
-              return result;
-            })
-          );
-        }
-
         return of(result);
       })
     );
diff --git a/src/app/classes/stix/asset.ts b/src/app/classes/stix/asset.ts
index 6409e103e..06f2be97f 100644
--- a/src/app/classes/stix/asset.ts
+++ b/src/app/classes/stix/asset.ts
@@ -3,6 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { logger } from '../../utils/logger';
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class Asset extends StixObject {
   public name = '';
@@ -72,6 +73,9 @@ export class Asset extends StixObject {
       contributors => contributors.map(x => x.trim())
     );
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -136,9 +140,10 @@ export class Asset extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/campaign.ts b/src/app/classes/stix/campaign.ts
index c44b825c7..00a107e7c 100644
--- a/src/app/classes/stix/campaign.ts
+++ b/src/app/classes/stix/campaign.ts
@@ -1,8 +1,9 @@
-import { StixObject } from './stix-object';
-import { logger } from '../../utils/logger';
 import { Observable } from 'rxjs';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { logger } from '../../utils/logger';
 import { ValidationData } from '../serializable';
+import { StixObject } from './stix-object';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class Campaign extends StixObject {
   public name = '';
@@ -40,13 +41,16 @@ export class Campaign extends StixObject {
     }
 
     rep.stix.name = this.name.trim();
-    rep.stix.first_seen = this.first_seen.toISOString();
-    rep.stix.last_seen = this.last_seen.toISOString();
+    rep.stix.first_seen = this.first_seen?.toISOString();
+    rep.stix.last_seen = this.last_seen?.toISOString();
     rep.stix.x_mitre_first_seen_citation = this.first_seen_citation.trim();
     rep.stix.x_mitre_last_seen_citation = this.last_seen_citation.trim();
     rep.stix.aliases = this.aliases.map(x => x.trim());
     rep.stix.x_mitre_contributors = this.contributors.map(x => x.trim());
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -156,9 +160,10 @@ export class Campaign extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/collection.ts b/src/app/classes/stix/collection.ts
index f2ed9382c..ed9d5ac39 100644
--- a/src/app/classes/stix/collection.ts
+++ b/src/app/classes/stix/collection.ts
@@ -19,6 +19,7 @@ import {
   Tactic,
   Technique,
 } from '../stix';
+import { WorkflowState } from 'src/app/utils/types';
 
 /**
  * auto-generated changelog/report about an import
@@ -496,9 +497,10 @@ export class Collection extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/data-component.ts b/src/app/classes/stix/data-component.ts
index a41196f6e..6bc177822 100644
--- a/src/app/classes/stix/data-component.ts
+++ b/src/app/classes/stix/data-component.ts
@@ -4,6 +4,7 @@ import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
 import { DataSource } from './data-source';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class DataComponent extends StixObject {
   public name = '';
@@ -49,6 +50,9 @@ export class DataComponent extends StixObject {
       rep.stix.x_mitre_log_sources = this.logSources;
     }
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -128,28 +132,10 @@ export class DataComponent extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService).pipe(
-      map(result => {
-        if (!this.logSources.length) return result;
-
-        // validate log sources array
-        const seen = new Set<string>();
-        for (const { name, channel } of this.logSources) {
-          const key = `${name}::${channel}`;
-          if (seen.has(key)) {
-            result.errors.push({
-              field: 'permutations',
-              result: 'error',
-              message: `Duplicate log source found: name="${name}", channel="${channel}"`,
-            });
-          }
-          seen.add(key);
-        }
-        return result;
-      })
-    );
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/data-source.ts b/src/app/classes/stix/data-source.ts
index ed5535bd8..24a215a96 100644
--- a/src/app/classes/stix/data-source.ts
+++ b/src/app/classes/stix/data-source.ts
@@ -4,6 +4,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { Observable } from 'rxjs';
 import { ValidationData } from '../serializable';
 import { DataComponent } from './data-component';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class DataSource extends StixObject {
   public name = '';
@@ -47,6 +48,9 @@ export class DataSource extends StixObject {
     rep.stix.x_mitre_contributors = this.contributors.map(x => x.trim());
     rep.stix.x_mitre_domains = this.domains;
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -131,9 +135,10 @@ export class DataSource extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/detection-strategy.ts b/src/app/classes/stix/detection-strategy.ts
index ef44a1280..a1cfa794a 100644
--- a/src/app/classes/stix/detection-strategy.ts
+++ b/src/app/classes/stix/detection-strategy.ts
@@ -3,6 +3,7 @@ import { logger } from '../../utils/logger';
 import { Observable } from 'rxjs';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { ValidationData } from '../serializable';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class DetectionStrategy extends StixObject {
   public name = '';
@@ -37,6 +38,9 @@ export class DetectionStrategy extends StixObject {
     rep.stix.x_mitre_contributors = this.contributors.map(x => x.trim());
     if (this.analytics) rep.stix.x_mitre_analytic_refs = this.analytics;
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -83,9 +87,10 @@ export class DetectionStrategy extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/group.ts b/src/app/classes/stix/group.ts
index 541055970..947c56aee 100644
--- a/src/app/classes/stix/group.ts
+++ b/src/app/classes/stix/group.ts
@@ -3,6 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { Observable } from 'rxjs';
 import { ValidationData } from '../serializable';
 import { logger } from '../../utils/logger';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class Group extends StixObject {
   public name = '';
@@ -38,6 +39,9 @@ export class Group extends StixObject {
     rep.stix.aliases = this.aliases.map(x => x.trim());
     rep.stix.x_mitre_contributors = this.contributors.map(x => x.trim());
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -95,9 +99,10 @@ export class Group extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/identity.ts b/src/app/classes/stix/identity.ts
index 4b54131a1..efcff67f0 100644
--- a/src/app/classes/stix/identity.ts
+++ b/src/app/classes/stix/identity.ts
@@ -1,8 +1,9 @@
 import { Observable, of } from 'rxjs';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { logger } from '../../utils/logger';
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
-import { logger } from '../../utils/logger';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class Identity extends StixObject {
   public name: string; // identity name
@@ -15,6 +16,9 @@ export class Identity extends StixObject {
     return null;
   } // identities do not have an ATT&CK ID
 
+  // override StixObject excludedFields
+  protected excludedFields = ['x_mitre_version'];
+
   constructor(sdo?: any) {
     super(sdo, 'identity');
     if (sdo) {
@@ -35,6 +39,9 @@ export class Identity extends StixObject {
     if (this.roles) rep.stix.roles = this.roles;
     if (this.contact) rep.stix.contact_information = this.contact;
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -98,9 +105,10 @@ export class Identity extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/marking-definition.ts b/src/app/classes/stix/marking-definition.ts
index a2b23e28c..458e7e744 100644
--- a/src/app/classes/stix/marking-definition.ts
+++ b/src/app/classes/stix/marking-definition.ts
@@ -4,6 +4,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { Observable, of } from 'rxjs';
 import { ValidationData } from '../serializable';
 import { logger } from '../../utils/logger';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class MarkingDefinition extends StixObject {
   public name = '';
@@ -15,6 +16,9 @@ export class MarkingDefinition extends StixObject {
     return null;
   } //marking-defs do not have ATT&CK IDs
 
+  // override StixObject excludedFields
+  protected excludedFields = ['x_mitre_version', 'x_mitre_deprecated'];
+
   constructor(sdo?: any) {
     super(sdo, 'marking-definition');
     if (sdo) {
@@ -35,6 +39,9 @@ export class MarkingDefinition extends StixObject {
     rep.stix.definition = {};
     rep.stix.definition[this.definition_type] = this.definition_string;
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -96,9 +103,10 @@ export class MarkingDefinition extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService).pipe(
+    return this.base_validate(restAPIService, tempWorkflowState).pipe(
       map(result => {
         // presence of statement
         if (!this.definition_string) {
diff --git a/src/app/classes/stix/matrix.ts b/src/app/classes/stix/matrix.ts
index 00831abfc..fde7e2e99 100644
--- a/src/app/classes/stix/matrix.ts
+++ b/src/app/classes/stix/matrix.ts
@@ -4,6 +4,7 @@ import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
 import { Tactic } from './tactic';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class Matrix extends StixObject {
   public name = '';
@@ -40,6 +41,9 @@ export class Matrix extends StixObject {
     rep.stix.name = this.name.trim();
     rep.stix.tactic_refs = this.tactic_refs;
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -85,10 +89,11 @@ export class Matrix extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
     // TODO verify all tactics exist
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/mitigation.ts b/src/app/classes/stix/mitigation.ts
index bf1f72ae4..e2b0e942c 100644
--- a/src/app/classes/stix/mitigation.ts
+++ b/src/app/classes/stix/mitigation.ts
@@ -3,6 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class Mitigation extends StixObject {
   public name = '';
@@ -46,6 +47,9 @@ export class Mitigation extends StixObject {
       rep.stix.labels = this.securityControls;
     }
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -89,9 +93,10 @@ export class Mitigation extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/note.ts b/src/app/classes/stix/note.ts
index 4ff26279c..bbf0e80e5 100644
--- a/src/app/classes/stix/note.ts
+++ b/src/app/classes/stix/note.ts
@@ -3,6 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class Note extends StixObject {
   public title = '';
@@ -86,9 +87,10 @@ export class Note extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/relationship.ts b/src/app/classes/stix/relationship.ts
index 5d4fa6053..b05c0a071 100644
--- a/src/app/classes/stix/relationship.ts
+++ b/src/app/classes/stix/relationship.ts
@@ -1,22 +1,23 @@
 import { Observable, of } from 'rxjs';
 import { map, switchMap } from 'rxjs/operators';
-import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import { ValidationData } from '../serializable';
-import { StixObject } from './stix-object';
-import { logger } from '../../utils/logger';
 import {
   Asset,
   Campaign,
   DataComponent,
   DataSource,
+  DetectionStrategy,
   Group,
   Matrix,
   Mitigation,
   Software,
   Tactic,
   Technique,
-  DetectionStrategy,
 } from 'src/app/classes/stix';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { logger } from '../../utils/logger';
+import { ValidationData } from '../serializable';
+import { StixObject } from './stix-object';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class Relationship extends StixObject {
   public source_ref = '';
@@ -44,6 +45,9 @@ export class Relationship extends StixObject {
     return null;
   } // relationships have no ATT&CK ID
 
+  // override StixObject excludedFields
+  protected excludedFields = ['x_mitre_version'];
+
   /**
    * Creates and returns the deserialized object
    * @param type the stix type of the object
@@ -379,6 +383,9 @@ export class Relationship extends StixObject {
     rep.stix.source_ref = this.source_ref;
     rep.stix.target_ref = this.target_ref;
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -478,9 +485,10 @@ export class Relationship extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService).pipe(
+    return this.base_validate(restAPIService, tempWorkflowState).pipe(
       map(result => {
         // presence of source-ref
         if (!this.source_ref) {
@@ -615,7 +623,7 @@ export class Relationship extends StixObject {
   ): Observable<Relationship> {
     if (!this.workflow) {
       // Initialize the workflow object if it doesn't exist
-      this.workflow = { state: '' };
+      this.workflow = { state: 'work-in-progress' };
     }
     this.workflow.state = 'work-in-progress';
     const postObservable = restAPIService.postRelationship(this);
@@ -686,7 +694,7 @@ export class Relationship extends StixObject {
     // Check if the workflow object exists
     if (!object.workflow) {
       // Initialize the workflow object if it doesn't exist
-      object.workflow = { state: '' };
+      object.workflow = { state: 'work-in-progress' };
     }
     object.workflow.state = 'work-in-progress';
     object.update(restAPIService).subscribe({
diff --git a/src/app/classes/stix/software.ts b/src/app/classes/stix/software.ts
index c4b4539ab..ba331fdd9 100644
--- a/src/app/classes/stix/software.ts
+++ b/src/app/classes/stix/software.ts
@@ -3,6 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
+import { WorkflowState } from 'src/app/utils/types';
 
 type type_software = 'malware' | 'tool';
 export class Software extends StixObject {
@@ -48,6 +49,9 @@ export class Software extends StixObject {
     rep.stix.x_mitre_contributors = this.contributors.map(x => x.trim());
     if (this.type == 'malware') rep.stix.is_family = true; // add is_family to malware type SDOs
 
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -137,9 +141,10 @@ export class Software extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/stix-object.ts b/src/app/classes/stix/stix-object.ts
index 6e96e7dbb..96e3831a5 100644
--- a/src/app/classes/stix/stix-object.ts
+++ b/src/app/classes/stix/stix-object.ts
@@ -1,3 +1,7 @@
+import {
+  createAttackIdSchema,
+  StixTypesWithAttackIds,
+} from '@mitre-attack/attack-data-model';
 import { forkJoin, Observable, of } from 'rxjs';
 import { map, switchMap } from 'rxjs/operators';
 import {
@@ -8,7 +12,7 @@ import {
   AttackTypeToRoute,
   StixTypeToAttackType,
 } from 'src/app/utils/type-mappings';
-import { StixType } from 'src/app/utils/types';
+import { StixType, WorkflowState } from 'src/app/utils/types';
 import { v4 as uuid } from 'uuid';
 import { logger } from '../../utils/logger';
 import { ExternalReferences } from '../external-references';
@@ -18,8 +22,7 @@ import { VersionNumber } from '../version-number';
 export type workflowStates =
   | 'work-in-progress'
   | 'awaiting-review'
-  | 'reviewed'
-  | '';
+  | 'reviewed';
 
 export abstract class StixObject extends Serializable {
   public stixID: string; // STIX ID
@@ -37,11 +40,15 @@ export abstract class StixObject extends Serializable {
   public object_marking_refs: string[] = []; //list of embedded relationships to marking_defs
 
   public abstract readonly supportsAttackID: boolean; // boolean to determine if object supports ATT&CK IDs
+  public tempWorkflowState: WorkflowState;
   protected abstract get attackIDValidator(): {
     regex: string; // regex to validate the ID
     format: string; // format to display to user
   };
 
+  // fields to omit. By default, do not omit any fields
+  protected excludedFields: string[] = [];
+
   protected buildAttackExternalReference(): object | null {
     if (this.attackID && AttackTypeToRoute[this.attackType]) {
       return {
@@ -55,21 +62,6 @@ export abstract class StixObject extends Serializable {
 
   private defaultMarkingDefinitionsLoaded = false; // avoid overloading of default marking definitions
 
-  public get routes(): any[] {
-    // route to view the object
-    return [
-      {
-        label: 'view',
-        route: '',
-      },
-      {
-        label: 'edit',
-        route: '',
-        query: { editing: true },
-      },
-    ];
-  }
-
   public created: Date; // object created date
   public modified: Date; // object modified date
   public version: VersionNumber; // version number of the object
@@ -123,25 +115,29 @@ export abstract class StixObject extends Serializable {
       serialized_external_references.unshift(attackExtRef);
     }
 
-    const stix: any = {
+    const stix = this.filterObject({
       type: this.type,
       id: this.stixID,
       created: this.created
         ? this.created.toISOString()
         : new Date().toISOString(),
-      x_mitre_version: this.version.toString(),
-      external_references: serialized_external_references,
+      modified:
+        this.type !== 'marking-definition'
+          ? new Date().toISOString()
+          : undefined,
+      x_mitre_version: this.version?.toString(),
       x_mitre_deprecated: this.deprecated,
       revoked: this.revoked,
-      object_marking_refs: this.object_marking_refs,
       spec_version: '2.1',
-    };
-    if (this.description) stix.description = this.description;
-    // Add modified date if type is not marking-definition
-    if (this.type != 'marking-definition')
-      stix['modified'] = new Date().toISOString();
-    if (this.created_by_ref) stix.created_by_ref = this.created_by_ref;
-    // do not set modified by ref since we don't know who we are, but the REST API knows
+      description: this.description,
+      created_by_ref: this.created_by_ref,
+      object_marking_refs: this.object_marking_refs,
+      external_references: serialized_external_references,
+    });
+
+    for (const field of this.excludedFields) {
+      delete stix[field];
+    }
 
     return {
       workspace: {
@@ -383,11 +379,14 @@ export abstract class StixObject extends Serializable {
    * @returns true if the ATT&CK ID is valid, false otherwise
    */
   public isValidAttackId(): boolean {
-    const idRegex = new RegExp(
-      '^([A-Z]+-)?' + this.attackIDValidator.regex + '$'
-    );
-    const attackIDValid = idRegex.test(this.attackID);
-    return attackIDValid;
+    if (this.type in StixTypeToAttackType) {
+      const attackIDSchema = createAttackIdSchema(
+        this.type as StixTypesWithAttackIds
+      );
+      const attackIDValid = attackIDSchema.safeParse(this.attackID);
+      return attackIDValid.success;
+    }
+    return false;
   }
 
   /**
@@ -397,22 +396,55 @@ export abstract class StixObject extends Serializable {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public base_validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?
   ): Observable<ValidationData> {
-    const validation = new ValidationData();
-
-    // test version number format
-    if (!this.version.valid()) {
-      validation.errors.push({
-        result: 'error',
-        field: 'version',
-        message: 'version number is not formatted properly',
-      });
+    if (tempWorkflowState) {
+      this.workflow = { state: tempWorkflowState };
     }
     // check any asynchronous validators
-    return of(validation).pipe(
-      // check if the name is unique if it has a name
-      switchMap(result => {
+    const result = new ValidationData();
+    // Throws user friendly error when name is missing in the stix object
+    // Need to exclude analytics from this check because user cannot set names
+    // for analytics and those are automatically generated
+    if (this.hasOwnProperty('name') && this.type != 'x-mitre-analytic') {
+      if ('name' in this) {
+        const name = this.name;
+        if (typeof name !== 'string' || name.trim() === '') {
+          result.errors.push({
+            result: 'error',
+            field: 'name',
+            message: 'name is required',
+          });
+          return of(result);
+        }
+      }
+    }
+    const validator = restAPIService.validateStixObject();
+
+    return validator(this).pipe(
+      switchMap(validatorResult => {
+        // Process validation errors from API (backend now handles error-to-warning conversion)
+        (validatorResult.errors || []).forEach((err: any) => {
+          const errorMessage = `${err.path.join('.')}: ${err.message}`;
+          result.errors.push({
+            result: 'error',
+            field: 'temp',
+            message: errorMessage,
+          });
+        });
+
+        // Process validation warnings from API
+        (validatorResult.warnings || []).forEach((warning: any) => {
+          const warningMessage =
+            warning.message || `${warning.path.join('.')}: ${warning.message}`;
+          result.warnings.push({
+            result: 'warning',
+            field: warning.path[warning.path.length - 1] || 'temp',
+            message: warningMessage,
+          });
+        });
+        // check if the name is unique if it has a name
         //do not check name or attackID for relationships or marking definitions
         if (
           this.attackType == 'relationship' ||
@@ -456,13 +488,7 @@ export abstract class StixObject extends Serializable {
           map(objects => {
             // check name
             if (this.hasOwnProperty('name')) {
-              if (this['name'] == '') {
-                result.errors.push({
-                  result: 'error',
-                  field: 'name',
-                  message: 'object has no name',
-                });
-              } else if (
+              if (
                 objects.data.some(
                   x =>
                     x['name'].toLowerCase() == this['name'].toLowerCase() &&
@@ -482,98 +508,6 @@ export abstract class StixObject extends Serializable {
                 });
               }
             }
-            // check ATT&CK ID, ignoring collections and matrices
-            if (
-              this.attackType !== 'matrix' &&
-              this.hasOwnProperty('supportsAttackID') &&
-              this.supportsAttackID
-            ) {
-              if (this.attackID == '') {
-                if (this.attackType === 'analytic') {
-                  result.errors.push({
-                    result: 'error',
-                    field: 'attackID',
-                    message: 'object does not have ATT&CK ID',
-                  });
-                } else {
-                  result.warnings.push({
-                    result: 'warning',
-                    field: 'attackID',
-                    message: 'object does not have ATT&CK ID',
-                  });
-                }
-              } else {
-                if (
-                  objects.data.some(
-                    x => x.attackID == this.attackID && x.stixID != this.stixID
-                  )
-                ) {
-                  result.errors.push({
-                    result: 'error',
-                    field: 'attackID',
-                    message: 'ATT&CK ID is not unique',
-                  });
-                } else {
-                  result.successes.push({
-                    result: 'success',
-                    field: 'attackID',
-                    message: 'ATT&CK ID is unique',
-                  });
-                }
-                if (!this.isValidAttackId()) {
-                  result.errors.push({
-                    result: 'error',
-                    field: 'attackID',
-                    message: `ATT&CK ID does not match the format ${this.attackIDValidator.format}`,
-                  });
-                }
-              }
-            }
-            // check required first/last seen fields for campaigns
-            if (this.attackType == 'campaign') {
-              if (
-                !this.hasOwnProperty('first_seen') ||
-                this['first_seen'] == null
-              ) {
-                result.errors.push({
-                  result: 'error',
-                  field: 'first_seen',
-                  message: 'object does not have a first seen date',
-                });
-              }
-              if (
-                !this.hasOwnProperty('first_seen_citation') ||
-                this['first_seen_citation'] == ''
-              ) {
-                result.errors.push({
-                  result: 'error',
-                  field: 'first_seen_citation',
-                  message:
-                    'object is missing a citation for the first seen date',
-                });
-              }
-              if (
-                !this.hasOwnProperty('last_seen') ||
-                this['last_seen'] == null
-              ) {
-                result.errors.push({
-                  result: 'error',
-                  field: 'last_seen',
-                  message: 'object does not have a last seen date',
-                });
-              }
-              if (
-                !this.hasOwnProperty('last_seen_citation') ||
-                this['last_seen_citation'] == ''
-              ) {
-                result.errors.push({
-                  result: 'error',
-                  field: 'last_seen_citation',
-                  message:
-                    'object is missing a citation for the last seen date',
-                });
-              }
-            }
             return result;
           })
         );
@@ -586,8 +520,6 @@ export abstract class StixObject extends Serializable {
           refs_fields.push('aliases');
         if (this.attackType == 'asset') refs_fields.push('relatedAssets');
         if (this.attackType == 'technique') refs_fields.push('detection');
-        if (this.attackType == 'campaign')
-          refs_fields.push('first_seen_citation', 'last_seen_citation');
 
         return this.external_references
           .validate(restAPIService, { object: this, fields: refs_fields })
@@ -750,6 +682,48 @@ export abstract class StixObject extends Serializable {
     return result;
   }
 
+  /**
+   * Checks if the provided field has a valid value.
+   * Returns undefined or the value of the field if it is valid
+   * @param {*} field - The value to validate.
+   * @returns {value} - Value if the field has a valid value, undefined otherwise.
+   */
+  public clean(value) {
+    if (value == null) return undefined; // null or undefined
+    if (typeof value === 'string' && value.trim() === '') return undefined;
+    if (typeof value === 'number' && Number.isNaN(value)) return undefined;
+    if (Array.isArray(value)) {
+      if (value.length === 0) {
+        return undefined;
+      } else {
+        const arr = value.map(v => this.clean(v)).filter(v => v !== undefined);
+        return arr.length ? arr : undefined;
+      }
+    }
+
+    if (typeof value === 'object') {
+      const obj = this.filterObject(value);
+      return Object.keys(obj).length ? obj : undefined;
+    }
+
+    return value;
+  }
+
+  /**
+   * Filters the properties of an object, returning a new object containing only
+   * those entries whose values pass the validity check.
+   * @param {Object} obj - The object to filter.
+   * @returns {Object} - A new object with only the valid entries.
+   */
+  public filterObject(obj) {
+    const out = {};
+    for (const [key, value] of Object.entries(obj)) {
+      const cleaned = this.clean(value);
+      if (cleaned !== undefined) out[key] = cleaned;
+    }
+    return out;
+  }
+
   /**
    * Check if the given array is a list of strings
    * @param arr the array to check
@@ -843,169 +817,6 @@ export abstract class StixObject extends Serializable {
       },
     });
   }
-
-  public generateAttackId(
-    apiService: RestApiConnectorService,
-    existingPrefix?: string
-  ): Observable<any> {
-    this.attackID = '(generating ID)';
-    return apiService.getOrganizationNamespace().pipe(
-      switchMap(namespace => {
-        const accessor = this.getApiAccessor(
-          apiService,
-          this.attackType,
-          true,
-          true
-        );
-        if (!accessor) return of('(unsupported attack type)');
-
-        const typePrefix = this.getAttackIdPrefix(); // ex: "TA" for tactics
-        // org prefix (ex: "ORG"), use existing prefix if defined
-        const orgPrefix = existingPrefix
-          ? existingPrefix
-          : (namespace.prefix ?? '');
-        // family prefix: orgPrefix + typePrefix (ex: "ORG-TA" for tactics)
-        const familyPrefix = orgPrefix
-          ? orgPrefix + '-' + typePrefix
-          : typePrefix;
-
-        return accessor.pipe(
-          switchMap(objects => {
-            if ('is_subtechnique' in this && this['is_subtechnique']) {
-              return this.getNextSubtechniqueAttackId(
-                apiService,
-                familyPrefix,
-                typePrefix
-              );
-            } else {
-              return this.getNextObjectAttackId(
-                objects,
-                familyPrefix,
-                typePrefix,
-                namespace.range_start
-              );
-            }
-          }),
-          map(generatedId => this.formatWithPrefix(generatedId, orgPrefix))
-        );
-      })
-    );
-  }
-
-  private getApiAccessor(
-    apiService: RestApiConnectorService,
-    attackType: string,
-    includeDeprecated?: boolean,
-    includeRevoked?: boolean
-  ): Observable<Paginated<StixObject>> {
-    const options = {
-      includeDeprecated: includeDeprecated ?? false,
-      includeRevoked: includeRevoked ?? false,
-    };
-    if (attackType == 'group') return apiService.getAllGroups(options);
-    else if (attackType == 'campaign')
-      return apiService.getAllCampaigns(options);
-    else if (attackType == 'mitigation')
-      return apiService.getAllMitigations(options);
-    else if (attackType == 'software')
-      return apiService.getAllSoftware(options);
-    else if (attackType == 'tactic') return apiService.getAllTactics(options);
-    else if (attackType == 'technique')
-      return apiService.getAllTechniques(options);
-    else if (attackType == 'data-source')
-      return apiService.getAllDataSources(options);
-    else if (attackType == 'data-component')
-      return apiService.getAllDataComponents(options);
-    else if (attackType == 'asset') return apiService.getAllAssets(options);
-    else if (attackType == 'matrix') return apiService.getAllMatrices(options);
-    else if (attackType == 'detection-strategy')
-      return apiService.getAllDetectionStrategies(options);
-    else if (attackType == 'analytic')
-      return apiService.getAllAnalytics(options);
-    else return null;
-  }
-
-  private getAttackIdPrefix(): string {
-    return this.attackIDValidator.format.includes('#')
-      ? this.attackIDValidator.format.split('#')[0]
-      : '';
-  }
-
-  private getNextSubtechniqueAttackId(
-    apiService: RestApiConnectorService,
-    orgPrefix: string,
-    typePrefix: string
-  ): Observable<string> {
-    if (!('parentTechnique' in this && this['parentTechnique'])) {
-      return of('(parent technique missing)');
-    }
-
-    // get 4-digit ID of parent technique
-    const parent = this['parentTechnique'] as StixObject;
-    const found = parent.attackID.match(/[0-9]{4}/g);
-    if (!found?.length) return of('(invalid parent id)');
-    orgPrefix += found[0];
-
-    return apiService.getTechnique(parent.stixID, null, 'latest', true).pipe(
-      map(technique => {
-        const children = technique[0]?.subTechniques ?? [];
-        let count = 1;
-
-        if (children.length > 0) {
-          const childIds = children
-            .filter(obj => obj.attackID.startsWith(orgPrefix))
-            .map(obj => obj.attackID.match(/[^.]([0-9]*)$/g)?.[0])
-            .filter(Boolean)
-            .map(Number);
-
-          // get next available subtechnique number
-          if (childIds.length > 0) {
-            count = Math.max(...childIds) + 1;
-          }
-        }
-
-        // construct new id (e.g. T1234.001)
-        return `${typePrefix}${found[0]}.${count.toString().padStart(3, '0')}`;
-      })
-    );
-  }
-
-  private getNextObjectAttackId(
-    objects: Paginated<StixObject>,
-    orgPrefix: string,
-    typePrefix: string,
-    rangeStart: string
-  ): Observable<string> {
-    // get ids of existing objects that have the same prefix
-    const currIds = objects.data.reduce((ids, obj) => {
-      if (obj.attackID.startsWith(orgPrefix)) {
-        // remove non-digits and decimals
-        ids.push(obj.attackID.replace(orgPrefix, '').replace(/[.](\d{3})/, ''));
-      }
-      return ids;
-    }, [] as string[]);
-
-    // get next available ID from existing IDs
-    const next = currIds.length > 0 ? Number(currIds.sort().pop()) + 1 : 1;
-
-    let newId = next;
-    if (this.firstInitialized && rangeStart) {
-      // if creating new & range start is defined, use range start if larger than next available ID
-      newId = +rangeStart > next ? +rangeStart : next;
-    }
-
-    // construct new id (e.g. G0999)
-    return of(typePrefix + newId.toString().padStart(4, '0'));
-  }
-
-  public formatWithPrefix(attackId: string, orgPrefix: string): string {
-    const prefix = orgPrefix ? orgPrefix + '-' : '';
-    const withPrefix = attackId.startsWith(prefix)
-      ? attackId
-      : prefix + attackId;
-    // matrix IDs are case sensitive, all others uppercase
-    return this.attackType === 'matrix' ? withPrefix : withPrefix.toUpperCase();
-  }
 }
 
 /**
@@ -1035,9 +846,8 @@ export class LinkByIdParseResult {
   }
 }
 
-export interface RelatedRef {
+export interface EmbeddedRelationship {
   stixId: string;
   name: string;
   attackId: string;
-  type: StixType;
 }
diff --git a/src/app/classes/stix/tactic.ts b/src/app/classes/stix/tactic.ts
index 77a0f623d..1209d4e4e 100644
--- a/src/app/classes/stix/tactic.ts
+++ b/src/app/classes/stix/tactic.ts
@@ -4,6 +4,7 @@ import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
 import { Technique } from './technique';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class Tactic extends StixObject {
   public name = '';
@@ -47,6 +48,10 @@ export class Tactic extends StixObject {
     rep.stix.x_mitre_domains = this.domains;
     rep.stix.x_mitre_shortname = this.shortname;
     rep.stix.x_mitre_contributors = this.contributors.map(x => x.trim());
+    rep.stix = this.filterObject(rep.stix);
+
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
 
     return rep;
   }
@@ -99,9 +104,10 @@ export class Tactic extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService);
+    return this.base_validate(restAPIService, tempWorkflowState);
   }
 
   /**
diff --git a/src/app/classes/stix/technique.ts b/src/app/classes/stix/technique.ts
index 840bdcd72..167bf68ab 100644
--- a/src/app/classes/stix/technique.ts
+++ b/src/app/classes/stix/technique.ts
@@ -1,10 +1,11 @@
 import { forkJoin, Observable, of } from 'rxjs';
 import { concatMap, map, shareReplay, switchMap } from 'rxjs/operators';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import { ValidationData } from '../serializable';
-import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
+import { ValidationData } from '../serializable';
 import { Relationship } from './relationship';
+import { StixObject } from './stix-object';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class Technique extends StixObject {
   public name = '';
@@ -243,6 +244,10 @@ export class Technique extends StixObject {
         }
       }
     }
+
+    // Strip properties that are empty strs + lists
+    rep.stix = this.filterObject(rep.stix);
+
     return rep;
   }
 
@@ -447,9 +452,10 @@ export class Technique extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService).pipe(
+    return this.base_validate(restAPIService, tempWorkflowState).pipe(
       map(result => {
         // validate technique has at least one tactic
         if (this.attackID && this.tactics.length == 0) {
diff --git a/src/app/classes/version-number.ts b/src/app/classes/version-number.ts
index 35e73b4fb..b5affe23c 100644
--- a/src/app/classes/version-number.ts
+++ b/src/app/classes/version-number.ts
@@ -1,4 +1,4 @@
-import { ValidatorFn, AbstractControl } from '@angular/forms';
+import { AbstractControl, ValidatorFn } from '@angular/forms';
 import { logger } from '../utils/logger';
 
 export class VersionNumber {
@@ -115,14 +115,6 @@ export class VersionNumber {
     }
     return timesIncremented > 1;
   }
-
-  /**
-   * Is this version number formatted correctly?
-   * @returns {boolean} true if valid
-   */
-  public valid(): boolean {
-    return /^(\d+\.)*\d+$/.test(this.toString());
-  }
 }
 
 /**
diff --git a/src/app/components/add-dialog/add-dialog.component.spec.ts b/src/app/components/add-dialog/add-dialog.component.spec.ts
index 051b783dc..781861b8e 100644
--- a/src/app/components/add-dialog/add-dialog.component.spec.ts
+++ b/src/app/components/add-dialog/add-dialog.component.spec.ts
@@ -1,4 +1,7 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { SelectionModel } from '@angular/cdk/collections';
 
 import { AddDialogComponent } from './add-dialog.component';
 
@@ -9,6 +12,17 @@ describe('AddDialogComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [AddDialogComponent],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            type: 'test',
+            select: new SelectionModel<string>(true, []),
+          },
+        },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/add-relationship-button/add-relationship-button.component.spec.ts b/src/app/components/add-relationship-button/add-relationship-button.component.spec.ts
index e0dd52d8d..9a41fbaf2 100644
--- a/src/app/components/add-relationship-button/add-relationship-button.component.spec.ts
+++ b/src/app/components/add-relationship-button/add-relationship-button.component.spec.ts
@@ -1,20 +1,35 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { AddRelationshipButtonComponent } from './add-relationship-button.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('AddRelationshipButtonComponent', () => {
   let component: AddRelationshipButtonComponent;
   let fixture: ComponentFixture<AddRelationshipButtonComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [AddRelationshipButtonComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(AddRelationshipButtonComponent);
     component = fixture.componentInstance;
+    component.config = {
+      label: 'test label',
+      relationship_type: 'test-relationship',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/breadcrumb/breadcrumb.component.spec.ts b/src/app/components/breadcrumb/breadcrumb.component.spec.ts
index bdb77d03c..b927e5a87 100644
--- a/src/app/components/breadcrumb/breadcrumb.component.spec.ts
+++ b/src/app/components/breadcrumb/breadcrumb.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { BreadcrumbComponent } from './breadcrumb.component';
@@ -9,6 +10,7 @@ describe('BreadcrumbComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [BreadcrumbComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(BreadcrumbComponent);
diff --git a/src/app/components/collection-import-summary/collection-import-summary.component.spec.ts b/src/app/components/collection-import-summary/collection-import-summary.component.spec.ts
index 01e46214d..077de4638 100644
--- a/src/app/components/collection-import-summary/collection-import-summary.component.spec.ts
+++ b/src/app/components/collection-import-summary/collection-import-summary.component.spec.ts
@@ -1,4 +1,7 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 import { CollectionImportSummaryComponent } from './collection-import-summary.component';
 
@@ -9,12 +12,31 @@ describe('CollectionImportSummaryComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [CollectionImportSummaryComponent],
+      imports: [MatExpansionModule, NoopAnimationsModule],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CollectionImportSummaryComponent);
     component = fixture.componentInstance;
+    component.config = {
+      object_import_categories: {
+        technique: {} as any,
+        tactic: {} as any,
+        campaign: {} as any,
+        software: {} as any,
+        relationship: {} as any,
+        mitigation: {} as any,
+        matrix: {} as any,
+        group: {} as any,
+        data_source: {} as any,
+        data_component: {} as any,
+        asset: {} as any,
+        analytic: {} as any,
+        detection_strategy: {} as any,
+      },
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/collection-update-dialog/collection-update-dialog.component.spec.ts b/src/app/components/collection-update-dialog/collection-update-dialog.component.spec.ts
index 505896ab2..aa6f08c73 100644
--- a/src/app/components/collection-update-dialog/collection-update-dialog.component.spec.ts
+++ b/src/app/components/collection-update-dialog/collection-update-dialog.component.spec.ts
@@ -1,5 +1,12 @@
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 import { CollectionUpdateDialogComponent } from './collection-update-dialog.component';
 
 describe('CollectionUpdateDialogComponent', () => {
@@ -7,8 +14,26 @@ describe('CollectionUpdateDialogComponent', () => {
   let fixture: ComponentFixture<CollectionUpdateDialogComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getTacticsRelatedToTechnique: () => createAsyncObservable([]),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [CollectionUpdateDialogComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        { provide: MatDialogRef, useValue: {} },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            collectionChanges: {
+              technique: { flatten: () => [] },
+            },
+          },
+        },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/confirmation-dialog/confirmation-dialog.component.spec.ts b/src/app/components/confirmation-dialog/confirmation-dialog.component.spec.ts
index c25f48869..d52eb7b55 100644
--- a/src/app/components/confirmation-dialog/confirmation-dialog.component.spec.ts
+++ b/src/app/components/confirmation-dialog/confirmation-dialog.component.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 import { ConfirmationDialogComponent } from './confirmation-dialog.component';
 
@@ -9,6 +11,16 @@ describe('ConfirmationDialogComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [ConfirmationDialogComponent],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            message: 'Test message',
+          },
+        },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/contributor-edit-dialog/contributor-edit-dialog.component.spec.ts b/src/app/components/contributor-edit-dialog/contributor-edit-dialog.component.spec.ts
index cf18701bf..7d587fff4 100644
--- a/src/app/components/contributor-edit-dialog/contributor-edit-dialog.component.spec.ts
+++ b/src/app/components/contributor-edit-dialog/contributor-edit-dialog.component.spec.ts
@@ -1,14 +1,28 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { provideHttpClient } from '@angular/common/http';
 
 import { ContributorEditDialogComponent } from './contributor-edit-dialog.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('ContributorEditDialogComponent', () => {
   let component: ContributorEditDialogComponent;
   let fixture: ComponentFixture<ContributorEditDialogComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [ContributorEditDialogComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        { provide: MatDialogRef, useValue: {} },
+        { provide: MAT_DIALOG_DATA, useValue: {} },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(ContributorEditDialogComponent);
diff --git a/src/app/components/create-new-dialog/create-new-dialog.component.spec.ts b/src/app/components/create-new-dialog/create-new-dialog.component.spec.ts
index 87fcd909b..ba1cc1b95 100644
--- a/src/app/components/create-new-dialog/create-new-dialog.component.spec.ts
+++ b/src/app/components/create-new-dialog/create-new-dialog.component.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 import { CreateNewDialogComponent } from './create-new-dialog.component';
 
@@ -9,6 +11,19 @@ describe('CreateNewDialogComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [CreateNewDialogComponent],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            config: {
+              objectName: 'test',
+              formObjects: [],
+            },
+          },
+        },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/delete-dialog/delete-dialog.component.spec.ts b/src/app/components/delete-dialog/delete-dialog.component.spec.ts
index 65c84a935..7bfb56929 100644
--- a/src/app/components/delete-dialog/delete-dialog.component.spec.ts
+++ b/src/app/components/delete-dialog/delete-dialog.component.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 import { DeleteDialogComponent } from './delete-dialog.component';
 
@@ -9,6 +11,14 @@ describe('DeleteDialogComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [DeleteDialogComponent],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: { objectType: 'test', objectName: 'test' },
+        },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/empty-list-marker/empty-list-marker.component.spec.ts b/src/app/components/empty-list-marker/empty-list-marker.component.spec.ts
index 5724b5432..e9cd883b2 100644
--- a/src/app/components/empty-list-marker/empty-list-marker.component.spec.ts
+++ b/src/app/components/empty-list-marker/empty-list-marker.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { EmptyListMarkerComponent } from './empty-list-marker.component';
@@ -9,6 +10,7 @@ describe('EmptyListMarkerComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [EmptyListMarkerComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/footer/footer.component.spec.ts b/src/app/components/footer/footer.component.spec.ts
index c3507d1df..482c0ef6e 100644
--- a/src/app/components/footer/footer.component.spec.ts
+++ b/src/app/components/footer/footer.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { FooterComponent } from './footer.component';
@@ -9,6 +10,7 @@ describe('FooterComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [FooterComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss
index 8bdd32836..23feea97a 100644
--- a/src/app/components/header/header.component.scss
+++ b/src/app/components/header/header.component.scss
@@ -26,7 +26,7 @@
       border-bottom-width: 0 !important;
       .dark &,
       .dark &:hover {
-        color: colors.color(primary) !important;
+        color: colors.color(primary-dark) !important;
       }
       .light &,
       .light &:hover {
diff --git a/src/app/components/header/header.component.spec.ts b/src/app/components/header/header.component.spec.ts
index 27130aff1..72363ba34 100644
--- a/src/app/components/header/header.component.spec.ts
+++ b/src/app/components/header/header.component.spec.ts
@@ -1,14 +1,54 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ActivatedRoute } from '@angular/router';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { of } from 'rxjs';
 
 import { HeaderComponent } from './header.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
+import { createMockAuthenticationService } from 'src/app/testing/mocks/authentication-service.mock';
 
 describe('HeaderComponent', () => {
   let component: HeaderComponent;
   let fixture: ComponentFixture<HeaderComponent>;
 
   beforeEach(waitForAsync(() => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+    const mockAuthService = createMockAuthenticationService({});
+
     TestBed.configureTestingModule({
       declarations: [HeaderComponent],
+      imports: [
+        MatToolbarModule,
+        MatMenuModule,
+        MatButtonModule,
+        MatIconModule,
+        MatTooltipModule,
+        NoopAnimationsModule,
+      ],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        { provide: AuthenticationService, useValue: mockAuthService },
+        provideRouter([]),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
diff --git a/src/app/components/icon-view/icon-view.component.spec.ts b/src/app/components/icon-view/icon-view.component.spec.ts
index fc12eba9b..27d763dac 100644
--- a/src/app/components/icon-view/icon-view.component.spec.ts
+++ b/src/app/components/icon-view/icon-view.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { IconViewComponent } from './icon-view.component';
@@ -9,12 +10,18 @@ describe('WorkflowPropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [IconViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(IconViewComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      field: 'test',
+      object: {} as any,
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/loading-overlay/loading-overlay.component.html b/src/app/components/loading-overlay/loading-overlay.component.html
index d93de2774..00f62c5da 100644
--- a/src/app/components/loading-overlay/loading-overlay.component.html
+++ b/src/app/components/loading-overlay/loading-overlay.component.html
@@ -1,6 +1,35 @@
 <div class="loading">
-  <div class="spinner-wrapper">
+  <div
+    class="spinner-wrapper"
+    *ngIf="!showProgress && phaseProgress.length === 0">
     <mat-spinner diameter="50" color="primary"></mat-spinner>
   </div>
+
+  <!-- Single progress bar -->
+  <div
+    class="progress-wrapper"
+    *ngIf="showProgress && phaseProgress.length === 0">
+    <mat-progress-bar mode="determinate" color="primary" [value]="progress">
+    </mat-progress-bar>
+    <div class="progress-text">{{ progress }}%</div>
+  </div>
+
+  <!-- Multi-phase progress bars -->
+  <div class="multi-phase-progress" *ngIf="phaseProgress.length > 0">
+    <div class="phase-progress-item" *ngFor="let phase of phaseProgress">
+      <div class="phase-label" [class.active]="phase.active">
+        {{ phase.label }}
+      </div>
+      <div class="phase-bar-container">
+        <mat-progress-bar
+          mode="determinate"
+          [color]="phase.active ? 'primary' : 'accent'"
+          [value]="phase.progress">
+        </mat-progress-bar>
+        <div class="phase-progress-text">{{ phase.progress }}%</div>
+      </div>
+    </div>
+  </div>
+
   <div class="text-label" *ngIf="message">{{ message }}</div>
 </div>
diff --git a/src/app/components/loading-overlay/loading-overlay.component.scss b/src/app/components/loading-overlay/loading-overlay.component.scss
index 68d0e5207..c1465f977 100644
--- a/src/app/components/loading-overlay/loading-overlay.component.scss
+++ b/src/app/components/loading-overlay/loading-overlay.component.scss
@@ -6,6 +6,50 @@
     justify-content: center;
     align-items: center;
   }
+  .progress-wrapper {
+    width: 100%;
+    max-width: 400px;
+    margin: 0 auto;
+    .progress-text {
+      margin-top: 8px;
+      font-size: 14px;
+      font-weight: 500;
+      color: rgba(0, 0, 0, 0.6);
+    }
+  }
+  .multi-phase-progress {
+    width: 100%;
+    max-width: 500px;
+    margin: 0 auto;
+    .phase-progress-item {
+      margin-bottom: 20px;
+      &:last-child {
+        margin-bottom: 0;
+      }
+      .phase-label {
+        font-size: 14px;
+        font-weight: 500;
+        color: rgba(0, 0, 0, 0.4);
+        margin-bottom: 6px;
+        text-align: left;
+        &.active {
+          color: rgba(0, 0, 0, 0.87);
+          font-weight: 600;
+        }
+      }
+      .phase-bar-container {
+        position: relative;
+        .phase-progress-text {
+          position: absolute;
+          right: 0;
+          top: -20px;
+          font-size: 12px;
+          font-weight: 500;
+          color: rgba(0, 0, 0, 0.6);
+        }
+      }
+    }
+  }
   text-align: center;
   .text-label {
     margin-top: 12px;
diff --git a/src/app/components/loading-overlay/loading-overlay.component.spec.ts b/src/app/components/loading-overlay/loading-overlay.component.spec.ts
index ca7b534dc..e9a92d5a9 100644
--- a/src/app/components/loading-overlay/loading-overlay.component.spec.ts
+++ b/src/app/components/loading-overlay/loading-overlay.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { LoadingOverlayComponent } from './loading-overlay.component';
@@ -9,6 +10,7 @@ describe('LoadingOverlayComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [LoadingOverlayComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
diff --git a/src/app/components/loading-overlay/loading-overlay.component.ts b/src/app/components/loading-overlay/loading-overlay.component.ts
index b930feb06..787f3a2f0 100644
--- a/src/app/components/loading-overlay/loading-overlay.component.ts
+++ b/src/app/components/loading-overlay/loading-overlay.component.ts
@@ -1,5 +1,12 @@
 import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
 
+export interface PhaseProgress {
+  phase: string;
+  label: string;
+  progress: number;
+  active: boolean;
+}
+
 @Component({
   selector: 'app-loading-overlay',
   templateUrl: './loading-overlay.component.html',
@@ -9,6 +16,9 @@ import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
 })
 export class LoadingOverlayComponent implements OnInit {
   @Input() message = '';
+  @Input() showProgress = false;
+  @Input() progress = 0; // 0-100 (single progress bar)
+  @Input() phaseProgress: PhaseProgress[] = []; // Multiple progress bars
 
   constructor() {
     // intentionally left blank
diff --git a/src/app/components/markdown-view-dialog/markdown-view-dialog.component.spec.ts b/src/app/components/markdown-view-dialog/markdown-view-dialog.component.spec.ts
index 053d91e33..1772778b5 100644
--- a/src/app/components/markdown-view-dialog/markdown-view-dialog.component.spec.ts
+++ b/src/app/components/markdown-view-dialog/markdown-view-dialog.component.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 import { MarkdownViewDialogComponent } from './markdown-view-dialog.component';
 
@@ -9,6 +11,16 @@ describe('MarkdownViewDialogComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [MarkdownViewDialogComponent],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            markdown: 'Test markdown',
+          },
+        },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/matrix/tactic-cell/tactic-cell.component.spec.ts b/src/app/components/matrix/tactic-cell/tactic-cell.component.spec.ts
index 14232b208..1b56b407a 100644
--- a/src/app/components/matrix/tactic-cell/tactic-cell.component.spec.ts
+++ b/src/app/components/matrix/tactic-cell/tactic-cell.component.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { Tactic } from 'src/app/classes/stix/tactic';
 
 import { TacticCellComponent } from './tactic-cell.component';
 
@@ -9,12 +11,20 @@ describe('TacticCellComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [TacticCellComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(TacticCellComponent);
     component = fixture.componentInstance;
+
+    // Initialize the required tactic input with a mock
+    const mockTactic = new Tactic();
+    mockTactic.attackID = 'TA0001';
+    mockTactic.name = 'Test Tactic';
+    component.tactic = mockTactic;
+
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/matrix/technique-cell/technique-cell.component.spec.ts b/src/app/components/matrix/technique-cell/technique-cell.component.spec.ts
index 64871ce85..6400f38bc 100644
--- a/src/app/components/matrix/technique-cell/technique-cell.component.spec.ts
+++ b/src/app/components/matrix/technique-cell/technique-cell.component.spec.ts
@@ -1,6 +1,8 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { TechniqueCellComponent } from './technique-cell.component';
+import { Technique } from 'src/app/classes/stix/technique';
 
 describe('TechniqueCellComponent', () => {
   let component: TechniqueCellComponent;
@@ -9,12 +11,21 @@ describe('TechniqueCellComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [TechniqueCellComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(TechniqueCellComponent);
     component = fixture.componentInstance;
+
+    // Initialize the required technique input with a mock
+    const mockTechnique = new Technique();
+    mockTechnique.attackID = 'T1234';
+    mockTechnique.name = 'Test Technique';
+    mockTechnique.subTechniques = [];
+    component.technique = mockTechnique;
+
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.spec.ts b/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.spec.ts
index 34467ddd1..d910560d9 100644
--- a/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.spec.ts
+++ b/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 import { MultipleChoiceDialogComponent } from './multiple-choice-dialog.component';
 
@@ -9,6 +11,17 @@ describe('MultipleChoiceDialogComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [MultipleChoiceDialogComponent],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            title: 'Test Title',
+            choices: [{ label: 'Choice 1' }],
+          },
+        },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/object-status/object-status.component.spec.ts b/src/app/components/object-status/object-status.component.spec.ts
index fdfac4712..b22918642 100644
--- a/src/app/components/object-status/object-status.component.spec.ts
+++ b/src/app/components/object-status/object-status.component.spec.ts
@@ -1,4 +1,18 @@
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatSelectModule } from '@angular/material/select';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { ActivatedRoute } from '@angular/router';
+import { MtxPopoverModule } from '@ng-matero/extensions/popover';
+import { of } from 'rxjs';
 
 import { ObjectStatusComponent } from './object-status.component';
 
@@ -9,6 +23,30 @@ describe('ObjectStatusComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [ObjectStatusComponent],
+      imports: [
+        MtxPopoverModule,
+        ReactiveFormsModule,
+        FormsModule,
+        MatFormFieldModule,
+        MatSelectModule,
+        MatCheckboxModule,
+        MatIconModule,
+        MatButtonModule,
+        MatTooltipModule,
+        DragDropModule,
+        BrowserAnimationsModule,
+      ],
+      providers: [
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/object-status/object-status.component.ts b/src/app/components/object-status/object-status.component.ts
index 8392eb054..43269603e 100644
--- a/src/app/components/object-status/object-status.component.ts
+++ b/src/app/components/object-status/object-status.component.ts
@@ -10,6 +10,7 @@ import { AddDialogComponent } from '../add-dialog/add-dialog.component';
 import { ConfirmationDialogComponent } from '../confirmation-dialog/confirmation-dialog.component';
 import { forkJoin } from 'rxjs';
 import { WorkflowStates } from 'src/app/utils/types';
+import { SaveDialogComponent } from '../save-dialog/save-dialog.component';
 
 @Component({
   selector: 'app-object-status',
@@ -144,10 +145,29 @@ export class ObjectStatusComponent implements OnInit {
    * @param event workflow state selection
    */
   public workflowChange(event) {
+    const previousWorkflowState =
+      this.object.workflow?.state || 'work-in-progress';
     if (event.isUserInput) {
-      if (event.source.value == 'none') this.object.workflow = undefined;
-      else this.object.workflow = { state: event.source.value };
-      this.save();
+      // Open save-dialog instead of saving directly
+      const dialogRef = this.dialog.open(SaveDialogComponent, {
+        maxWidth: '70em',
+        maxHeight: '70em',
+        data: {
+          object: this.object,
+          versionAlreadyIncremented: false,
+          // Pass the selected workflow state
+          initialWorkflowState: event.source.value,
+        },
+        autoFocus: false,
+      });
+
+      dialogRef.afterClosed().subscribe(result => {
+        if (result) {
+          this.editorService.onReload.emit();
+        } else {
+          this.statusControl.setValue(previousWorkflowState);
+        }
+      });
     }
   }
 
diff --git a/src/app/components/outdated-content-warning/outdated-content-warning.component.spec.ts b/src/app/components/outdated-content-warning/outdated-content-warning.component.spec.ts
index 2c2b21546..2c95de1f2 100644
--- a/src/app/components/outdated-content-warning/outdated-content-warning.component.spec.ts
+++ b/src/app/components/outdated-content-warning/outdated-content-warning.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { OutdatedContentWarningComponent } from './outdated-content-warning.component';
@@ -9,6 +10,7 @@ describe('OutdatedContentWarningComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [OutdatedContentWarningComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(OutdatedContentWarningComponent);
diff --git a/src/app/components/property-diff/property-diff.component.spec.ts b/src/app/components/property-diff/property-diff.component.spec.ts
index cbb81e887..cb50cfaaa 100644
--- a/src/app/components/property-diff/property-diff.component.spec.ts
+++ b/src/app/components/property-diff/property-diff.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { PropertyDiffComponent } from './property-diff.component';
@@ -9,10 +10,16 @@ describe('PropertyDiffComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [PropertyDiffComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(PropertyDiffComponent);
     component = fixture.componentInstance;
+
+    // Initialize required inputs to prevent null errors
+    component.before = 'old value';
+    component.after = 'new value';
+
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/recent-activity/recent-activity.component.spec.ts b/src/app/components/recent-activity/recent-activity.component.spec.ts
index 8ccb2ad49..31f370179 100644
--- a/src/app/components/recent-activity/recent-activity.component.spec.ts
+++ b/src/app/components/recent-activity/recent-activity.component.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { RecentActivityComponent } from './recent-activity.component';
 
@@ -9,12 +11,15 @@ describe('RecentActivityComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [RecentActivityComponent],
+      providers: [provideHttpClient()],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(RecentActivityComponent);
     component = fixture.componentInstance;
+    component.identities = [];
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/reference-edit-dialog/reference-edit-dialog.component.spec.ts b/src/app/components/reference-edit-dialog/reference-edit-dialog.component.spec.ts
index d7917dbc6..2c17ef7d3 100644
--- a/src/app/components/reference-edit-dialog/reference-edit-dialog.component.spec.ts
+++ b/src/app/components/reference-edit-dialog/reference-edit-dialog.component.spec.ts
@@ -1,14 +1,48 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { provideHttpClient } from '@angular/common/http';
 
 import { ReferenceEditDialogComponent } from './reference-edit-dialog.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('ReferenceEditDialogComponent', () => {
   let component: ReferenceEditDialogComponent;
   let fixture: ComponentFixture<ReferenceEditDialogComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllReferences: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+      getRelatedTo: () => createAsyncObservable(createPaginatedResponse([])),
+      putReference: () => createAsyncObservable({}),
+      postReference: () => createAsyncObservable({}),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [ReferenceEditDialogComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            mode: 'view',
+          },
+        },
+        {
+          provide: MatDialogRef,
+          useValue: {
+            close: () => {},
+          },
+        },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/resources-drawer/history-timeline/history-timeline.component.spec.ts b/src/app/components/resources-drawer/history-timeline/history-timeline.component.spec.ts
index e87e71181..5bf72472c 100644
--- a/src/app/components/resources-drawer/history-timeline/history-timeline.component.spec.ts
+++ b/src/app/components/resources-drawer/history-timeline/history-timeline.component.spec.ts
@@ -1,14 +1,62 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { ActivatedRoute, Router } from '@angular/router';
+import { of } from 'rxjs';
 
 import { HistoryTimelineComponent } from './history-timeline.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('HistoryTimelineComponent', () => {
   let component: HistoryTimelineComponent;
   let fixture: ComponentFixture<HistoryTimelineComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getSoftware: () => createAsyncObservable([]),
+      getGroup: () => createAsyncObservable([]),
+      getMatrix: () => createAsyncObservable([]),
+      getMitigation: () => createAsyncObservable([]),
+      getTactic: () => createAsyncObservable([]),
+      getCampaign: () => createAsyncObservable([]),
+      getTechnique: () => createAsyncObservable([]),
+      getCollection: () => createAsyncObservable([]),
+      getDataSource: () => createAsyncObservable([]),
+      getDataComponent: () => createAsyncObservable([]),
+      getAsset: () => createAsyncObservable([]),
+      getAnalytic: () => createAsyncObservable([]),
+      getDetectionStrategy: () => createAsyncObservable([]),
+      getRelatedTo: () => createAsyncObservable(createPaginatedResponse([])),
+      getAllCollections: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [HistoryTimelineComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+        {
+          provide: Router,
+          useValue: {
+            url: '/technique/mock-stix-id?param=value',
+            events: of({}),
+          },
+        },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/resources-drawer/notes-editor/notes-editor.component.spec.ts b/src/app/components/resources-drawer/notes-editor/notes-editor.component.spec.ts
index a0d313898..d74217131 100644
--- a/src/app/components/resources-drawer/notes-editor/notes-editor.component.spec.ts
+++ b/src/app/components/resources-drawer/notes-editor/notes-editor.component.spec.ts
@@ -1,14 +1,38 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { Router } from '@angular/router';
 
 import { NotesEditorComponent } from './notes-editor.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('NotesEditorComponent', () => {
   let component: NotesEditorComponent;
   let fixture: ComponentFixture<NotesEditorComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllNotes: () => createAsyncObservable(createPaginatedResponse()),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [NotesEditorComponent],
+      providers: [
+        provideHttpClient(),
+        {
+          provide: Router,
+          useValue: {
+            url: '/test/mock-id?param=value',
+          },
+        },
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/resources-drawer/reference-sidebar/reference-sidebar.component.spec.ts b/src/app/components/resources-drawer/reference-sidebar/reference-sidebar.component.spec.ts
index 19b9fa31c..0db36e5a5 100644
--- a/src/app/components/resources-drawer/reference-sidebar/reference-sidebar.component.spec.ts
+++ b/src/app/components/resources-drawer/reference-sidebar/reference-sidebar.component.spec.ts
@@ -1,14 +1,32 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { ReferenceSidebarComponent } from './reference-sidebar.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('ReferenceManagerComponent', () => {
   let component: ReferenceSidebarComponent;
   let fixture: ComponentFixture<ReferenceSidebarComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllReferences: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [ReferenceSidebarComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/resources-drawer/resources-drawer.component.spec.ts b/src/app/components/resources-drawer/resources-drawer.component.spec.ts
index 94b7befe4..384033eb4 100644
--- a/src/app/components/resources-drawer/resources-drawer.component.spec.ts
+++ b/src/app/components/resources-drawer/resources-drawer.component.spec.ts
@@ -1,14 +1,25 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { ResourcesDrawerComponent } from './resources-drawer.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('ResourcesDrawerComponent', () => {
   let component: ResourcesDrawerComponent;
   let fixture: ComponentFixture<ResourcesDrawerComponent>;
 
   beforeEach(waitForAsync(() => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     TestBed.configureTestingModule({
       declarations: [ResourcesDrawerComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
diff --git a/src/app/components/resources-drawer/search/search.component.spec.ts b/src/app/components/resources-drawer/search/search.component.spec.ts
index bb8443bfa..c73665fb7 100644
--- a/src/app/components/resources-drawer/search/search.component.spec.ts
+++ b/src/app/components/resources-drawer/search/search.component.spec.ts
@@ -1,14 +1,40 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { ActivatedRoute } from '@angular/router';
+import { of } from 'rxjs';
 
 import { SearchComponent } from './search.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('SearchComponent', () => {
   let component: SearchComponent;
   let fixture: ComponentFixture<SearchComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllObjects: () => createAsyncObservable(createPaginatedResponse([])),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [SearchComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(SearchComponent);
diff --git a/src/app/components/save-dialog/save-dialog.component.html b/src/app/components/save-dialog/save-dialog.component.html
index a64a2d839..4783abb04 100644
--- a/src/app/components/save-dialog/save-dialog.component.html
+++ b/src/app/components/save-dialog/save-dialog.component.html
@@ -17,12 +17,14 @@ <h3>Validation</h3>
       <mat-action-list>
         <mat-form-field class="workflow-status" appearance="outline">
           <mat-label>mark as...</mat-label>
-          <mat-select [(ngModel)]="newState" [disabled]="!saveEnabled">
+          <mat-select
+            [(ngModel)]="newState"
+            (selectionChange)="onStatusChanged($event)">
             <mat-option
               *ngFor="let workflow of workflows"
-              [value]="workflow[0]"
-              >{{ workflow[1] }}</mat-option
-            >
+              [value]="workflow[0]">
+              {{ workflow[1] }}
+            </mat-option>
           </mat-select>
         </mat-form-field>
         <button
diff --git a/src/app/components/save-dialog/save-dialog.component.spec.ts b/src/app/components/save-dialog/save-dialog.component.spec.ts
index e7c2a0f1b..730c8bf9c 100644
--- a/src/app/components/save-dialog/save-dialog.component.spec.ts
+++ b/src/app/components/save-dialog/save-dialog.component.spec.ts
@@ -1,14 +1,42 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { provideHttpClient } from '@angular/common/http';
+import { vi } from 'vitest';
 
 import { SaveDialogComponent } from './save-dialog.component';
+import { VersionNumber } from 'src/app/classes/version-number';
+import { createAsyncObservable } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('SaveDialogComponent', () => {
   let component: SaveDialogComponent;
   let fixture: ComponentFixture<SaveDialogComponent>;
 
   beforeEach(async () => {
+    const mockObject = {
+      version: new VersionNumber('1.0'),
+      validate: vi.fn().mockReturnValue(
+        createAsyncObservable({
+          errors: [],
+          info: [],
+        })
+      ),
+    };
+
     await TestBed.configureTestingModule({
       declarations: [SaveDialogComponent],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            object: mockObject,
+            versionAlreadyIncremented: false,
+          },
+        },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/save-dialog/save-dialog.component.ts b/src/app/components/save-dialog/save-dialog.component.ts
index c9f9d5feb..a29daad84 100644
--- a/src/app/components/save-dialog/save-dialog.component.ts
+++ b/src/app/components/save-dialog/save-dialog.component.ts
@@ -7,6 +7,7 @@ import { StixObject } from 'src/app/classes/stix/stix-object';
 import { VersionNumber } from 'src/app/classes/version-number';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { WorkflowState, WorkflowStates } from 'src/app/utils/types';
+import { logger } from '../../utils/logger';
 
 @Component({
   selector: 'app-save-dialog',
@@ -53,6 +54,9 @@ export class SaveDialogComponent implements OnInit {
           });
         this.validation = result;
       },
+      error: err => {
+        logger.error(err);
+      },
       complete: () => {
         subscription.unsubscribe();
       },
@@ -60,7 +64,7 @@ export class SaveDialogComponent implements OnInit {
   }
 
   ngOnInit(): void {
-    this.newState = 'work-in-progress';
+    this.newState = this.config.initialWorkflowState || 'work-in-progress';
     if (this.config.object.attackType === 'detection-strategy') {
       const det = this.config.object as DetectionStrategy;
       const newAnalytics = new Set<string>(det.analytics);
@@ -82,6 +86,32 @@ export class SaveDialogComponent implements OnInit {
         for (const a of newAnalytics) this.analyticsToPatch.add(a);
       }
     }
+    // Run validation for the initial state
+    const subscription = this.config.object
+      .validate(this.restApiService, this.newState)
+      .subscribe({
+        next: result => {
+          this.validation = result;
+        },
+        error: err => {
+          logger.error(err);
+        },
+        complete: () => subscription.unsubscribe(),
+      });
+  }
+
+  onStatusChanged(event) {
+    const subscription = this.config.object
+      .validate(this.restApiService, event.value)
+      .subscribe({
+        next: result => {
+          this.validation = result;
+        },
+        error: err => {
+          logger.error(err);
+        },
+        complete: () => subscription.unsubscribe(),
+      });
   }
 
   /**
@@ -234,6 +264,7 @@ export class SaveDialogComponent implements OnInit {
     if (!this.saveEnabled) {
       return;
     }
+    this.config.object.workflow = { state: this.newState };
     const sub = this.saveObject().subscribe({
       next: () => {
         this.dialogRef.close(true);
@@ -248,4 +279,5 @@ export interface SaveDialogConfig {
   patchId?: string; // previous object ID to patch in LinkByID tags
   patchAnalytics?: Set<string>; // previous list of analytics related to a detection strategy
   versionAlreadyIncremented: boolean;
+  initialWorkflowState?: WorkflowState;
 }
diff --git a/src/app/components/stix-json-dialog/stix-json-dialog.component.spec.ts b/src/app/components/stix-json-dialog/stix-json-dialog.component.spec.ts
index ebea396ea..1f0b3ccfb 100644
--- a/src/app/components/stix-json-dialog/stix-json-dialog.component.spec.ts
+++ b/src/app/components/stix-json-dialog/stix-json-dialog.component.spec.ts
@@ -1,4 +1,8 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { vi } from 'vitest';
 
 import { StixJsonDialogComponent } from './stix-json-dialog.component';
 
@@ -7,8 +11,23 @@ describe('StixJsonDialogComponent', () => {
   let fixture: ComponentFixture<StixJsonDialogComponent>;
 
   beforeEach(async () => {
+    const mockStixObject = {
+      name: 'Test Object',
+      attackID: 'T1234',
+      serialize: vi.fn().mockReturnValue({
+        name: 'Test Object',
+        id: 'test-id',
+      }),
+    };
+
     await TestBed.configureTestingModule({
       declarations: [StixJsonDialogComponent],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        { provide: MAT_DIALOG_DATA, useValue: { stixObject: mockStixObject } },
+        { provide: MatSnackBar, useValue: {} },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(StixJsonDialogComponent);
diff --git a/src/app/components/stix/alias-property/alias-diff/alias-diff.component.spec.ts b/src/app/components/stix/alias-property/alias-diff/alias-diff.component.spec.ts
index 84ce5122c..1cbaa4942 100644
--- a/src/app/components/stix/alias-property/alias-diff/alias-diff.component.spec.ts
+++ b/src/app/components/stix/alias-property/alias-diff/alias-diff.component.spec.ts
@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { AliasDiffComponent } from './alias-diff.component';
 
@@ -9,11 +10,12 @@ describe('AliasDiffComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [AliasDiffComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(AliasDiffComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: [{}, {}] as any };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/alias-property/alias-edit/alias-edit-dialog/alias-edit-dialog.component.spec.ts b/src/app/components/stix/alias-property/alias-edit/alias-edit-dialog/alias-edit-dialog.component.spec.ts
index e2075eec0..665469e3e 100644
--- a/src/app/components/stix/alias-property/alias-edit/alias-edit-dialog/alias-edit-dialog.component.spec.ts
+++ b/src/app/components/stix/alias-property/alias-edit/alias-edit-dialog/alias-edit-dialog.component.spec.ts
@@ -1,4 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { AliasEditDialogComponent } from './alias-edit-dialog.component';
 
@@ -9,13 +11,17 @@ describe('AliasAddDialogComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [AliasEditDialogComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: MatDialogRef, useValue: {} },
+        { provide: MAT_DIALOG_DATA, useValue: {} },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(AliasEditDialogComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/alias-property/alias-edit/alias-edit.component.spec.ts b/src/app/components/stix/alias-property/alias-edit/alias-edit.component.spec.ts
index 05cf1faae..30aa4d883 100644
--- a/src/app/components/stix/alias-property/alias-edit/alias-edit.component.spec.ts
+++ b/src/app/components/stix/alias-property/alias-edit/alias-edit.component.spec.ts
@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { AliasEditComponent } from './alias-edit.component';
 
@@ -9,13 +10,14 @@ describe('AliasEditComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [AliasEditComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(AliasEditComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'edit', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/alias-property/alias-property.component.spec.ts b/src/app/components/stix/alias-property/alias-property.component.spec.ts
index 226a5b667..013567167 100644
--- a/src/app/components/stix/alias-property/alias-property.component.spec.ts
+++ b/src/app/components/stix/alias-property/alias-property.component.spec.ts
@@ -1,6 +1,8 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { AliasPropertyComponent } from './alias-property.component';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 describe('AliasPropertyComponent', () => {
   let component: AliasPropertyComponent;
@@ -9,12 +11,20 @@ describe('AliasPropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [AliasPropertyComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(AliasPropertyComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: {} as StixObject,
+      field: 'aliases',
+      label: 'Aliases',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/alias-property/alias-view/alias-view.component.spec.ts b/src/app/components/stix/alias-property/alias-view/alias-view.component.spec.ts
index 1f5906aa0..bd315b09b 100644
--- a/src/app/components/stix/alias-property/alias-view/alias-view.component.spec.ts
+++ b/src/app/components/stix/alias-property/alias-view/alias-view.component.spec.ts
@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { AliasViewComponent } from './alias-view.component';
 
@@ -9,13 +10,14 @@ describe('AliasViewComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [AliasViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(AliasViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', field: 'name', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.html b/src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.html
deleted file mode 100644
index e42dde022..000000000
--- a/src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="labelled-box grow-to-row">
-  <div class="content">
-    <app-property-diff
-      [before]="previous"
-      [after]="current"></app-property-diff>
-  </div>
-  <span class="labelled-box-label">ATT&CK ID</span>
-</div>
diff --git a/src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.spec.ts b/src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.spec.ts
deleted file mode 100644
index 037458ed7..000000000
--- a/src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AttackidDiffComponent } from './attackid-diff.component';
-
-describe('AttackidDiffComponent', () => {
-  let component: AttackidDiffComponent;
-  let fixture: ComponentFixture<AttackidDiffComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [AttackidDiffComponent],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(AttackidDiffComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.ts b/src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.ts
deleted file mode 100644
index 8cc53ea51..000000000
--- a/src/app/components/stix/attackid-property/attackid-diff/attackid-diff.component.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { AttackIDPropertyConfig } from '../attackid-property.component';
-
-@Component({
-  selector: 'app-attackid-diff',
-  templateUrl: './attackid-diff.component.html',
-  standalone: false,
-})
-export class AttackidDiffComponent {
-  @Input() public config: AttackIDPropertyConfig;
-
-  public get current(): string {
-    return this.config.object[0]?.['attackID'] || '';
-  }
-  public get previous(): string {
-    return this.config.object[1]?.['attackID'] || '';
-  }
-}
diff --git a/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.html b/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.html
deleted file mode 100644
index ee7bbce5a..000000000
--- a/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<div class="attackid-edit">
-  <mat-form-field appearance="outline">
-    <mat-label>ID</mat-label>
-    <input
-      matInput
-      [required]="config.required ? config.required : false"
-      [(ngModel)]="config.object['attackID']"
-      (ngModelChange)="attackIdChanged()"
-      (blur)="formatAttackId()" />
-    <button
-      *ngIf="
-        config.object['supportsAttackID'] &&
-        config.object['attackType'] !== 'matrix'
-      "
-      mat-icon-button
-      matSuffix
-      (click)="handleGenerateClick()"
-      matTooltip="Generate a unique ID, with your organization's namespace settings"
-      aria-label="Generate ID">
-      <mat-icon>autorenew</mat-icon>
-    </button>
-  </mat-form-field>
-</div>
diff --git a/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.scss b/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.scss
deleted file mode 100644
index ef633d38a..000000000
--- a/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-.attackid-edit {
-  .mat-mdc-form-field {
-    width: 100%;
-  }
-  .mat-mdc-form-field-subscript-wrapper {
-    display: none;
-  }
-}
diff --git a/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.spec.ts b/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.spec.ts
deleted file mode 100644
index e7ac86189..000000000
--- a/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AttackidEditComponent } from './attackid-edit.component';
-
-describe('AttackidEditComponent', () => {
-  let component: AttackidEditComponent;
-  let fixture: ComponentFixture<AttackidEditComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [AttackidEditComponent],
-    }).compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(AttackidEditComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.ts b/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.ts
deleted file mode 100644
index 42f62d589..000000000
--- a/src/app/components/stix/attackid-property/attackid-edit/attackid-edit.component.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import {
-  Component,
-  Input,
-  OnInit,
-  Output,
-  ViewEncapsulation,
-  EventEmitter,
-} from '@angular/core';
-import { AttackIDPropertyConfig } from '../attackid-property.component';
-import { RestApiConnectorService } from '../../../../services/connectors/rest-api/rest-api-connector.service';
-import { StixObject } from '../../../../classes/stix/stix-object';
-
-@Component({
-  selector: 'app-attackid-edit',
-  templateUrl: './attackid-edit.component.html',
-  styleUrls: ['./attackid-edit.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-  standalone: false,
-})
-export class AttackIDEditComponent implements OnInit {
-  @Input() public config: AttackIDPropertyConfig;
-  @Output() public attackIdGenerated = new EventEmitter();
-  public prefix = '';
-
-  constructor(public restApiConnector: RestApiConnectorService) {}
-
-  ngOnInit(): void {
-    // Get namespace settings and prepend, if creating a new object
-    if ((this.config.object as StixObject).firstInitialized) {
-      const namespaceSub = this.restApiConnector
-        .getOrganizationNamespace()
-        .subscribe({
-          next: namespaceSettings => {
-            this.prefix = namespaceSettings.prefix ?? '';
-          },
-          complete: () => namespaceSub.unsubscribe(),
-        });
-    } else {
-      // Otherwise extract existing prefix, if any
-      const found = (this.config.object as StixObject).attackID.match(
-        /[A-Z]+-/g
-      );
-      if (found) {
-        this.prefix = found[0].replace(/-$/, '');
-      }
-    }
-  }
-
-  public handleGenerateClick(): void {
-    if ((this.config.object as StixObject).supportsAttackID) {
-      const sub = (this.config.object as StixObject)
-        .generateAttackId(this.restApiConnector, this.prefix)
-        .subscribe({
-          next: val => {
-            (this.config.object as StixObject).attackID = val;
-          },
-          complete: () => {
-            this.attackIdChanged();
-            sub.unsubscribe();
-          },
-        });
-    }
-  }
-
-  public attackIdChanged(): void {
-    this.attackIdGenerated.emit();
-  }
-
-  public formatAttackId(): void {
-    // handle user set attack id
-    const object = this.config.object as StixObject;
-    const withPrefix = object.formatWithPrefix(object.attackID, this.prefix);
-    (this.config.object as StixObject).attackID = withPrefix;
-  }
-}
diff --git a/src/app/components/stix/attackid-property/attackid-property.component.html b/src/app/components/stix/attackid-property/attackid-property.component.html
index 729863f4c..2e6ed69de 100644
--- a/src/app/components/stix/attackid-property/attackid-property.component.html
+++ b/src/app/components/stix/attackid-property/attackid-property.component.html
@@ -1,32 +1,35 @@
 <div class="attackid-property grow-to-row">
-  <div
-    *ngIf="!config.mode || config.mode === 'view'"
-    class="labelled-box grow-to-row">
-    <div
-      class="content"
-      [ngClass]="{ 'icon-button': config.object['attackID'] }">
-      <app-attackid-view [config]="config"></app-attackid-view>
-      <button
-        mat-icon-button
-        *ngIf="config.object['attackID']"
-        [cdkCopyToClipboard]="linkById"
-        (click)="
-          snackbar.open('LinkById copied to clipboard', null, {
-            duration: 1000,
-          })
-        "
-        matTooltip="copy LinkById"
-        aria-label="copy linkById">
-        <mat-icon>content_copy</mat-icon>
-      </button>
+  @if (config.mode === 'diff') {
+    <div class="labelled-box grow-to-row">
+      <div class="content">
+        <app-property-diff
+          [before]="previousId"
+          [after]="currentId"></app-property-diff>
+      </div>
+      <span class="labelled-box-label">ATT&CK ID</span>
     </div>
-    <span class="labelled-box-label">ATT&CK ID</span>
-  </div>
-  <app-attackid-edit
-    *ngIf="config.mode === 'edit'"
-    [config]="config"
-    (attackIdGenerated)="onAttackIdGenerated()"></app-attackid-edit>
-  <app-attackid-diff
-    *ngIf="config.mode === 'diff'"
-    [config]="config"></app-attackid-diff>
+  } @else {
+    <div class="labelled-box grow-to-row">
+      <div
+        class="content"
+        [ngClass]="{ 'icon-button': config.object['attackID'] }">
+        {{ config.object['attackID'] }}
+        @if (config.object['attackID']) {
+          <button
+            mat-icon-button
+            [cdkCopyToClipboard]="linkById"
+            (click)="
+              snackbar.open('LinkById copied to clipboard', null, {
+                duration: 1000,
+              })
+            "
+            matTooltip="copy LinkById"
+            aria-label="copy linkById">
+            <mat-icon>content_copy</mat-icon>
+          </button>
+        }
+      </div>
+      <span class="labelled-box-label">ATT&CK ID</span>
+    </div>
+  }
 </div>
diff --git a/src/app/components/stix/attackid-property/attackid-property.component.spec.ts b/src/app/components/stix/attackid-property/attackid-property.component.spec.ts
index c8537d42f..51209f7f4 100644
--- a/src/app/components/stix/attackid-property/attackid-property.component.spec.ts
+++ b/src/app/components/stix/attackid-property/attackid-property.component.spec.ts
@@ -1,20 +1,27 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { AttackidPropertyComponent } from './attackid-property.component';
+import { AttackIDPropertyComponent } from './attackid-property.component';
 
-describe('AttackidPropertyComponent', () => {
-  let component: AttackidPropertyComponent;
-  let fixture: ComponentFixture<AttackidPropertyComponent>;
+describe('AttackIDPropertyComponent', () => {
+  let component: AttackIDPropertyComponent;
+  let fixture: ComponentFixture<AttackIDPropertyComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [AttackidPropertyComponent],
+      declarations: [AttackIDPropertyComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(AttackidPropertyComponent);
+    fixture = TestBed.createComponent(AttackIDPropertyComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/attackid-property/attackid-property.component.ts b/src/app/components/stix/attackid-property/attackid-property.component.ts
index f688495bc..59d3ef0df 100644
--- a/src/app/components/stix/attackid-property/attackid-property.component.ts
+++ b/src/app/components/stix/attackid-property/attackid-property.component.ts
@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { StixObject } from 'src/app/classes/stix/stix-object';
 
@@ -10,7 +10,14 @@ import { StixObject } from 'src/app/classes/stix/stix-object';
 })
 export class AttackIDPropertyComponent {
   @Input() public config: AttackIDPropertyConfig;
-  @Output() public attackIdGenerated = new EventEmitter();
+
+  public get currentId(): string {
+    return this.config.object[0]?.['attackID'] || '';
+  }
+
+  public get previousId(): string {
+    return this.config.object[1]?.['attackID'] || '';
+  }
 
   public get linkById(): string {
     return `(LinkById: ${this.config.object['attackID']})`;
@@ -19,21 +26,15 @@ export class AttackIDPropertyComponent {
   constructor(public snackbar: MatSnackBar) {
     // intentionally left blank
   }
-
-  public onAttackIdGenerated(): void {
-    this.attackIdGenerated.emit();
-  }
 }
 export interface AttackIDPropertyConfig {
   /* What is the current mode? Default: 'view
-   *    view: viewing the list property
-   *    edit: editing the list property
+   *    view: viewing the attack id property
    *    diff: displaying the diff between two STIX objects. If this mode is selected, two StixObjects must be specified in the objects field
    */
-  mode?: 'view' | 'edit' | 'diff';
+  mode?: 'view' | 'diff';
   /* The object to show the field of
    * Note: if mode is diff, pass an array of two objects to diff
    */
   object: StixObject | [StixObject, StixObject];
-  required?: boolean; // default false
 }
diff --git a/src/app/components/stix/attackid-property/attackid-view/attackid-view.component.html b/src/app/components/stix/attackid-property/attackid-view/attackid-view.component.html
deleted file mode 100644
index 17e8dadff..000000000
--- a/src/app/components/stix/attackid-property/attackid-view/attackid-view.component.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div>
-  {{ config.object['attackID'] }}
-</div>
diff --git a/src/app/components/stix/attackid-property/attackid-view/attackid-view.component.spec.ts b/src/app/components/stix/attackid-property/attackid-view/attackid-view.component.spec.ts
deleted file mode 100644
index e411777de..000000000
--- a/src/app/components/stix/attackid-property/attackid-view/attackid-view.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AttackIDViewComponent } from './attackid-view.component';
-
-describe('AttackidViewComponent', () => {
-  let component: AttackIDViewComponent;
-  let fixture: ComponentFixture<AttackIDViewComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [AttackIDViewComponent],
-    }).compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(AttackIDViewComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/components/stix/attackid-property/attackid-view/attackid-view.component.ts b/src/app/components/stix/attackid-property/attackid-view/attackid-view.component.ts
deleted file mode 100644
index e7e8c6767..000000000
--- a/src/app/components/stix/attackid-property/attackid-view/attackid-view.component.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { AttackIDPropertyConfig } from '../attackid-property.component';
-
-@Component({
-  selector: 'app-attackid-view',
-  templateUrl: './attackid-view.component.html',
-  styleUrls: ['./attackid-view.component.scss'],
-  standalone: false,
-})
-export class AttackIDViewComponent implements OnInit {
-  @Input() public config: AttackIDPropertyConfig;
-
-  constructor() {
-    // intentionally left blank
-  }
-
-  ngOnInit(): void {
-    // intentionally left blank
-  }
-}
diff --git a/src/app/components/stix/boolean-property/boolean-property.component.spec.ts b/src/app/components/stix/boolean-property/boolean-property.component.spec.ts
index 5642203e8..0aafa26cd 100644
--- a/src/app/components/stix/boolean-property/boolean-property.component.spec.ts
+++ b/src/app/components/stix/boolean-property/boolean-property.component.spec.ts
@@ -1,6 +1,8 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { BooleanPropertyComponent } from './boolean-property.component';
+import { StixObject } from 'src/app/classes/stix';
 
 describe('BooleanPropertyComponent', () => {
   let component: BooleanPropertyComponent;
@@ -9,10 +11,18 @@ describe('BooleanPropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [BooleanPropertyComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(BooleanPropertyComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: {} as StixObject,
+      field: 'test',
+      label: 'Test',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/citation-property/citation-diff/citation-diff.component.spec.ts b/src/app/components/stix/citation-property/citation-diff/citation-diff.component.spec.ts
index 24668a21e..8ac4c42ca 100644
--- a/src/app/components/stix/citation-property/citation-diff/citation-diff.component.spec.ts
+++ b/src/app/components/stix/citation-property/citation-diff/citation-diff.component.spec.ts
@@ -1,6 +1,8 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { CitationDiffComponent } from './citation-diff.component';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 describe('CitationDiffComponent', () => {
   let component: CitationDiffComponent;
@@ -9,10 +11,19 @@ describe('CitationDiffComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [CitationDiffComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(CitationDiffComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'diff',
+      object: [{} as StixObject, {} as StixObject],
+      field: 'test',
+      referencesField: 'external_references',
+      label: 'Test',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/citation-property/citation-edit/citation-edit.component.spec.ts b/src/app/components/stix/citation-property/citation-edit/citation-edit.component.spec.ts
index feb698f5d..49b41fe11 100644
--- a/src/app/components/stix/citation-property/citation-edit/citation-edit.component.spec.ts
+++ b/src/app/components/stix/citation-property/citation-edit/citation-edit.component.spec.ts
@@ -1,21 +1,47 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { CitationEditComponent } from './citation-edit.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('CitationEditComponent', () => {
   let component: CitationEditComponent;
   let fixture: ComponentFixture<CitationEditComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [CitationEditComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+        provideRouter([]),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CitationEditComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'edit',
+      object: {} as any,
+      field: 'external_references',
+    } as any;
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/citation-property/citation-property.component.spec.ts b/src/app/components/stix/citation-property/citation-property.component.spec.ts
index d8ce1719d..dd5e23fa4 100644
--- a/src/app/components/stix/citation-property/citation-property.component.spec.ts
+++ b/src/app/components/stix/citation-property/citation-property.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { CitationPropertyComponent } from './citation-property.component';
@@ -9,12 +10,20 @@ describe('CitationPropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [CitationPropertyComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CitationPropertyComponent);
     component = fixture.componentInstance;
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+      field: 'description',
+      referencesField: 'external_references',
+      label: 'Description',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/citation-property/citation-view/citation-view.component.spec.ts b/src/app/components/stix/citation-property/citation-view/citation-view.component.spec.ts
index 055bcc256..04bdb576c 100644
--- a/src/app/components/stix/citation-property/citation-view/citation-view.component.spec.ts
+++ b/src/app/components/stix/citation-property/citation-view/citation-view.component.spec.ts
@@ -1,4 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { CitationViewComponent } from './citation-view.component';
 
@@ -9,13 +11,21 @@ describe('CitationViewComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [CitationViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [provideHttpClient()],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CitationViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+      field: 'external_references',
+      referencesField: 'external_references',
+      label: 'External References',
+    };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/datepicker-property/datepicker-property.component.spec.ts b/src/app/components/stix/datepicker-property/datepicker-property.component.spec.ts
index 472fc1b4b..1997116a6 100644
--- a/src/app/components/stix/datepicker-property/datepicker-property.component.spec.ts
+++ b/src/app/components/stix/datepicker-property/datepicker-property.component.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { DatepickerPropertyComponent } from './datepicker-property.component';
 
@@ -9,12 +11,19 @@ describe('DatepickerPropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [DatepickerPropertyComponent],
+      providers: [provideHttpClient()],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(DatepickerPropertyComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      object: {} as any,
+      field: 'date',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/descriptive-property/descriptive-diff/descriptive-diff.component.spec.ts b/src/app/components/stix/descriptive-property/descriptive-diff/descriptive-diff.component.spec.ts
index cc4002356..39597f648 100644
--- a/src/app/components/stix/descriptive-property/descriptive-diff/descriptive-diff.component.spec.ts
+++ b/src/app/components/stix/descriptive-property/descriptive-diff/descriptive-diff.component.spec.ts
@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { DescriptiveDiffComponent } from './descriptive-diff.component';
 
@@ -9,11 +10,18 @@ describe('DescriptiveDiffComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [DescriptiveDiffComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
+  });
 
+  beforeEach(() => {
     fixture = TestBed.createComponent(DescriptiveDiffComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'diff',
+      object: [{} as any, {} as any],
+      field: 'description',
+    };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/descriptive-property/descriptive-edit/descriptive-edit.component.spec.ts b/src/app/components/stix/descriptive-property/descriptive-edit/descriptive-edit.component.spec.ts
index 9f25b5f5d..09ea78456 100644
--- a/src/app/components/stix/descriptive-property/descriptive-edit/descriptive-edit.component.spec.ts
+++ b/src/app/components/stix/descriptive-property/descriptive-edit/descriptive-edit.component.spec.ts
@@ -1,21 +1,47 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { DescriptiveEditComponent } from './descriptive-edit.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('DescriptiveEditComponent', () => {
   let component: DescriptiveEditComponent;
   let fixture: ComponentFixture<DescriptiveEditComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [DescriptiveEditComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+        provideRouter([]),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(DescriptiveEditComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'edit',
+      object: {} as any,
+      field: 'description',
+    };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/descriptive-property/descriptive-property.component.spec.ts b/src/app/components/stix/descriptive-property/descriptive-property.component.spec.ts
index bbb0d1c37..4ae599875 100644
--- a/src/app/components/stix/descriptive-property/descriptive-property.component.spec.ts
+++ b/src/app/components/stix/descriptive-property/descriptive-property.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { DescriptivePropertyComponent } from './descriptive-property.component';
@@ -9,12 +10,19 @@ describe('DescriptivePropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [DescriptivePropertyComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(DescriptivePropertyComponent);
     component = fixture.componentInstance;
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+      field: 'description',
+      label: 'Description',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/descriptive-property/descriptive-view/descriptive-view.component.spec.ts b/src/app/components/stix/descriptive-property/descriptive-view/descriptive-view.component.spec.ts
index 218d1d91c..91bfc0220 100644
--- a/src/app/components/stix/descriptive-property/descriptive-view/descriptive-view.component.spec.ts
+++ b/src/app/components/stix/descriptive-property/descriptive-view/descriptive-view.component.spec.ts
@@ -1,20 +1,35 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { DescriptiveViewComponent } from './descriptive-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('DescriptiveViewComponent', () => {
   let component: DescriptiveViewComponent;
   let fixture: ComponentFixture<DescriptiveViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [DescriptiveViewComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(DescriptiveViewComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+      field: 'description',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/dictionary-property/dictionary-diff/dictionary-diff.component.html b/src/app/components/stix/dictionary-property/dictionary-diff/dictionary-diff.component.html
new file mode 100644
index 000000000..c58972939
--- /dev/null
+++ b/src/app/components/stix/dictionary-property/dictionary-diff/dictionary-diff.component.html
@@ -0,0 +1,23 @@
+<div class="dictionary-diff labelled-box grow-to-row">
+  <div class="content">
+    <table mat-table [dataSource]="detailTable" class="property-table">
+      <ng-container
+        *ngFor="let column of columns; let i = index"
+        [matColumnDef]="column.name">
+        <th mat-header-cell *matHeaderCellDef>
+          {{ column.label || column.name | titlecase }}
+        </th>
+        <td mat-cell *matCellDef="let row">
+          <app-property-diff
+            [before]="valueToString(row.before, column.name)"
+            [after]="valueToString(row.after, column.name)">
+          </app-property-diff>
+        </td>
+      </ng-container>
+
+      <tr mat-header-row *matHeaderRowDef="columnNames"></tr>
+      <tr mat-row *matRowDef="let row; columns: columnNames"></tr>
+    </table>
+  </div>
+  <span class="labelled-box-label">{{ config.label }}</span>
+</div>
diff --git a/src/app/components/stix/attackid-property/attackid-view/attackid-view.component.scss b/src/app/components/stix/dictionary-property/dictionary-diff/dictionary-diff.component.scss
similarity index 100%
rename from src/app/components/stix/attackid-property/attackid-view/attackid-view.component.scss
rename to src/app/components/stix/dictionary-property/dictionary-diff/dictionary-diff.component.scss
diff --git a/src/app/components/stix/dictionary-property/dictionary-diff/dictionary-diff.component.ts b/src/app/components/stix/dictionary-property/dictionary-diff/dictionary-diff.component.ts
new file mode 100644
index 000000000..89d9c2be8
--- /dev/null
+++ b/src/app/components/stix/dictionary-property/dictionary-diff/dictionary-diff.component.ts
@@ -0,0 +1,86 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { DictionaryPropertyConfig } from '../dictionary-property.component';
+
+@Component({
+  selector: 'app-dictionary-diff',
+  standalone: false,
+  templateUrl: './dictionary-diff.component.html',
+  styleUrl: './dictionary-diff.component.scss',
+})
+export class DictionaryDiffComponent implements OnInit {
+  @Input() public config: DictionaryPropertyConfig;
+
+  public get current() {
+    return this.config.object?.[0]?.[this.config.field] || [];
+  }
+
+  public get previous() {
+    return this.config.object?.[1]?.[this.config.field] || [];
+  }
+
+  public detailTable = [];
+
+  public get columns() {
+    return this.config.columns;
+  }
+
+  public get columnNames(): string[] {
+    return this.config.columns.map(c => c.name);
+  }
+
+  public get columnsLabels(): string[] {
+    return this.config.columns.map(c => (c.label ? c.label : c.name));
+  }
+
+  ngOnInit(): void {
+    this.detailTable = this.mergeTable();
+  }
+
+  private mergeTable(): any[] {
+    const merged = new Map();
+
+    const prevCounts = new Map();
+    const currCounts = new Map();
+
+    // add before state to map
+    for (const item of this.previous) {
+      const sig = this.rowSignature(item);
+      const n = (prevCounts.get(sig) ?? 0) + 1;
+      prevCounts.set(sig, n);
+
+      const key = `${sig}__#${n}`;
+      merged.set(key, { before: item, after: null });
+    }
+
+    // add after state to map
+    for (const item of this.current) {
+      const sig = this.rowSignature(item);
+      const n = (currCounts.get(sig) ?? 0) + 1;
+      currCounts.set(sig, n);
+
+      const key = `${sig}__#${n}`;
+      if (merged.has(key)) {
+        merged.get(key)!.after = item;
+      } else {
+        merged.set(key, { before: null, after: item });
+      }
+    }
+
+    return Array.from(merged.values());
+  }
+
+  private rowSignature(item): string {
+    return this.columnNames.map(col => this.normalize(item?.[col])).join('::');
+  }
+
+  private normalize(v: any): string {
+    if (v == null || v == undefined) return '';
+    return String(v).trim().toLowerCase();
+  }
+
+  public valueToString(item, columnName) {
+    if (!item?.[columnName]) return '';
+    if (Array.isArray(item[columnName])) return item[columnName].join('; ');
+    return String(item[columnName]);
+  }
+}
diff --git a/src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.html b/src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.html
new file mode 100644
index 000000000..a76a7fd36
--- /dev/null
+++ b/src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.html
@@ -0,0 +1,81 @@
+<div class="dictionary-edit grow-to-row">
+  <div class="content">
+    <div class="add-row-button">
+      <button mat-flat-button color="primary" (click)="addRow()">
+        Add {{ config.buttonLabel || 'Row' }}
+      </button>
+    </div>
+
+    @if (config.object[config.field].length > 0) {
+      <mat-divider></mat-divider>
+      <table
+        mat-table
+        [dataSource]="config.object[config.field]"
+        class="property-table">
+        <ng-container
+          *ngFor="let column of config.columns"
+          [matColumnDef]="column.name">
+          <th mat-header-cell *matHeaderCellDef>
+            {{ column.label || column.name }}
+          </th>
+          <td
+            mat-cell
+            *matCellDef="let row; let rowIndex = index"
+            class="cell"
+            tabindex="0"
+            (click)="editCell(rowIndex, column.name)"
+            (keydown.enter)="
+              isEditing(rowIndex, column.name) &&
+                editCell(rowIndex, column.name)
+            "
+            (keydown.escape)="cancelEditing()">
+            <div class="cell-inner">
+              <div
+                class="table-value"
+                [class.hidden]="isEditing(rowIndex, column.name)">
+                {{ row[column.name] }}
+              </div>
+              @if (isEditing(rowIndex, column.name)) {
+                <div class="editor">
+                  <mat-form-field class="editor-field" appearance="outline">
+                    <input
+                      #editInput
+                      matInput
+                      type="text"
+                      [(ngModel)]="row[column.name]"
+                      (keydown.enter)="stopEditing()"
+                      (keydown.escape)="cancelEditing()"
+                      (blur)="stopEditing()"
+                      [required]="column.required ?? false" />
+                  </mat-form-field>
+                </div>
+              }
+            </div>
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="actions" stickyEnd>
+          <th mat-header-cell *matHeaderCellDef></th>
+          <td
+            mat-cell
+            *matCellDef="let row; let rowIndex = index"
+            class="action-td">
+            <div class="action-cell">
+              <button
+                mat-icon-button
+                matTooltip="remove row"
+                class="table-icon-button"
+                (click)="deleteRow(rowIndex)">
+                <mat-icon>remove</mat-icon>
+              </button>
+            </div>
+          </td>
+        </ng-container>
+
+        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+        <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
+      </table>
+    }
+  </div>
+  <span class="labelled-box-label">{{ config.label }}</span>
+</div>
diff --git a/src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.scss b/src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.scss
new file mode 100644
index 000000000..38d420afc
--- /dev/null
+++ b/src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.scss
@@ -0,0 +1,131 @@
+@use '../../../../../style/globals';
+@use '../../../../../style/colors.scss';
+
+.dictionary-edit {
+  @extend .labelled-box;
+
+  .mat-divider {
+    margin: 16px 8px;
+  }
+
+  .mat-mdc-form-field-subscript-wrapper {
+    display: none; // remove bottom padding used for hint
+  }
+  .mat-mdc-form-field-infix {
+    padding-bottom: 8px !important;
+    padding-top: 8px !important;
+    min-height: unset !important;
+  }
+  .mat-mdc-text-field-wrapper {
+    height: unset !important;
+    padding: 0 6px !important;
+  }
+
+  table.property-table {
+    width: 100%;
+    table-layout: fixed;
+  }
+  td.mat-mdc-cell,
+  td.mat-cell,
+  .cell {
+    position: relative;
+    overflow: visible;
+  }
+  .cell {
+    cursor: text;
+    padding: 6px;
+    &:hover {
+      .light & {
+        background: colors.color-alternate(light);
+      }
+      .dark & {
+        background: colors.color-alternate(dark);
+      }
+    }
+  }
+  th.mat-column-actions,
+  td.mat-column-actions {
+    width: 44px;
+    min-width: 44px;
+    max-width: 44px;
+    text-align: center;
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .action-cell {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  }
+  th.mat-column-name,
+  td.mat-column-name {
+    width: 30%;
+    max-width: 30%;
+  }
+  th.mat-mdc-header-cell,
+  td.mat-mdc-cell {
+    white-space: normal;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    // vertical-align: top;
+    vertical-align: middle;
+  }
+  .table-value {
+    white-space: normal;
+    overflow-wrap: anywhere;
+
+    flex: 1;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    word-break: break-word;
+    // min-height: 28px;
+  }
+  .cell-inner {
+    position: relative;
+    min-height: 40px; // give single-line edits room for the input field
+    display: flex;
+    align-items: center;
+  }
+  .table-value.hidden {
+    visibility: hidden;
+  }
+  .editor {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    // align-items: flex-start;
+    align-items: center;
+    z-index: 2;
+  }
+  .editor-field {
+    width: 100%;
+    height: 100%;
+  }
+  .editor-field .mat-mdc-text-field-wrapper {
+    padding: 0 6px !important;
+    height: 100% !important;
+    display: flex;
+    align-items: center;
+  }
+  .editor-field .mat-mdc-form-field-infix {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+    min-height: unset !important;
+
+    display: flex;
+    align-items: center;
+  }
+  .editor-field input.mat-mdc-input-element {
+    height: 100%;
+    line-height: normal;
+  }
+  .editor-field .mat-mdc-form-field-subscript-wrapper {
+    display: none;
+  }
+  .content {
+    overflow-x: auto;
+    display: block !important;
+  }
+}
diff --git a/src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.ts b/src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.ts
new file mode 100644
index 000000000..be130770f
--- /dev/null
+++ b/src/app/components/stix/dictionary-property/dictionary-edit/dictionary-edit.component.ts
@@ -0,0 +1,114 @@
+import {
+  Component,
+  Input,
+  OnInit,
+  ViewEncapsulation,
+  ViewChild,
+  ElementRef,
+  OnChanges,
+  SimpleChanges,
+} from '@angular/core';
+import { DictionaryPropertyConfig } from '../dictionary-property.component';
+import { MatTable } from '@angular/material/table';
+import { EditorService } from 'src/app/services/editor/editor.service';
+
+@Component({
+  selector: 'app-dictionary-edit',
+  standalone: false,
+  templateUrl: './dictionary-edit.component.html',
+  styleUrls: ['./dictionary-edit.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+})
+export class DictionaryEditComponent implements OnInit, OnChanges {
+  @Input() public config: DictionaryPropertyConfig;
+  @ViewChild('editInput', { static: false }) editInput: ElementRef;
+  @ViewChild(MatTable) table!: MatTable<any>;
+
+  public displayedColumns: string[] = [];
+  public editingIdx: number | undefined;
+  public editingCol: string | undefined;
+
+  private originalCellValue: any;
+  private originalTableValue: any;
+
+  constructor(private editorService: EditorService) {}
+
+  ngOnInit() {
+    this.originalTableValue = JSON.parse(
+      JSON.stringify(this.config.object[this.config.field])
+    );
+
+    this.displayedColumns = [
+      ...this.config.columns.map(c => c.name),
+      'actions',
+    ];
+
+    this.sortRows();
+
+    this.editorService.onEditingStopped.subscribe(discard => {
+      if (discard) {
+        this.config.object[this.config.field] = this.originalTableValue;
+      }
+    });
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes['config']) this.sortRows();
+  }
+
+  public sortRows(): void {
+    const sortColumn = this.config.columns.find(c => c.sort)?.name;
+    if (!sortColumn) return;
+
+    this.config.object[this.config.field].sort((a, b) => {
+      const aValue = a[sortColumn] ?? '';
+      const bValue = b[sortColumn] ?? '';
+      return String(aValue).localeCompare(String(bValue), undefined, {
+        sensitivity: 'base',
+      });
+    });
+  }
+
+  public isEditing(index: number, column: string): boolean {
+    return index === this.editingIdx && column === this.editingCol;
+  }
+
+  public stopEditing(): void {
+    this.editingIdx = undefined;
+    this.editingCol = undefined;
+    this.originalCellValue = undefined;
+  }
+
+  public cancelEditing(): void {
+    if (this.editingIdx === undefined || !this.editingCol) return;
+    const row = this.config.object[this.config.field]?.[this.editingIdx];
+    if (row) row[this.editingCol] = this.originalCellValue;
+    this.stopEditing();
+  }
+
+  public addRow(): void {
+    const newRow: any = {};
+    this.config.columns.forEach(c => (newRow[c.name] = ''));
+    this.config.object[this.config.field].unshift(newRow);
+    this.table?.renderRows();
+    this.editCell(0, this.config.columns[0]?.name);
+  }
+
+  public editCell(index: number, column: string): void {
+    if (this.isEditing(index, column)) return;
+
+    this.editingIdx = index;
+    this.editingCol = column;
+
+    const row = this.config.object[this.config.field]?.[index];
+    this.originalCellValue = row ? row[column] : undefined;
+
+    setTimeout(() => this.editInput?.nativeElement?.focus());
+  }
+
+  public deleteRow(index: number): void {
+    this.config.object[this.config.field]?.splice(index, 1);
+    this.table?.renderRows();
+    this.stopEditing();
+  }
+}
diff --git a/src/app/components/stix/dictionary-property/dictionary-property.component.html b/src/app/components/stix/dictionary-property/dictionary-property.component.html
new file mode 100644
index 000000000..8a2b98f72
--- /dev/null
+++ b/src/app/components/stix/dictionary-property/dictionary-property.component.html
@@ -0,0 +1,11 @@
+<div class="dictionary-property grow-to-row">
+  <app-dictionary-view
+    *ngIf="!config.mode || config.mode === 'view'"
+    [config]="config"></app-dictionary-view>
+  <app-dictionary-edit
+    *ngIf="config.mode === 'edit'"
+    [config]="config"></app-dictionary-edit>
+  <app-dictionary-diff
+    *ngIf="config.mode === 'diff'"
+    [config]="config"></app-dictionary-diff>
+</div>
diff --git a/src/app/components/stix/dictionary-property/dictionary-property.component.scss b/src/app/components/stix/dictionary-property/dictionary-property.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/components/stix/dictionary-property/dictionary-property.component.ts b/src/app/components/stix/dictionary-property/dictionary-property.component.ts
new file mode 100644
index 000000000..bf04b9ecf
--- /dev/null
+++ b/src/app/components/stix/dictionary-property/dictionary-property.component.ts
@@ -0,0 +1,36 @@
+import { Component, Input } from '@angular/core';
+import { StixObject } from 'src/app/classes/stix';
+
+@Component({
+  selector: 'app-dictionary-property',
+  standalone: false,
+  templateUrl: './dictionary-property.component.html',
+  styleUrls: ['./dictionary-property.component.scss'],
+})
+export class DictionaryPropertyComponent {
+  @Input() public config: DictionaryPropertyConfig;
+}
+
+export interface DictionaryPropertyConfig {
+  /* What is the current mode? Default: 'view' */
+  mode?: 'view' | 'edit' | 'diff';
+  /* The fields to display as columns in the table */
+  columns: DictionaryColumn[];
+  /* The label for the table */
+  label: string;
+  /* Label for the add button */
+  buttonLabel?: string;
+  /* The tooltip for the add button/edit dialog */
+  tooltip?: string;
+  /** The object to show the field of */
+  object: StixObject | [StixObject, StixObject];
+  field: string;
+}
+
+interface DictionaryColumn {
+  name: string;
+  label?: string; // default name
+  editType: 'string' | 'description' | 'select' | 'autocomplete';
+  required?: boolean; // default false
+  sort?: boolean; // default false
+}
diff --git a/src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.html b/src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.html
new file mode 100644
index 000000000..47296bb4c
--- /dev/null
+++ b/src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.html
@@ -0,0 +1,20 @@
+<div class="dictionary-view grow-to-row">
+  <div class="content">
+    <table mat-table [dataSource]="dataSource" class="property-table">
+      <ng-container
+        *ngFor="let column of config.columns; let i = index"
+        [matColumnDef]="column.name">
+        <th mat-header-cell *matHeaderCellDef>
+          {{ column.label || column.name }}
+        </th>
+        <td mat-cell *matCellDef="let element; let idx = index">
+          {{ dataSource[idx][column.name] }}
+        </td>
+      </ng-container>
+
+      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+      <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
+    </table>
+  </div>
+  <span class="labelled-box-label">{{ config.label }}</span>
+</div>
diff --git a/src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.scss b/src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.scss
new file mode 100644
index 000000000..badd39b9a
--- /dev/null
+++ b/src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.scss
@@ -0,0 +1,9 @@
+@use '../../../../../style/globals';
+
+.dictionary-view {
+  @extend .labelled-box;
+
+  .content {
+    overflow-x: auto;
+  }
+}
diff --git a/src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.ts b/src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.ts
new file mode 100644
index 000000000..41f3e2c60
--- /dev/null
+++ b/src/app/components/stix/dictionary-property/dictionary-view/dictionary-view.component.ts
@@ -0,0 +1,40 @@
+import {
+  Component,
+  Input,
+  ViewChild,
+  ViewEncapsulation,
+  OnInit,
+} from '@angular/core';
+import { MatSort } from '@angular/material/sort';
+import { DictionaryPropertyConfig } from '../dictionary-property.component';
+
+@Component({
+  selector: 'app-dictionary-view',
+  standalone: false,
+  templateUrl: './dictionary-view.component.html',
+  styleUrls: ['./dictionary-view.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+})
+export class DictionaryViewComponent implements OnInit {
+  @Input() public config: DictionaryPropertyConfig;
+  @ViewChild(MatSort) sort: MatSort;
+
+  public dataSource: any[] = [];
+  public displayedColumns: string[] = [];
+
+  ngOnInit() {
+    this.dataSource = this.config.object[this.config.field];
+    this.displayedColumns = this.config.columns.map(c => c.name);
+
+    const sortColumn = this.config.columns.find(c => c.sort).name;
+    if (sortColumn) {
+      this.dataSource.sort((a, b) => {
+        const aValue = a[sortColumn] ?? '';
+        const bValue = b[sortColumn] ?? '';
+        return String(aValue).localeCompare(String(bValue), undefined, {
+          sensitivity: 'base',
+        });
+      });
+    }
+  }
+}
diff --git a/src/app/components/stix/external-references-property/external-references-diff/external-references-diff.component.spec.ts b/src/app/components/stix/external-references-property/external-references-diff/external-references-diff.component.spec.ts
index 94ba4731a..7c2b490b6 100644
--- a/src/app/components/stix/external-references-property/external-references-diff/external-references-diff.component.spec.ts
+++ b/src/app/components/stix/external-references-property/external-references-diff/external-references-diff.component.spec.ts
@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { ExternalReferencesDiffComponent } from './external-references-diff.component';
 
@@ -9,11 +10,19 @@ describe('ExternalReferencesDiffComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [ExternalReferencesDiffComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(ExternalReferencesDiffComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'diff',
+      object: [
+        { external_references: [] } as any,
+        { external_references: [] } as any,
+      ],
+      referencesField: 'external_references',
+    };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/external-references-property/external-references-property.component.spec.ts b/src/app/components/stix/external-references-property/external-references-property.component.spec.ts
index 3708be928..d23914e90 100644
--- a/src/app/components/stix/external-references-property/external-references-property.component.spec.ts
+++ b/src/app/components/stix/external-references-property/external-references-property.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ExternalReferencesPropertyComponent } from './external-references-property.component';
@@ -9,12 +10,18 @@ describe('ExternalReferencesPropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [ExternalReferencesPropertyComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(ExternalReferencesPropertyComponent);
     component = fixture.componentInstance;
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+      referencesField: 'external_references',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/external-references-property/external-references-view/external-references-view.component.spec.ts b/src/app/components/stix/external-references-property/external-references-view/external-references-view.component.spec.ts
index 0a90d53db..cfb1f30e8 100644
--- a/src/app/components/stix/external-references-property/external-references-view/external-references-view.component.spec.ts
+++ b/src/app/components/stix/external-references-property/external-references-view/external-references-view.component.spec.ts
@@ -1,4 +1,9 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { ExternalReferencesViewComponent } from './external-references-view.component';
 
@@ -9,13 +14,29 @@ describe('ExternalReferencesViewComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [ExternalReferencesViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        provideRouter([]),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(ExternalReferencesViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+      referencesField: 'external_references',
+    };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/identity-property/identity-property.component.spec.ts b/src/app/components/stix/identity-property/identity-property.component.spec.ts
index 53c579e57..837abf70d 100644
--- a/src/app/components/stix/identity-property/identity-property.component.spec.ts
+++ b/src/app/components/stix/identity-property/identity-property.component.spec.ts
@@ -1,20 +1,42 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { IdentityPropertyComponent } from './identity-property.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('IdentityPropertyComponent', () => {
   let component: IdentityPropertyComponent;
   let fixture: ComponentFixture<IdentityPropertyComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllIdentities: () => createAsyncObservable(createPaginatedResponse()),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [IdentityPropertyComponent],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(IdentityPropertyComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      object: {} as any,
+      field: 'identity',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/list-property/list-diff/list-diff.component.spec.ts b/src/app/components/stix/list-property/list-diff/list-diff.component.spec.ts
index 13c6d7148..7f05899cd 100644
--- a/src/app/components/stix/list-property/list-diff/list-diff.component.spec.ts
+++ b/src/app/components/stix/list-property/list-diff/list-diff.component.spec.ts
@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { ListDiffComponent } from './list-diff.component';
 
@@ -9,11 +10,16 @@ describe('ListDiffComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [ListDiffComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(ListDiffComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'diff',
+      object: [{} as any, {} as any],
+      field: 'platforms',
+    } as any;
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/list-property/list-edit/list-edit.component.spec.ts b/src/app/components/stix/list-property/list-edit/list-edit.component.spec.ts
index 5ea8fa04a..67253eac1 100644
--- a/src/app/components/stix/list-property/list-edit/list-edit.component.spec.ts
+++ b/src/app/components/stix/list-property/list-edit/list-edit.component.spec.ts
@@ -1,21 +1,32 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { ListEditComponent } from './list-edit.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('ListEditComponent', () => {
   let component: ListEditComponent;
   let fixture: ComponentFixture<ListEditComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [ListEditComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(ListEditComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'edit', object: {} as any, field: 'platforms' };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/list-property/list-property.component.spec.ts b/src/app/components/stix/list-property/list-property.component.spec.ts
index a9d161f6a..9d45e9fef 100644
--- a/src/app/components/stix/list-property/list-property.component.spec.ts
+++ b/src/app/components/stix/list-property/list-property.component.spec.ts
@@ -1,20 +1,36 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { ListPropertyComponent } from './list-property.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('ListPropertyComponent', () => {
   let component: ListPropertyComponent;
   let fixture: ComponentFixture<ListPropertyComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [ListPropertyComponent],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(ListPropertyComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      field: 'test',
+      object: {} as any,
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/list-property/list-view/list-view.component.spec.ts b/src/app/components/stix/list-property/list-view/list-view.component.spec.ts
index 3c07cee4c..cf6726cbb 100644
--- a/src/app/components/stix/list-property/list-view/list-view.component.spec.ts
+++ b/src/app/components/stix/list-property/list-view/list-view.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ListViewComponent } from './list-view.component';
@@ -9,12 +10,20 @@ describe('ListViewComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [ListViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(ListViewComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: { test: [] } as any,
+      field: 'test',
+      label: 'Test',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/list-property/list-view/list-view.component.ts b/src/app/components/stix/list-property/list-view/list-view.component.ts
index 357e951c8..fbc6b2fb6 100644
--- a/src/app/components/stix/list-property/list-view/list-view.component.ts
+++ b/src/app/components/stix/list-property/list-view/list-view.component.ts
@@ -1,7 +1,7 @@
 import { Component, Input, ViewEncapsulation } from '@angular/core';
 import { ListPropertyConfig } from '../list-property.component';
 import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
-import { RelatedRef } from 'src/app/classes/stix/stix-object';
+import { EmbeddedRelationship } from 'src/app/classes/stix/stix-object';
 
 @Component({
   selector: 'app-list-view',
@@ -49,7 +49,7 @@ export class ListViewComponent {
     return arr;
   }
 
-  public getHTML(val: string | RelatedRef) {
+  public getHTML(val: string | EmbeddedRelationship) {
     if (this.config.objectProperty && typeof val === 'object') {
       if (this.showLink) {
         return `<a class="external-link" href="${this.internalLink(val)}" rel="nofollow noopener">${val[this.config.objectProperty]}</a>`;
@@ -59,8 +59,9 @@ export class ListViewComponent {
     return val;
   }
 
-  public internalLink(item: RelatedRef): string {
-    const attackType = StixTypeToAttackType[item.type];
+  public internalLink(item: EmbeddedRelationship): string {
+    const stixType = item.stixId.split('--')?.[0];
+    const attackType = StixTypeToAttackType[stixType];
     return `/${attackType}/${item.stixId}`;
   }
 }
diff --git a/src/app/components/stix/log-source-reference-property/log-source-reference-dialog/log-source-reference-dialog.component.spec.ts b/src/app/components/stix/log-source-reference-property/log-source-reference-dialog/log-source-reference-dialog.component.spec.ts
index aa5e3bf99..406f885a2 100644
--- a/src/app/components/stix/log-source-reference-property/log-source-reference-dialog/log-source-reference-dialog.component.spec.ts
+++ b/src/app/components/stix/log-source-reference-property/log-source-reference-dialog/log-source-reference-dialog.component.spec.ts
@@ -1,19 +1,45 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { LogSourceReferenceDialogComponent } from './log-source-reference-dialog.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('LogSourceReferenceDialogComponent', () => {
   let component: LogSourceReferenceDialogComponent;
   let fixture: ComponentFixture<LogSourceReferenceDialogComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllDataComponents: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+      getDataComponent: () => createAsyncObservable([]),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [LogSourceReferenceDialogComponent],
+      imports: [MatAutocompleteModule],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        { provide: MatDialogRef, useValue: {} },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: { object: { logSourceReferences: [] } },
+        },
+      ],
     }).compileComponents();
+  });
 
+  beforeEach(() => {
     fixture = TestBed.createComponent(LogSourceReferenceDialogComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/log-source-reference-property/log-source-reference-diff/log-source-reference-diff.component.spec.ts b/src/app/components/stix/log-source-reference-property/log-source-reference-diff/log-source-reference-diff.component.spec.ts
index 11fe45bc9..e2e6c6e30 100644
--- a/src/app/components/stix/log-source-reference-property/log-source-reference-diff/log-source-reference-diff.component.spec.ts
+++ b/src/app/components/stix/log-source-reference-property/log-source-reference-diff/log-source-reference-diff.component.spec.ts
@@ -1,19 +1,37 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { LogSourceReferenceDiffComponent } from './log-source-reference-diff.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('LogSourceReferenceDiffComponent', () => {
   let component: LogSourceReferenceDiffComponent;
   let fixture: ComponentFixture<LogSourceReferenceDiffComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [LogSourceReferenceDiffComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
+  });
 
+  beforeEach(() => {
     fixture = TestBed.createComponent(LogSourceReferenceDiffComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'diff',
+      object: [
+        { logSourceReferences: [] } as any,
+        { logSourceReferences: [] } as any,
+      ],
+      field: 'logSourceReferences',
+    } as any;
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/log-source-reference-property/log-source-reference-edit/log-source-reference-edit.component.spec.ts b/src/app/components/stix/log-source-reference-property/log-source-reference-edit/log-source-reference-edit.component.spec.ts
index 9cd78b2e4..d517351b9 100644
--- a/src/app/components/stix/log-source-reference-property/log-source-reference-edit/log-source-reference-edit.component.spec.ts
+++ b/src/app/components/stix/log-source-reference-property/log-source-reference-edit/log-source-reference-edit.component.spec.ts
@@ -1,18 +1,39 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { LogSourceReferenceEditComponent } from './log-source-reference-edit.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('LogSourceReferenceEditComponent', () => {
   let component: LogSourceReferenceEditComponent;
   let fixture: ComponentFixture<LogSourceReferenceEditComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllDataComponents: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [LogSourceReferenceEditComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(LogSourceReferenceEditComponent);
     component = fixture.componentInstance;
+    component.config = {
+      mode: 'edit',
+      object: { logSourceReferences: [] } as any,
+      field: 'logSourceReferences',
+    } as any;
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/log-source-reference-property/log-source-reference-property.component.spec.ts b/src/app/components/stix/log-source-reference-property/log-source-reference-property.component.spec.ts
index 51c2a2138..c9b373693 100644
--- a/src/app/components/stix/log-source-reference-property/log-source-reference-property.component.spec.ts
+++ b/src/app/components/stix/log-source-reference-property/log-source-reference-property.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { LogSourceReferencePropertyComponent } from './log-source-reference-property.component';
@@ -9,10 +10,15 @@ describe('LogSourceReferencePropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [LogSourceReferencePropertyComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(LogSourceReferencePropertyComponent);
     component = fixture.componentInstance;
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/log-source-reference-property/log-source-reference-view/log-source-reference-view.component.spec.ts b/src/app/components/stix/log-source-reference-property/log-source-reference-view/log-source-reference-view.component.spec.ts
index ea7fdaef4..bbcefb312 100644
--- a/src/app/components/stix/log-source-reference-property/log-source-reference-view/log-source-reference-view.component.spec.ts
+++ b/src/app/components/stix/log-source-reference-property/log-source-reference-view/log-source-reference-view.component.spec.ts
@@ -1,19 +1,34 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { LogSourceReferenceViewComponent } from './log-source-reference-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('LogSourceReferenceViewComponent', () => {
   let component: LogSourceReferenceViewComponent;
   let fixture: ComponentFixture<LogSourceReferenceViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [LogSourceReferenceViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
+  });
 
+  beforeEach(() => {
     fixture = TestBed.createComponent(LogSourceReferenceViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'view',
+      object: { logSourceReferences: [] } as any,
+      field: 'logSourceReferences',
+    } as any;
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/name-property/name-property.component.spec.ts b/src/app/components/stix/name-property/name-property.component.spec.ts
index 98b87926a..5931f8e48 100644
--- a/src/app/components/stix/name-property/name-property.component.spec.ts
+++ b/src/app/components/stix/name-property/name-property.component.spec.ts
@@ -1,20 +1,34 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { NamePropertyComponent } from './name-property.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('NamePropertyComponent', () => {
   let component: NamePropertyComponent;
   let fixture: ComponentFixture<NamePropertyComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [NamePropertyComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(NamePropertyComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/ordered-list-property/ordered-list-diff/ordered-list-diff.component.spec.ts b/src/app/components/stix/ordered-list-property/ordered-list-diff/ordered-list-diff.component.spec.ts
index 3c4a05a8c..9bef3c4d9 100644
--- a/src/app/components/stix/ordered-list-property/ordered-list-diff/ordered-list-diff.component.spec.ts
+++ b/src/app/components/stix/ordered-list-property/ordered-list-diff/ordered-list-diff.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { OrderedListDiffComponent } from './ordered-list-diff.component';
@@ -9,10 +10,20 @@ describe('OrderedListDiffComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [OrderedListDiffComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(OrderedListDiffComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'diff',
+      object: [{}, {}] as any,
+      objectOrderedListField: 'test',
+      field: 'test',
+      globalObjects: [],
+      label: 'Test',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/ordered-list-property/ordered-list-edit/ordered-list-edit.component.spec.ts b/src/app/components/stix/ordered-list-property/ordered-list-edit/ordered-list-edit.component.spec.ts
index 800107f89..eae8266cf 100644
--- a/src/app/components/stix/ordered-list-property/ordered-list-edit/ordered-list-edit.component.spec.ts
+++ b/src/app/components/stix/ordered-list-property/ordered-list-edit/ordered-list-edit.component.spec.ts
@@ -1,4 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { DragDropModule } from '@angular/cdk/drag-drop';
 
 import { OrderedListEditComponent } from './ordered-list-edit.component';
 
@@ -9,13 +12,22 @@ describe('OrderedListEditComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [OrderedListEditComponent],
+      imports: [DragDropModule],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [provideHttpClient()],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(OrderedListEditComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'edit',
+      object: {} as any,
+      field: 'x_mitre_contributors',
+      objectOrderedListField: 'x_mitre_contributors',
+      globalObjects: [],
+    };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/ordered-list-property/ordered-list-property.component.spec.ts b/src/app/components/stix/ordered-list-property/ordered-list-property.component.spec.ts
index 06fbf5680..a75d56f77 100644
--- a/src/app/components/stix/ordered-list-property/ordered-list-property.component.spec.ts
+++ b/src/app/components/stix/ordered-list-property/ordered-list-property.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { OrderedListPropertyComponent } from './ordered-list-property.component';
@@ -9,12 +10,20 @@ describe('OrderedListPropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [OrderedListPropertyComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(OrderedListPropertyComponent);
     component = fixture.componentInstance;
+    component.config = {
+      mode: 'view',
+      field: 'name',
+      object: {} as any,
+      objectOrderedListField: 'items',
+      globalObjects: [],
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/ordered-list-property/ordered-list-view/ordered-list-view.component.spec.ts b/src/app/components/stix/ordered-list-property/ordered-list-view/ordered-list-view.component.spec.ts
index 50ed21dd1..4bbf78f7e 100644
--- a/src/app/components/stix/ordered-list-property/ordered-list-view/ordered-list-view.component.spec.ts
+++ b/src/app/components/stix/ordered-list-property/ordered-list-view/ordered-list-view.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { OrderedListViewComponent } from './ordered-list-view.component';
@@ -9,12 +10,22 @@ describe('OrderedListViewComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [OrderedListViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(OrderedListViewComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+      objectOrderedListField: 'test',
+      objectField: 'test',
+      label: 'Test',
+      globalObjects: [],
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/statement-property/statement-diff/statement-diff.component.spec.ts b/src/app/components/stix/statement-property/statement-diff/statement-diff.component.spec.ts
index de497d570..3039e9302 100644
--- a/src/app/components/stix/statement-property/statement-diff/statement-diff.component.spec.ts
+++ b/src/app/components/stix/statement-property/statement-diff/statement-diff.component.spec.ts
@@ -1,4 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { MtxPopoverModule } from '@ng-matero/extensions/popover';
 
 import { StatementDiffComponent } from './statement-diff.component';
 
@@ -9,11 +11,19 @@ describe('StatementDiffComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [StatementDiffComponent],
+      imports: [MtxPopoverModule],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
+  });
 
+  beforeEach(() => {
     fixture = TestBed.createComponent(StatementDiffComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'diff',
+      object: [{} as any, {} as any],
+      field: 'statement',
+    } as any;
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/statement-property/statement-edit/statement-edit.component.spec.ts b/src/app/components/stix/statement-property/statement-edit/statement-edit.component.spec.ts
index cefd1e3f2..06813d017 100644
--- a/src/app/components/stix/statement-property/statement-edit/statement-edit.component.spec.ts
+++ b/src/app/components/stix/statement-property/statement-edit/statement-edit.component.spec.ts
@@ -1,4 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { MtxPopoverModule } from '@ng-matero/extensions/popover';
 
 import { StatementEditComponent } from './statement-edit.component';
 
@@ -9,13 +12,20 @@ describe('StatementEditComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [StatementEditComponent],
+      imports: [MtxPopoverModule],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [provideHttpClient()],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(StatementEditComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'edit',
+      object: {} as any,
+      field: 'statement',
+    } as any;
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/statement-property/statement-property.component.spec.ts b/src/app/components/stix/statement-property/statement-property.component.spec.ts
index 80b37dd20..1a83977a1 100644
--- a/src/app/components/stix/statement-property/statement-property.component.spec.ts
+++ b/src/app/components/stix/statement-property/statement-property.component.spec.ts
@@ -1,14 +1,30 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { StatementPropertyComponent } from './statement-property.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('StatementPropertyComponent', () => {
   let component: StatementPropertyComponent;
   let fixture: ComponentFixture<StatementPropertyComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllMarkingDefinitions: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [StatementPropertyComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/stix/statement-property/statement-view/statement-view.component.spec.ts b/src/app/components/stix/statement-property/statement-view/statement-view.component.spec.ts
index c80134621..9bd573f9c 100644
--- a/src/app/components/stix/statement-property/statement-view/statement-view.component.spec.ts
+++ b/src/app/components/stix/statement-property/statement-view/statement-view.component.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MtxPopoverModule } from '@ng-matero/extensions/popover';
 
 import { StatementViewComponent } from './statement-view.component';
 
@@ -9,12 +11,20 @@ describe('StatementViewComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [StatementViewComponent],
+      imports: [MtxPopoverModule],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(StatementViewComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+      field: 'test',
+    } as any;
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/stix-list/stix-list.component.html b/src/app/components/stix/stix-list/stix-list.component.html
index 130ace12c..575129780 100644
--- a/src/app/components/stix/stix-list/stix-list.component.html
+++ b/src/app/components/stix/stix-list/stix-list.component.html
@@ -266,119 +266,84 @@
             <div
               class="element-detail"
               @detailExpand
-              *ngIf="expandedElement === element">
+              *ngIf="isCollectionType() && expandedElement === element">
               <div class="element-description columns">
                 <div
-                  class="column controls"
-                  [ngClass]="
-                    !config.type.includes('collection-')
-                      ? 'is-narrow'
-                      : 'collection-table'
-                  "
+                  class="column controls collection-table"
                   *ngIf="config.showLinks">
-                  <span *ngIf="!config.type.includes('collection-')">
-                    <div
-                      *ngFor="
-                        let route of getAccessibleRoutes(
-                          element.attackType,
-                          element.routes
-                        )
-                      ">
-                      <button
-                        class="detail-button"
-                        mat-button
-                        (click)="
-                          routeTo(
-                            '/' +
-                              [
-                                element.attackType,
-                                element.stixID,
-                                route.route,
-                              ].join('/'),
-                            route.query
-                          )
-                        ">
-                        {{ route.label }}
-                      </button>
-                    </div>
-                  </span>
-                  <span *ngIf="config.type.includes('collection-')">
-                    <mat-table
-                      mat-table
-                      multiTemplateDataRows
-                      [dataSource]="config.collectionMap.get(element.stixID)">
-                      <ng-container matColumnDef="action">
-                        <mat-header-cell *matHeaderCellDef></mat-header-cell>
-                        <mat-cell *matCellDef="let collection">
-                          <div
-                            *ngFor="
-                              let route of getAccessibleRoutes(
-                                collection.attackType,
-                                collection.routes
+                  <mat-table
+                    mat-table
+                    multiTemplateDataRows
+                    [dataSource]="config.collectionMap.get(element.stixID)">
+                    <ng-container matColumnDef="action">
+                      <mat-header-cell *matHeaderCellDef></mat-header-cell>
+                      <mat-cell *matCellDef="let collection">
+                        <div
+                          *ngFor="
+                            let route of getAccessibleCollectionRoutes(
+                              collection
+                            )
+                          ">
+                          <button
+                            class="detail-button"
+                            mat-button
+                            (click)="
+                              routeTo(
+                                '/' +
+                                  [
+                                    collection.attackType,
+                                    collection.stixID,
+                                    route.route,
+                                  ].join('/'),
+                                route.query
                               )
                             ">
-                            <button
-                              class="detail-button"
-                              mat-button
-                              (click)="
-                                routeTo(
-                                  '/' +
-                                    [
-                                      collection.attackType,
-                                      collection.stixID,
-                                      route.route,
-                                    ].join('/'),
-                                  route.query
-                                )
-                              ">
-                              {{ route.label }}
-                            </button>
-                          </div>
-                        </mat-cell>
-                      </ng-container>
+                            {{ route.label }}
+                          </button>
+                        </div>
+                      </mat-cell>
+                    </ng-container>
 
-                      <ng-container matColumnDef="version">
-                        <mat-header-cell *matHeaderCellDef
-                          >Version</mat-header-cell
-                        >
-                        <mat-cell *matCellDef="let collection">{{
-                          collection.version
-                        }}</mat-cell>
-                      </ng-container>
+                    <ng-container matColumnDef="version">
+                      <mat-header-cell *matHeaderCellDef
+                        >Version</mat-header-cell
+                      >
+                      <mat-cell *matCellDef="let collection">{{
+                        collection.version
+                      }}</mat-cell>
+                    </ng-container>
 
-                      <ng-container matColumnDef="released">
-                        <mat-header-cell *matHeaderCellDef
-                          >Released</mat-header-cell
-                        >
-                        <mat-cell *matCellDef="let collection">{{
-                          collection.release
-                        }}</mat-cell>
-                      </ng-container>
+                    <ng-container matColumnDef="released">
+                      <mat-header-cell *matHeaderCellDef
+                        >Released</mat-header-cell
+                      >
+                      <mat-cell *matCellDef="let collection">{{
+                        collection.release
+                      }}</mat-cell>
+                    </ng-container>
 
-                      <ng-container matColumnDef="description">
-                        <mat-header-cell *matHeaderCellDef
-                          >Description</mat-header-cell
-                        >
-                        <mat-cell
-                          *matCellDef="let collection; let i = dataIndex">
-                          <span *ngIf="i == 0">{{
-                            collection.description
-                          }}</span>
-                        </mat-cell>
-                      </ng-container>
+                    <ng-container matColumnDef="description">
+                      <mat-header-cell *matHeaderCellDef
+                        >Description</mat-header-cell
+                      >
+                      <mat-cell *matCellDef="let collection; let i = dataIndex">
+                        <span *ngIf="i === 0">{{
+                          collection.description
+                        }}</span>
+                      </mat-cell>
+                    </ng-container>
 
-                      <mat-header-row
-                        *matHeaderRowDef="
-                          collectionColumnsToDisplay;
-                          sticky: true
-                        "></mat-header-row>
-                      <mat-row
-                        *matRowDef="
-                          let row;
-                          columns: collectionColumnsToDisplay
-                        "></mat-row>
-                    </mat-table>
-                  </span>
+                    <mat-header-row
+                      *matHeaderRowDef="
+                        collectionColumnsToDisplay;
+                        sticky: true
+                      "></mat-header-row>
+                    <mat-row
+                      *matRowDef="
+                        let row;
+                        columns: collectionColumnsToDisplay
+                      "></mat-row>
+                  </mat-table>
                 </div>
                 <div
                   class="column description"
@@ -404,7 +369,9 @@
           mat-row
           *matRowDef="let element; columns: tableColumns_controls"
           class="element-row"
-          [class.expanded]="expandedElement === element"></tr>
+          [class.expanded]="
+            isCollectionType() && expandedElement === element
+          "></tr>
         <tr
           mat-row
           *matRowDef="let row; columns: ['expandedDetail']"
diff --git a/src/app/components/stix/stix-list/stix-list.component.spec.ts b/src/app/components/stix/stix-list/stix-list.component.spec.ts
index 3851e92d8..cc58ab167 100644
--- a/src/app/components/stix/stix-list/stix-list.component.spec.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.spec.ts
@@ -1,20 +1,29 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
-import { StixListComponent } from './stix-list.component';
+import { StixListComponent, StixListConfig } from './stix-list.component';
 
 describe('StixListComponent', () => {
   let component: StixListComponent;
   let fixture: ComponentFixture<StixListComponent>;
 
+  const defaultConfig: StixListConfig = {
+    type: 'technique',
+  };
+
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [StixListComponent],
+      providers: [provideHttpClient()],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(StixListComponent);
     component = fixture.componentInstance;
+    component.config = { ...defaultConfig };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 0e177ec96..54edba086 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -24,7 +24,10 @@ import {
   tap,
 } from 'rxjs/operators';
 
-import { RelatedRef, StixObject } from 'src/app/classes/stix/stix-object';
+import {
+  EmbeddedRelationship,
+  StixObject,
+} from 'src/app/classes/stix/stix-object';
 import { StixDialogComponent } from 'src/app/views/stix/stix-dialog/stix-dialog.component';
 import {
   Paginated,
@@ -32,7 +35,6 @@ import {
 } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { SidebarService } from 'src/app/services/sidebar/sidebar.service';
-import { MatSelect } from '@angular/material/select';
 import { AddDialogComponent } from '../../add-dialog/add-dialog.component';
 import { Collection } from 'src/app/classes/stix/collection';
 import { logger } from 'src/app/utils/logger';
@@ -81,27 +83,21 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
 
   @ViewChild(MatPaginator) paginator: MatPaginator;
   @ViewChild('search') search: ElementRef;
-  @ViewChild(MatSelect) matSelect: MatSelect;
 
   // search query
   public searchQuery = '';
   private searchSubscription: Subscription;
 
   // objects to render
-  public objects$: Observable<StixObject[]>;
   public data$: Observable<Paginated<StixObject>>;
   public totalObjectCount = 0;
 
-  // view mode
-  public mode = 'cards';
-
   // options provided to the user for grouping and filtering
   public filterOptions: FilterGroup[] = [];
   public showControls = true;
 
   // current grouping and filtering selections
   public filter: string[] = [];
-  public groupBy: string[] = [];
   public userIdsUsedInSearch = [];
 
   // TABLE STUFF
@@ -116,7 +112,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
   // Selection stuff
   public selection: SelectionModel<string>;
 
-  // all possible each type of filter/groupBy
+  // all possible each type of filter
   private platformSubscription: Subscription;
   private platformMap = new Map<string, Map<string, string[]>>();
   private domains: FilterValue[] = [
@@ -225,7 +221,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
   /**
    * Build the stix list table to display
    */
-  private buildTable(): void {
+  protected buildTable(): void {
     // filter options
     this.filterOptions = [];
     if (!('showFilters' in this.config)) this.config.showFilters = true;
@@ -234,15 +230,21 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     const sticky_allowed = !(
       this.config.rowAction && this.config.rowAction.position == 'start'
     );
+    // Column presets take precedence
+    if (this.config.columnsPreset === 'id-name') {
+      this.addColumn('ID', 'attackID', 'plain', false);
+      this.addColumn('name', 'name', 'plain', sticky_allowed, ['name']);
+      this.tableDetail = [];
+      return;
+    }
     if ('type' in this.config) {
       // set columns according to type
       switch (this.config.type.replace(/_/g, '-')) {
         case 'collection':
         case 'collection-created':
-          this.addColumn('name', 'name', 'plain', sticky_allowed, ['name']);
+          this.addNameColumn(sticky_allowed);
           this.addColumn('latest version', 'version', 'version');
-          this.addColumn('created', 'created', 'timestamp');
-          this.addColumn('modified', 'modified', 'timestamp');
+          this.addModifiedAndCreatedColumns();
           this.tableDetail = [
             {
               field: 'description',
@@ -257,7 +259,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
           ];
           break;
         case 'collection-imported':
-          this.addColumn('name', 'name', 'plain', sticky_allowed, ['name']);
+          this.addNameColumn(sticky_allowed);
           this.addColumn('latest version', 'version', 'version');
           this.addColumn('imported', 'imported', 'timestamp');
           this.addColumn('modified', 'modified', 'timestamp');
@@ -276,48 +278,24 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
         case 'mitigation':
         case 'tactic':
         case 'data-component':
-          this.addColumn('', 'workflow', 'icon');
-          this.addColumn('', 'state', 'icon');
-          this.addColumn('ID', 'attackID', 'plain', false);
-          this.addColumn('name', 'name', 'plain', sticky_allowed, ['name']);
-          this.addColumn('domain', 'domains', 'list');
+          this.addWorkflowAndStateColumns();
+          this.addIdAndNameColumns(sticky_allowed);
+          this.addDomainColumn();
           this.addVersionsAndDatesColumns();
-          this.tableDetail = [
-            {
-              field: 'description',
-              display: 'descriptive',
-            },
-          ];
           break;
         case 'matrix':
-          this.addColumn('', 'workflow', 'icon');
-          this.addColumn('', 'state', 'icon');
-          this.addColumn('name', 'name', 'plain', sticky_allowed, ['name']);
+          this.addWorkflowAndStateColumns();
+          this.addNameColumn(sticky_allowed);
           this.addVersionsAndDatesColumns();
-          this.tableDetail = [
-            {
-              field: 'description',
-              display: 'descriptive',
-            },
-          ];
           break;
         case 'detection-strategy':
         case 'campaign':
-          this.addColumn('', 'workflow', 'icon');
-          this.addColumn('', 'state', 'icon');
-          this.addColumn('ID', 'attackID', 'plain', false);
-          this.addColumn('name', 'name', 'plain', sticky_allowed, ['name']);
+          this.addWorkflowAndStateColumns();
+          this.addIdAndNameColumns(sticky_allowed);
           this.addVersionsAndDatesColumns();
-          this.tableDetail = [
-            {
-              field: 'description',
-              display: 'descriptive',
-            },
-          ];
           break;
         case 'analytic':
-          this.addColumn('', 'workflow', 'icon');
-          this.addColumn('', 'state', 'icon');
+          this.addWorkflowAndStateColumns();
           this.addColumn('ID', 'attackID', 'plain', false);
           this.addColumn(
             'related detection strategy',
@@ -327,151 +305,157 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
             undefined,
             'name'
           );
-          this.addColumn('platform', 'platform', 'plain');
-          this.addColumn('domain', 'domains', 'list');
+          this.addPlatformsColumn('plain');
+          this.addDomainColumn();
           this.addVersionsAndDatesColumns();
-          this.tableDetail = [
-            {
-              field: 'description',
-              display: 'descriptive',
-            },
-          ];
           break;
         case 'group':
-          this.addColumn('', 'workflow', 'icon');
-          this.addColumn('', 'state', 'icon');
-          this.addColumn('ID', 'attackID', 'plain', false);
-          this.addColumn('name', 'name', 'plain', sticky_allowed, ['name']);
+          this.addWorkflowAndStateColumns();
+          this.addIdAndNameColumns(sticky_allowed);
           this.addColumn('associated groups', 'aliases', 'list');
           this.addVersionsAndDatesColumns();
-          this.tableDetail = [
-            {
-              field: 'description',
-              display: 'descriptive',
-            },
-          ];
           break;
         case 'software':
-          this.addColumn('', 'workflow', 'icon');
-          this.addColumn('', 'state', 'icon');
-          this.addColumn('ID', 'attackID', 'plain', false);
-          this.addColumn('name', 'name', 'plain', sticky_allowed, ['name']);
+          this.addWorkflowAndStateColumns();
+          this.addIdAndNameColumns(sticky_allowed);
           this.addColumn('type', 'type', 'plain');
-          this.addColumn('domain', 'domains', 'list');
+          this.addDomainColumn();
           this.addVersionsAndDatesColumns();
-          this.tableDetail = [
-            {
-              field: 'description',
-              display: 'descriptive',
-            },
-          ];
           break;
         case 'data-source':
         case 'technique':
-          this.addColumn('', 'workflow', 'icon');
-          this.addColumn('', 'state', 'icon');
-          this.addColumn('ID', 'attackID', 'plain', false);
-          this.addColumn('name', 'name', 'plain', sticky_allowed, ['name']);
-          this.addColumn('platforms', 'platforms', 'list');
-          this.addColumn('domain', 'domains', 'list');
+          this.addWorkflowAndStateColumns();
+          this.addIdAndNameColumns(sticky_allowed);
+          this.addPlatformsColumn();
+          this.addDomainColumn();
           this.addVersionsAndDatesColumns();
-          this.tableDetail = [
-            {
-              field: 'description',
-              display: 'descriptive',
-            },
-          ];
           break;
         case 'asset':
-          this.addColumn('', 'workflow', 'icon');
-          this.addColumn('', 'state', 'icon');
-          this.addColumn('ID', 'attackID', 'plain', false);
-          this.addColumn('name', 'name', 'plain', sticky_allowed, ['name']);
-          this.addColumn('platforms', 'platforms', 'list');
+          this.addWorkflowAndStateColumns();
+          this.addIdAndNameColumns(sticky_allowed);
+          this.addPlatformsColumn();
           this.addColumn('sectors', 'sectors', 'list');
           this.addVersionsAndDatesColumns();
-          this.tableDetail = [
-            {
-              field: 'description',
-              display: 'descriptive',
-            },
-          ];
           break;
         case 'relationship':
-          this.addColumn('', 'state', 'icon');
-          if (
-            this.config.relationshipType &&
-            this.config.relationshipType !== 'detects'
-          ) {
+          if (this.config.compactRelationshipColumns) {
+            // Only show source ID, type, target ID, and description
             this.addColumn('source', 'source_ID', 'plain');
+            this.addColumn('type', 'relationship_type', 'plain', false, [
+              'text-deemphasis',
+              'relationship-joiner',
+            ]);
+            this.addColumn('target', 'target_ID', 'plain');
+            this.addColumn('description', 'description', 'descriptive', false);
+            this.addColumn('created', 'created', 'timestamp', false);
+            this.addColumn('modified', 'modified', 'timestamp', false);
+          } else {
+            this.addStateColumnOnly();
+            if (
+              this.config.relationshipType &&
+              this.config.relationshipType !== 'detects'
+            ) {
+              this.addColumn('source', 'source_ID', 'plain');
+              this.addColumn(
+                '',
+                'source_name',
+                'plain',
+                this.config.targetRef ? sticky_allowed : false,
+                ['relationship-name']
+              );
+            } else
+              this.addColumn(
+                'source',
+                'source_name',
+                'plain',
+                this.config.targetRef ? sticky_allowed : false,
+                ['relationship-name']
+              );
+            this.addColumn('type', 'relationship_type', 'plain', false, [
+              'text-deemphasis',
+              'relationship-joiner',
+            ]);
+            this.addColumn('target', 'target_ID', 'plain');
             this.addColumn(
               '',
-              'source_name',
+              'target_name',
               'plain',
-              this.config.targetRef ? sticky_allowed : false,
+              this.config.sourceRef ? sticky_allowed : false,
               ['relationship-name']
             );
-          } else
-            this.addColumn(
-              'source',
-              'source_name',
-              'plain',
-              this.config.targetRef ? sticky_allowed : false,
-              ['relationship-name']
-            );
-          this.addColumn('type', 'relationship_type', 'plain', false, [
-            'text-deemphasis',
-            'relationship-joiner',
-          ]);
-          this.addColumn('target', 'target_ID', 'plain');
-          this.addColumn(
-            '',
-            'target_name',
-            'plain',
-            this.config.sourceRef ? sticky_allowed : false,
-            ['relationship-name']
-          );
-          if (
-            !(
-              this.config.relationshipType &&
-              this.config.relationshipType == 'subtechnique-of'
+            if (
+              !(
+                this.config.relationshipType &&
+                this.config.relationshipType == 'subtechnique-of'
+              )
             )
-          )
-            this.addColumn('description', 'description', 'descriptive', false);
+              this.addColumn(
+                'description',
+                'description',
+                'descriptive',
+                false
+              );
+          }
           break;
         case 'marking-definition':
           this.addColumn('definition type', 'definition_type', 'plain');
           this.addColumn('created', 'created', 'timestamp');
           this.addColumn('definition', 'definition_string', 'descriptive');
-          this.tableDetail = [
-            {
-              field: 'definition_string',
-              display: 'descriptive',
-            },
-          ];
           break;
         case 'note':
           this.addColumn('title', 'title', 'plain');
           this.addColumn('content', 'content', 'plain');
-          this.addColumn('modified', 'modified', 'timestamp');
-          this.addColumn('created', 'created', 'timestamp');
+          this.addModifiedAndCreatedColumns();
           break;
         default:
           this.addColumn('type', 'attackType', 'plain');
-          this.addColumn('modified', 'modified', 'timestamp');
-          this.addColumn('created', 'created', 'timestamp');
+          this.addModifiedAndCreatedColumns();
       }
     } else {
-      this.groupBy = ['type'];
-      this.addColumn('', 'state', 'icon');
+      this.addStateColumnOnly();
       this.addColumn('type', 'attackType', 'plain');
-      this.addColumn('ID', 'attackID', 'plain', false);
-      this.addColumn('name', 'name', 'plain', true, ['name']);
-      this.addColumn('modified', 'modified', 'timestamp');
-      this.addColumn('created', 'created', 'timestamp');
+      this.addIdAndNameColumns(true);
+      this.addModifiedAndCreatedColumns();
     }
   }
 
+  private addWorkflowAndStateColumns(): void {
+    this.addColumn('', 'workflow', 'icon');
+    this.addColumn('', 'state', 'icon');
+  }
+
+  private addStateColumnOnly(): void {
+    this.addColumn('', 'state', 'icon');
+  }
+
+  private addIdAndNameColumns(stickyAllowed: boolean): void {
+    this.addColumn('ID', 'attackID', 'plain', false);
+    this.addColumn('name', 'name', 'plain', stickyAllowed, ['name']);
+  }
+
+  private addNameColumn(stickyAllowed: boolean): void {
+    this.addColumn('name', 'name', 'plain', stickyAllowed, ['name']);
+  }
+
+  private addDomainColumn(): void {
+    this.addColumn('domain', 'domains', 'list');
+  }
+
+  private addPlatformsColumn(type: column_types = 'list'): void {
+    this.addColumn('platforms', 'platforms', type);
+  }
+
+  private addModifiedAndCreatedColumns(): void {
+    this.addColumn('modified', 'modified', 'timestamp');
+    this.addColumn('created', 'created', 'timestamp');
+  }
+
+  private addVersionsAndDatesColumns() {
+    this.addColumn('version', 'version', 'version');
+    this.addColumn('modified', 'modified', 'timestamp');
+    this.addColumn('created', 'created', 'timestamp');
+  }
+
   /**
    * Set up controls, including control columns and filters
    */
@@ -524,7 +508,6 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     if (filterList.includes('workflow_status')) {
       this.filterOptions.push({
         name: 'workflow status',
-        disabled: 'status' in this.config,
         values: this.statuses,
       });
     }
@@ -540,14 +523,12 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     if (filterList.includes('state')) {
       this.filterOptions.push({
         name: 'state',
-        disabled: 'status' in this.config,
         values: this.states,
       });
     }
     if (filterList.includes('state_exclusive')) {
       this.filterOptions.push({
         name: 'state (exclusive)',
-        disabled: 'status' in this.config,
         values: this.statesExclusive,
       });
     }
@@ -567,7 +548,6 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     if (filterByDomain) {
       this.filterOptions.push({
         name: 'domain',
-        disabled: 'status' in this.config,
         values: this.domains,
       });
     }
@@ -579,7 +559,6 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
       if (platforms.length) {
         this.filterOptions.push({
           name: 'platform',
-          disabled: 'status' in this.config,
           values: platforms,
         });
       }
@@ -604,21 +583,13 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
    * @param {boolean} [sticky] is the column sticky? If true, the column will be static in the X scrolling of the view
    * @param {string[]} [classes] list of css classes to apply to the cell
    */
-  private addColumn(
+  protected addColumn(
     label: string,
     field: string,
-    display:
-      | 'version'
-      | 'list'
-      | 'plain'
-      | 'timestamp'
-      | 'descriptive'
-      | 'relationship_name'
-      | 'icon'
-      | 'related_ref_list',
+    display: column_types,
     sticky?: boolean,
     classes?: string[],
-    relatedRefProperty?: keyof RelatedRef
+    relatedRefProperty?: keyof EmbeddedRelationship
   ) {
     this.tableColumns.push(field);
     this.tableColumns_settings.set(field, {
@@ -630,15 +601,6 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     });
   }
 
-  /**
-   * Add version, modified, and created columns to the table
-   */
-  private addVersionsAndDatesColumns() {
-    this.addColumn('version', 'version', 'version');
-    this.addColumn('modified', 'modified', 'timestamp');
-    this.addColumn('created', 'created', 'timestamp');
-  }
-
   public openUserSelectModal(): void {
     const select = new SelectionModel<string>(true);
 
@@ -676,10 +638,9 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
    * @param {StixObject} object of the row that was clicked
    */
   public rowClick(element: StixObject) {
-    if (this.config.clickBehavior && this.config.clickBehavior == 'none')
-      return;
-    if (this.config.clickBehavior && this.config.clickBehavior == 'dialog') {
-      //open modal
+    if (this.config.clickBehavior == 'none') return;
+
+    if (this.config.clickBehavior == 'dialog') {
       const prompt = this.dialog.open(StixDialogComponent, {
         data: {
           object: element,
@@ -689,10 +650,11 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
         maxHeight: '75vh',
         autoFocus: false, // prevents auto focus on toolbar buttons
       });
+
       const subscription = prompt.afterClosed().subscribe({
-        next: result => {
+        next: () => {
           if (prompt.componentInstance.dirty) {
-            //re-fetch values since an edit occurred
+            // re-fetch values since an edit occurred
             this.applyControls();
             this.refresh.emit();
           }
@@ -701,34 +663,26 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
           subscription.unsubscribe();
         },
       });
-    } else if (
-      this.config.clickBehavior &&
-      this.config.clickBehavior == 'linkToObjectPage'
-    ) {
-      this.onRowAction.emit(); // close any open dialogs
-      this.router.navigateByUrl(
-        '/' + element.attackType + '/' + element.stixID
-      );
-    } else if (
-      this.config.clickBehavior &&
-      this.config.clickBehavior == 'linkToSourceRef'
-    ) {
+      return;
+    }
+
+    if (this.config.clickBehavior == 'linkToSourceRef') {
       const source_ref = element['source_ref'];
       // Get type to navigate from source_ref
       const type = StixTypeToAttackType[source_ref.split('--')[0]];
       this.router.navigateByUrl(`/${type}/${source_ref}`);
-    } else if (
-      this.config.clickBehavior &&
-      this.config.clickBehavior == 'linkToTargetRef'
-    ) {
+      return;
+    }
+
+    if (this.config.clickBehavior == 'linkToTargetRef') {
       const target_ref = element['target_ref'];
       // Get type to navigate from target_ref
       const type = StixTypeToAttackType[target_ref.split('--')[0]];
       this.router.navigateByUrl(`/${type}/${target_ref}`);
-    } else if (
-      this.config.clickBehavior &&
-      this.config.clickBehavior == 'linkToObjectRef'
-    ) {
+      return;
+    }
+
+    if (this.config.clickBehavior == 'linkToObjectRef') {
       // technically a note can be linked to many objects, we will select the first object
       const object_ref = element['object_refs'][0];
       // Get type to navigate from target_ref
@@ -754,42 +708,53 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
       } else {
         this.router.navigateByUrl(url);
       }
-    } else {
-      //expand
+      return;
+    }
+
+    if (this.isCollectionType()) {
       this.expandedElement = this.expandedElement === element ? null : element;
+      return;
     }
-  }
 
-  // AUTHENTICATION FUNCTIONS
+    // by default, link to the object page
+    if (
+      this.config.clickBehavior == 'linkToObjectPage' ||
+      !this.config.clickBehavior
+    ) {
+      this.onRowAction.emit(); // close any open dialogs
+      this.router.navigateByUrl(
+        '/' + element.attackType + '/' + element.stixID
+      );
+      return;
+    }
+  }
 
-  public getAccessibleRoutes(attackType: string, routes: any[]) {
-    return routes.filter(
-      route => this.canAccess(attackType, route) && this.canEdit(route)
+  public isCollectionType(): boolean {
+    return ['collection', 'collection-created', 'collection-imported'].includes(
+      this.config.type
     );
   }
 
-  public routeTo(url, queryParams): void {
-    this.router.navigate([url], { queryParams: queryParams });
+  // AUTHENTICATION FUNCTIONS
+
+  public getAccessibleCollectionRoutes(collection) {
+    return collection.routes.filter(route =>
+      this.canShowCollectionRoute(collection.attackType, route)
+    );
   }
 
-  private canAccess(attackType: string, route: any) {
-    if (
-      route.label &&
-      route.label == 'edit' &&
-      !this.authenticationService.canEdit(attackType)
-    ) {
-      // user not authorized
-      return false;
+  private canShowCollectionRoute(attackType: string, route): boolean {
+    if (route.label == 'edit') {
+      return (
+        this.authenticationService.canEdit(attackType) &&
+        !this.config.uneditableObject
+      );
     }
-    // user authorized
     return true;
   }
 
-  private canEdit(route: any) {
-    if (route.label && route.label == 'edit' && this.config.uneditableObject) {
-      return false;
-    }
-    return true;
+  public routeTo(url, queryParams): void {
+    this.router.navigate([url], { queryParams: queryParams });
   }
 
   /**
@@ -908,11 +873,135 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     }
   }
 
+  private hasLocalStixObjects(): boolean {
+    return (
+      'stixObjects' in this.config && this.config.stixObjects !== undefined
+    );
+  }
+
   /**
    * Apply all controls and fetch objects from the back-end if configured
    */
-  public applyControls() {
-    const {
+  public applyControls(): void {
+    const filterStates = this.getFilterObjectStates();
+
+    if (this.hasLocalStixObjects()) {
+      this.applyControlsToLocalData(filterStates);
+    } else {
+      this.applyControlsToBackendData(filterStates);
+    }
+  }
+
+  private applyControlsToLocalData(filterStates): void {
+    if (this.config.stixObjects instanceof Observable) {
+      // pull objects out of observable
+      return;
+    }
+    // filter on STIX objects specified in the config
+    let filtered = this.config.stixObjects;
+    filtered = this.filterLocalObjects(filtered, filterStates);
+    filtered = this.sortObjects(filtered);
+
+    if (this.paginator) this.totalObjectCount = filtered.length;
+
+    // filter to only ones within the correct index range
+    const { startIndex, endIndex } = this.getPaginationRange();
+    const paged = filtered.slice(startIndex, endIndex);
+
+    this.data$ = of({
+      data: paged,
+      pagination: {
+        total: this.config.stixObjects.length,
+        offset: startIndex,
+        limit: this.paginator ? this.paginator.pageSize : 0,
+      },
+    });
+
+    this.emitDetectsHasData(paged.length > 0);
+  }
+
+  private applyControlsToBackendData(filterStates): void {
+    // fetch objects from backend
+    const limit = this.paginator ? this.paginator.pageSize : 10;
+    const offset = this.paginator ? this.paginator.pageIndex * limit : 0;
+
+    const options = {
+      limit: limit,
+      offset: offset,
+      excludeIDs: this.config.excludeIDs,
+      search: this.searchQuery,
+      state: filterStates.state,
+      includeRevoked: filterStates.revoked,
+      includeDeprecated: filterStates.deprecated,
+      platforms: filterStates.platforms,
+      domains: filterStates.domains,
+      lastUpdatedBy: this.userIdsUsedInSearch,
+    };
+    if (this.config.type == 'software')
+      this.data$ = this.restAPIConnectorService.getAllSoftware(options);
+    else if (this.config.type == 'campaign')
+      this.data$ = this.restAPIConnectorService.getAllCampaigns(options);
+    else if (this.config.type == 'group')
+      this.data$ = this.restAPIConnectorService.getAllGroups(options);
+    else if (this.config.type == 'matrix')
+      this.data$ = this.restAPIConnectorService.getAllMatrices(options);
+    else if (this.config.type == 'mitigation')
+      this.data$ = this.restAPIConnectorService.getAllMitigations(options);
+    else if (this.config.type == 'tactic')
+      this.data$ = this.restAPIConnectorService.getAllTactics(options);
+    else if (this.config.type == 'technique')
+      this.data$ = this.restAPIConnectorService.getAllTechniques(options);
+    else if (this.config.type.includes('collection'))
+      this.data$ = this.restAPIConnectorService.getAllCollections({
+        search: this.searchQuery,
+        versions: 'all',
+      });
+    else if (this.config.type == 'relationship')
+      this.data$ = this.restAPIConnectorService.getRelatedTo({
+        sourceRef: this.config.sourceRef,
+        targetRef: this.config.targetRef,
+        sourceType: this.config.sourceType,
+        targetType: this.config.targetType,
+        relationshipType: this.config.relationshipType,
+        excludeSourceRefs: this.config.excludeSourceRefs,
+        excludeTargetRefs: this.config.excludeTargetRefs,
+        limit: limit,
+        offset: offset,
+        includeDeprecated: filterStates.deprecated,
+      });
+    else if (this.config.type == 'detection-strategy')
+      this.data$ =
+        this.restAPIConnectorService.getAllDetectionStrategies(options);
+    else if (this.config.type == 'analytic')
+      this.data$ = this.restAPIConnectorService.getAllAnalytics({
+        ...options,
+        includeRefs: true,
+      });
+    else if (this.config.type == 'data-source')
+      this.data$ = this.restAPIConnectorService.getAllDataSources(options);
+    else if (this.config.type == 'data-component')
+      this.data$ = this.restAPIConnectorService.getAllDataComponents(options);
+    else if (this.config.type == 'asset')
+      this.data$ = this.restAPIConnectorService.getAllAssets(options);
+    else if (this.config.type == 'marking-definition')
+      this.data$ =
+        this.restAPIConnectorService.getAllMarkingDefinitions(options);
+    else if (this.config.type == 'note')
+      this.data$ = this.restAPIConnectorService.getAllNotes(options);
+    const subscription = this.data$.subscribe({
+      next: data => {
+        this.totalObjectCount = data.pagination.total;
+        this.emitDetectsHasData(data.data.length > 0);
+      },
+      complete: () => {
+        if (subscription) subscription.unsubscribe();
+      },
+    });
+  }
+
+  private filterLocalObjects(
+    objects: StixObject[],
+    {
       deprecated,
       revoked,
       state,
@@ -920,186 +1009,96 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
       domains,
       exclusiveDeprecated,
       exclusiveRevoked,
-    } = this.getFilterObjectStates();
-    if ('stixObjects' in this.config && this.config.stixObjects !== undefined) {
-      if (this.config.stixObjects instanceof Observable) {
-        // pull objects out of observable
-      } else {
-        // filter on STIX objects specified in the config
-        let filtered = this.config.stixObjects;
-
-        //filter by domains
-        if (Array.isArray(domains) && domains.length > 0) {
-          filtered = filtered.filter((obj: any) =>
-            obj.domains.some((object_domain: any) =>
-              domains.includes(object_domain)
-            )
-          );
-        }
+    }: ReturnType<typeof this.getFilterObjectStates>
+  ): StixObject[] {
+    let filtered = objects;
+    //filter by domains
+    if (Array.isArray(domains) && domains.length > 0) {
+      filtered = filtered.filter((obj: any) =>
+        obj.domains.some((object_domain: any) =>
+          domains.includes(object_domain)
+        )
+      );
+    }
 
-        //filter by platforms
-        if (Array.isArray(platforms) && platforms.length > 0) {
-          filtered = filtered.filter((obj: any) =>
-            obj.platforms.some((object_platform: any) =>
-              platforms.includes(object_platform)
-            )
-          );
-        }
+    //filter by platforms
+    if (Array.isArray(platforms) && platforms.length > 0) {
+      filtered = filtered.filter((obj: any) =>
+        obj.platforms.some((object_platform: any) =>
+          platforms.includes(object_platform)
+        )
+      );
+    }
 
-        // filter by workflow status
-        if (state) {
-          filtered = filtered.filter(
-            (obj: any) => obj.workflow && obj.workflow.state == state
-          );
-        }
+    // filter by workflow status
+    if (state) {
+      filtered = filtered.filter(
+        (obj: any) => obj.workflow && obj.workflow.state == state
+      );
+    }
 
-        // filter by deprecation status
-        if (exclusiveDeprecated) {
-          filtered = filtered.filter((obj: any) => obj.deprecated);
-        } else if (deprecated || this.config.includeDeprecatedObjects) {
-          filtered = filtered.filter((obj: any) => obj || obj.deprecated);
-        } else {
-          filtered = filtered.filter((obj: any) => !obj.deprecated);
-        }
+    // filter by deprecation status
+    if (exclusiveDeprecated) {
+      filtered = filtered.filter((obj: any) => obj.deprecated);
+    } else if (deprecated || this.config.includeDeprecatedObjects) {
+      filtered = filtered.filter((obj: any) => obj || obj.deprecated);
+    } else {
+      filtered = filtered.filter((obj: any) => !obj.deprecated);
+    }
 
-        // filter by revocation status
-        if (exclusiveRevoked) {
-          filtered = filtered.filter((obj: any) => obj.revoked);
-        }
+    // filter by revocation status
+    if (exclusiveRevoked) {
+      filtered = filtered.filter((obj: any) => obj.revoked);
+    }
 
-        // filter by users
-        if (
-          Array.isArray(this.userIdsUsedInSearch) &&
-          this.userIdsUsedInSearch.length > 0
-        ) {
-          filtered = filtered.filter(
-            (obj: any) =>
-              obj.workflow &&
-              this.userIdsUsedInSearch.includes(
-                obj.workflow.created_by_user_account
-              )
-          );
-        }
+    // filter by users
+    if (
+      Array.isArray(this.userIdsUsedInSearch) &&
+      this.userIdsUsedInSearch.length > 0
+    ) {
+      filtered = filtered.filter(
+        (obj: any) =>
+          obj.workflow &&
+          this.userIdsUsedInSearch.includes(
+            obj.workflow.created_by_user_account
+          )
+      );
+    }
 
-        // filter to objects matching searchString
-        filtered = this.filterObjects(this.searchQuery, filtered);
-        // sort
-        filtered = filtered.sort((a, b) => {
-          const x = a as any;
-          const y = b as any;
-          return x.hasOwnProperty('name') && y.hasOwnProperty('name')
-            ? x.name.localeCompare(y.name)
-            : x.stixID.localeCompare(y.stixID);
-        });
-        if (this.paginator) this.totalObjectCount = filtered.length;
-
-        // filter to only ones within the correct index range
-        const startIndex = this.paginator
-          ? this.paginator.pageIndex * this.paginator.pageSize
-          : 0;
-        const endIndex = this.paginator
-          ? startIndex + this.paginator.pageSize
-          : 10;
-        filtered = filtered.slice(startIndex, endIndex);
-        this.data$ = of({
-          data: filtered,
-          pagination: {
-            total: this.config.stixObjects.length,
-            offset: startIndex,
-            limit: this.paginator ? this.paginator.pageSize : 0,
-          },
-        });
-        // used to conditionally hide data component relationships with techniques
-        if (
-          this.config.type === 'relationship' &&
-          this.config.relationshipType === 'detects'
-        ) {
-          this.detectsHasData.emit(filtered.length > 0);
-        }
-      }
-    } else {
-      // fetch objects from backend
-      const limit = this.paginator ? this.paginator.pageSize : 10;
-      const offset = this.paginator ? this.paginator.pageIndex * limit : 0;
+    // filter to objects matching searchString
+    filtered = this.filterObjects(this.searchQuery, filtered);
+    return filtered;
+  }
 
-      const options = {
-        limit: limit,
-        offset: offset,
-        excludeIDs: this.config.excludeIDs,
-        search: this.searchQuery,
-        state: state,
-        includeRevoked: revoked,
-        includeDeprecated: deprecated,
-        platforms: platforms,
-        domains: domains,
-        lastUpdatedBy: this.userIdsUsedInSearch,
-      };
-      if (this.config.type == 'software')
-        this.data$ = this.restAPIConnectorService.getAllSoftware(options);
-      else if (this.config.type == 'campaign')
-        this.data$ = this.restAPIConnectorService.getAllCampaigns(options);
-      else if (this.config.type == 'group')
-        this.data$ = this.restAPIConnectorService.getAllGroups(options);
-      else if (this.config.type == 'matrix')
-        this.data$ = this.restAPIConnectorService.getAllMatrices(options);
-      else if (this.config.type == 'mitigation')
-        this.data$ = this.restAPIConnectorService.getAllMitigations(options);
-      else if (this.config.type == 'tactic')
-        this.data$ = this.restAPIConnectorService.getAllTactics(options);
-      else if (this.config.type == 'technique')
-        this.data$ = this.restAPIConnectorService.getAllTechniques(options);
-      else if (this.config.type.includes('collection'))
-        this.data$ = this.restAPIConnectorService.getAllCollections({
-          search: this.searchQuery,
-          versions: 'all',
-        });
-      else if (this.config.type == 'relationship')
-        this.data$ = this.restAPIConnectorService.getRelatedTo({
-          sourceRef: this.config.sourceRef,
-          targetRef: this.config.targetRef,
-          sourceType: this.config.sourceType,
-          targetType: this.config.targetType,
-          relationshipType: this.config.relationshipType,
-          excludeSourceRefs: this.config.excludeSourceRefs,
-          excludeTargetRefs: this.config.excludeTargetRefs,
-          limit: limit,
-          offset: offset,
-          includeDeprecated: deprecated,
-        });
-      else if (this.config.type == 'detection-strategy')
-        this.data$ =
-          this.restAPIConnectorService.getAllDetectionStrategies(options);
-      else if (this.config.type == 'analytic')
-        this.data$ = this.restAPIConnectorService.getAllAnalytics({
-          ...options,
-          includeRefs: true,
-        });
-      else if (this.config.type == 'data-source')
-        this.data$ = this.restAPIConnectorService.getAllDataSources(options);
-      else if (this.config.type == 'data-component')
-        this.data$ = this.restAPIConnectorService.getAllDataComponents(options);
-      else if (this.config.type == 'asset')
-        this.data$ = this.restAPIConnectorService.getAllAssets(options);
-      else if (this.config.type == 'marking-definition')
-        this.data$ =
-          this.restAPIConnectorService.getAllMarkingDefinitions(options);
-      else if (this.config.type == 'note')
-        this.data$ = this.restAPIConnectorService.getAllNotes(options);
-      const subscription = this.data$.subscribe({
-        next: data => {
-          this.totalObjectCount = data.pagination.total;
-          // used to conditionally hide data component relationships with techniques
-          if (
-            this.config.type === 'relationship' &&
-            this.config.relationshipType === 'detects'
-          ) {
-            this.detectsHasData.emit(data.data.length > 0);
-          }
-        },
-        complete: () => {
-          if (subscription) subscription.unsubscribe();
-        },
-      });
+  private sortObjects(objects: StixObject[]): StixObject[] {
+    return [...objects].sort((a, b) => {
+      const x = a as any;
+      const y = b as any;
+      return x.hasOwnProperty('name') && y.hasOwnProperty('name')
+        ? x.name.localeCompare(y.name)
+        : x.stixID.localeCompare(y.stixID);
+    });
+  }
+
+  private getPaginationRange(): {
+    startIndex: number;
+    endIndex: number;
+  } {
+    const startIndex = this.paginator
+      ? this.paginator.pageIndex * this.paginator.pageSize
+      : 0;
+    const endIndex = this.paginator ? startIndex + this.paginator.pageSize : 10;
+
+    return { startIndex, endIndex };
+  }
+
+  private emitDetectsHasData(hasData: boolean) {
+    // used to conditionally hide data component relationships with techniques
+    if (
+      this.config.type === 'relationship' &&
+      this.config.relationshipType === 'detects'
+    ) {
+      this.detectsHasData.emit(hasData);
     }
   }
 
@@ -1204,7 +1203,16 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
 }
 
 type selection_types = 'one' | 'many' | 'disabled';
-type filter_types = 'state' | 'workflow_status';
+type filter_types = 'state' | 'workflow_status' | 'state_exclusive';
+type column_types =
+  | 'version'
+  | 'list'
+  | 'plain'
+  | 'timestamp'
+  | 'descriptive'
+  | 'relationship_name'
+  | 'icon'
+  | 'related_ref_list';
 export interface StixListConfig {
   /* if specified, shows the given STIX objects in the table instead of loading from the back-end based on other configurations. */
   stixObjects?: Observable<StixObject[]> | StixObject[];
@@ -1220,8 +1228,6 @@ export interface StixListConfig {
 
   /** force the list to show only this type */
   type?: AttackType | 'collection-created' | 'collection-imported';
-  /** force the list to show only objects matching this query */
-  query?: any;
 
   /** can the user select in this list? allowed options:
    *     "one": user can select a single element at a time
@@ -1240,6 +1246,8 @@ export interface StixListConfig {
   showFilters?: boolean;
   /** default true, if false hides all search/filter/control options */
   showControls?: boolean;
+  /** Optional preset to override default columns */
+  columnsPreset?: 'id-name';
   /** display the 'show deprecated' filter, default false
    *  this may be relevant when displaying a list of embedded relationships, where
    *  the list of STIX objects is provided in the 'stixObjects' configuration
@@ -1295,6 +1303,11 @@ export interface StixListConfig {
    * Map of collections by stixID
    */
   collectionMap?: Map<string, Collection[]>;
+
+  /**
+   * If true, collapse relationship columns to source, type, target, description only
+   */
+  compactRelationshipColumns?: boolean;
 }
 
 export interface FilterValue {
diff --git a/src/app/components/stix/stixid-property/stixid-property.component.spec.ts b/src/app/components/stix/stixid-property/stixid-property.component.spec.ts
index 0026b45c2..74949ce3e 100644
--- a/src/app/components/stix/stixid-property/stixid-property.component.spec.ts
+++ b/src/app/components/stix/stixid-property/stixid-property.component.spec.ts
@@ -1,4 +1,9 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatIconModule } from '@angular/material/icon';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 import { StixIDPropertyComponent } from './stixid-property.component';
 
@@ -9,12 +14,18 @@ describe('StixidPropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [StixIDPropertyComponent],
+      imports: [MatSnackBarModule, MatIconModule, NoopAnimationsModule],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(StixIDPropertyComponent);
     component = fixture.componentInstance;
+    component.config = {
+      mode: 'view',
+      object: { stixID: 'test-stix-id' } as StixObject,
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/string-property/string-property.component.spec.ts b/src/app/components/stix/string-property/string-property.component.spec.ts
index 8186708f9..4cece281a 100644
--- a/src/app/components/stix/string-property/string-property.component.spec.ts
+++ b/src/app/components/stix/string-property/string-property.component.spec.ts
@@ -1,20 +1,35 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 import { StringPropertyComponent } from './string-property.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('StringPropertyComponent', () => {
   let component: StringPropertyComponent;
   let fixture: ComponentFixture<StringPropertyComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [StringPropertyComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(StringPropertyComponent);
     component = fixture.componentInstance;
+    component.config = {
+      mode: 'view',
+      object: { stixID: 'test-stix-id' } as StixObject,
+      field: 'name',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/subtype-property/subtype-dialog/subtype-dialog.component.spec.ts b/src/app/components/stix/subtype-property/subtype-dialog/subtype-dialog.component.spec.ts
index f44cccc23..295d609bc 100644
--- a/src/app/components/stix/subtype-property/subtype-dialog/subtype-dialog.component.spec.ts
+++ b/src/app/components/stix/subtype-property/subtype-dialog/subtype-dialog.component.spec.ts
@@ -1,21 +1,57 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { SubtypeDialogComponent } from './subtype-dialog.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('SubtypeDialogComponent', () => {
   let component: SubtypeDialogComponent;
   let fixture: ComponentFixture<SubtypeDialogComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllAllowedValues: () => createAsyncObservable([]),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [SubtypeDialogComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+        provideRouter([]),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+        { provide: MatDialogRef, useValue: {} },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            subtypeFields: [],
+            object: { attackType: 'test-type' },
+            field: 'testField',
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SubtypeDialogComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/subtype-property/subtype-diff/subtype-diff.component.spec.ts b/src/app/components/stix/subtype-property/subtype-diff/subtype-diff.component.spec.ts
index 976f93724..5c8536b09 100644
--- a/src/app/components/stix/subtype-property/subtype-diff/subtype-diff.component.spec.ts
+++ b/src/app/components/stix/subtype-property/subtype-diff/subtype-diff.component.spec.ts
@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { SubtypeDiffComponent } from './subtype-diff.component';
 
@@ -9,11 +10,18 @@ describe('SubtypeDiffComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [SubtypeDiffComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
+  });
 
+  beforeEach(() => {
     fixture = TestBed.createComponent(SubtypeDiffComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'diff',
+      object: [{}, {}],
+      field: 'x_mitre_attack_spec_version',
+    };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/subtype-property/subtype-edit/subtype-edit.component.spec.ts b/src/app/components/stix/subtype-property/subtype-edit/subtype-edit.component.spec.ts
index 6488a9abf..446d6f034 100644
--- a/src/app/components/stix/subtype-property/subtype-edit/subtype-edit.component.spec.ts
+++ b/src/app/components/stix/subtype-property/subtype-edit/subtype-edit.component.spec.ts
@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { SubtypeEditComponent } from './subtype-edit.component';
 
@@ -9,13 +10,19 @@ describe('SubtypeEditComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [SubtypeEditComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SubtypeEditComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'edit',
+      object: {},
+      field: 'x_mitre_platforms',
+      subtypeFields: [{ key: 'name' }],
+    };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/subtype-property/subtype-property.component.spec.ts b/src/app/components/stix/subtype-property/subtype-property.component.spec.ts
index df7849ad1..d8039ca54 100644
--- a/src/app/components/stix/subtype-property/subtype-property.component.spec.ts
+++ b/src/app/components/stix/subtype-property/subtype-property.component.spec.ts
@@ -1,6 +1,8 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { SubtypePropertyComponent } from './subtype-property.component';
+import { StixObject } from 'src/app/classes/stix';
 
 describe('SubtypePropertyComponent', () => {
   let component: SubtypePropertyComponent;
@@ -9,12 +11,22 @@ describe('SubtypePropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [SubtypePropertyComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SubtypePropertyComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: {} as StixObject,
+      field: 'test',
+      label: 'Test',
+      subtypeFields: [],
+      tooltip: 'Test tooltip',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.html b/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.html
index 89c2f96c9..ff5680bc3 100644
--- a/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.html
+++ b/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.html
@@ -5,7 +5,7 @@
       *ngIf="detailTable.length"
       mat-table
       [dataSource]="detailTable"
-      class="subtype-table">
+      class="property-table">
       <ng-container
         [matColumnDef]="column.label ? column.label : column.name"
         *ngFor="let column of subtypeFields">
diff --git a/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.scss b/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.scss
index 418fad1cd..00d5875a2 100644
--- a/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.scss
+++ b/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.scss
@@ -1,5 +1,4 @@
 @use '../../../../../style/globals';
-@use '../../../../../style/colors';
 
 .subtype-view {
   @extend .labelled-box;
@@ -7,29 +6,7 @@
   .content {
     overflow-x: auto;
   }
-  .subtype-table {
-    width: 100%;
-    padding: 8px;
-    .light & {
-      background-color: colors.color(light);
-    }
-    .dark & {
-      background-color: colors.color(dark);
-    }
-    tr.mat-mdc-header-row {
-      height: 25px;
-    }
-    .mat-mdc-cell,
-    .mat-mdc-header-cell {
-      padding: 0 10px;
-      .light & {
-        border-color: colors.border-color(light);
-      }
-      .dark & {
-        border-color: colors.border-color(dark);
-      }
-    }
-  }
+
   .subtype-markdown {
     p {
       padding: 0;
diff --git a/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.spec.ts b/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.spec.ts
index f3053202a..c33f999ea 100644
--- a/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.spec.ts
+++ b/src/app/components/stix/subtype-property/subtype-view/subtype-view.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { SubtypeViewComponent } from './subtype-view.component';
@@ -9,12 +10,22 @@ describe('SubtypeViewComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [SubtypeViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SubtypeViewComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: { test: {} } as any,
+      field: 'test',
+      label: 'Test',
+      subtypeFields: [],
+      tooltip: 'Test',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/timestamp-property/timestamp-property.component.spec.ts b/src/app/components/stix/timestamp-property/timestamp-property.component.spec.ts
index 07da9c4c4..e308d6035 100644
--- a/src/app/components/stix/timestamp-property/timestamp-property.component.spec.ts
+++ b/src/app/components/stix/timestamp-property/timestamp-property.component.spec.ts
@@ -1,6 +1,8 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { TimestampPropertyComponent } from './timestamp-property.component';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 describe('TimestampPropertyComponent', () => {
   let component: TimestampPropertyComponent;
@@ -9,12 +11,19 @@ describe('TimestampPropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [TimestampPropertyComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(TimestampPropertyComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: {} as StixObject,
+      field: 'created',
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/timestamp-property/timestamp-view/timestamp-view.component.spec.ts b/src/app/components/stix/timestamp-property/timestamp-view/timestamp-view.component.spec.ts
index 7ab2cd898..869ee4e42 100644
--- a/src/app/components/stix/timestamp-property/timestamp-view/timestamp-view.component.spec.ts
+++ b/src/app/components/stix/timestamp-property/timestamp-view/timestamp-view.component.spec.ts
@@ -1,21 +1,30 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { TimestampViewComponent } from './timestamp-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('TimestampViewComponent', () => {
   let component: TimestampViewComponent;
   let fixture: ComponentFixture<TimestampViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [TimestampViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(TimestampViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any, field: 'created' };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/tlp-property/tlp-diff/tlp-diff.component.spec.ts b/src/app/components/stix/tlp-property/tlp-diff/tlp-diff.component.spec.ts
index 49d627122..599087a9d 100644
--- a/src/app/components/stix/tlp-property/tlp-diff/tlp-diff.component.spec.ts
+++ b/src/app/components/stix/tlp-property/tlp-diff/tlp-diff.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { TlpDiffComponent } from './tlp-diff.component';
@@ -9,10 +10,16 @@ describe('TlpDiffComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [TlpDiffComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(TlpDiffComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'diff',
+      object: [{} as any, {} as any],
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/tlp-property/tlp-edit/tlp-edit.component.spec.ts b/src/app/components/stix/tlp-property/tlp-edit/tlp-edit.component.spec.ts
index 9391a4d0d..ffa372f46 100644
--- a/src/app/components/stix/tlp-property/tlp-edit/tlp-edit.component.spec.ts
+++ b/src/app/components/stix/tlp-property/tlp-edit/tlp-edit.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { TlpEditComponent } from './tlp-edit.component';
@@ -9,6 +10,7 @@ describe('TlpEditComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [TlpEditComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/stix/tlp-property/tlp-property.component.spec.ts b/src/app/components/stix/tlp-property/tlp-property.component.spec.ts
index c400ea245..816030df6 100644
--- a/src/app/components/stix/tlp-property/tlp-property.component.spec.ts
+++ b/src/app/components/stix/tlp-property/tlp-property.component.spec.ts
@@ -1,20 +1,41 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 import { TlpPropertyComponent } from './tlp-property.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('TlpPropertyComponent', () => {
   let component: TlpPropertyComponent;
   let fixture: ComponentFixture<TlpPropertyComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllMarkingDefinitions: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [TlpPropertyComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(TlpPropertyComponent);
     component = fixture.componentInstance;
+    component.config = {
+      mode: 'view',
+      object: { stixID: 'test-stix-id' } as StixObject,
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/tlp-property/tlp-view/tlp-view.component.spec.ts b/src/app/components/stix/tlp-property/tlp-view/tlp-view.component.spec.ts
index 292a6f6ac..a1d11632b 100644
--- a/src/app/components/stix/tlp-property/tlp-view/tlp-view.component.spec.ts
+++ b/src/app/components/stix/tlp-property/tlp-view/tlp-view.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { TlpViewComponent } from './tlp-view.component';
@@ -9,6 +10,7 @@ describe('TlpViewComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [TlpViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/components/stix/version-property/version-diff/version-diff.component.spec.ts b/src/app/components/stix/version-property/version-diff/version-diff.component.spec.ts
index 8b06f6db2..96c30b762 100644
--- a/src/app/components/stix/version-property/version-diff/version-diff.component.spec.ts
+++ b/src/app/components/stix/version-property/version-diff/version-diff.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { VersionDiffComponent } from './version-diff.component';
@@ -9,10 +10,16 @@ describe('VersionDiffComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [VersionDiffComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(VersionDiffComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      mode: 'diff',
+      object: [{} as any, {} as any],
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/stix/version-property/version-edit/version-edit.component.spec.ts b/src/app/components/stix/version-property/version-edit/version-edit.component.spec.ts
index b6ad8de63..c63435896 100644
--- a/src/app/components/stix/version-property/version-edit/version-edit.component.spec.ts
+++ b/src/app/components/stix/version-property/version-edit/version-edit.component.spec.ts
@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { VersionEditComponent } from './version-edit.component';
 
@@ -9,13 +10,19 @@ describe('VersionEditComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [VersionEditComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(VersionEditComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = {
+      mode: 'edit',
+      object: {} as any,
+      field: 'x_mitre_version',
+    };
+    component.config.object[component.field] = { version: '1.0' };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/version-property/version-property.component.spec.ts b/src/app/components/stix/version-property/version-property.component.spec.ts
index 312586226..dbfeae72d 100644
--- a/src/app/components/stix/version-property/version-property.component.spec.ts
+++ b/src/app/components/stix/version-property/version-property.component.spec.ts
@@ -1,6 +1,9 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { VersionPropertyComponent } from './version-property.component';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 describe('VersionPropertyComponent', () => {
   let component: VersionPropertyComponent;
@@ -9,13 +12,19 @@ describe('VersionPropertyComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [VersionPropertyComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [provideHttpClient()],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(VersionPropertyComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    // Set required config input
+    component.config = {
+      mode: 'view',
+      object: {} as StixObject,
+    };
   });
 
   it('should create', () => {
diff --git a/src/app/components/stix/version-property/version-view/version-view.component.spec.ts b/src/app/components/stix/version-property/version-view/version-view.component.spec.ts
index a8fa7d8f3..a04cb50b6 100644
--- a/src/app/components/stix/version-property/version-view/version-view.component.spec.ts
+++ b/src/app/components/stix/version-property/version-view/version-view.component.spec.ts
@@ -1,6 +1,9 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { VersionViewComponent } from './version-view.component';
+import { Technique } from 'src/app/classes/stix/technique';
+import { VersionNumber } from 'src/app/classes/version-number';
 
 describe('VersionViewComponent', () => {
   let component: VersionViewComponent;
@@ -9,12 +12,22 @@ describe('VersionViewComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [VersionViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(VersionViewComponent);
     component = fixture.componentInstance;
+
+    // Initialize the required config input with a mock
+    const mockObject = new Technique();
+    mockObject.version = new VersionNumber('1.0');
+    component.config = {
+      object: mockObject,
+      mode: 'view',
+    };
+
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/subheading/subheading.component.spec.ts b/src/app/components/subheading/subheading.component.spec.ts
index 6730d1006..c4532435e 100644
--- a/src/app/components/subheading/subheading.component.spec.ts
+++ b/src/app/components/subheading/subheading.component.spec.ts
@@ -1,4 +1,9 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ActivatedRoute } from '@angular/router';
+import { provideHttpClient } from '@angular/common/http';
+import { of } from 'rxjs';
+import { MtxPopoverModule } from '@ng-matero/extensions/popover';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { SubheadingComponent } from './subheading.component';
 
@@ -9,12 +14,25 @@ describe('SubheadingComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [SubheadingComponent],
+      imports: [MtxPopoverModule],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+        provideHttpClient(),
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SubheadingComponent);
     component = fixture.componentInstance;
+    component.config = { object: {} };
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/toolbar/toolbar.component.spec.ts b/src/app/components/toolbar/toolbar.component.spec.ts
index f1ddc329a..9adf63ec1 100644
--- a/src/app/components/toolbar/toolbar.component.spec.ts
+++ b/src/app/components/toolbar/toolbar.component.spec.ts
@@ -1,4 +1,8 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { ActivatedRoute } from '@angular/router';
+import { provideHttpClient } from '@angular/common/http';
+import { of } from 'rxjs';
 
 import { ToolbarComponent } from './toolbar.component';
 
@@ -9,6 +13,17 @@ describe('ObjectHeaderComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ToolbarComponent],
+      providers: [
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
diff --git a/src/app/components/users-list/users-list.component.spec.ts b/src/app/components/users-list/users-list.component.spec.ts
index c1a3566f7..ed7c3231c 100644
--- a/src/app/components/users-list/users-list.component.spec.ts
+++ b/src/app/components/users-list/users-list.component.spec.ts
@@ -1,20 +1,51 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { UsersListComponent } from './users-list.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
+import { createMockAuthenticationService } from 'src/app/testing/mocks/authentication-service.mock';
 
 describe('UsersListComponent', () => {
   let component: UsersListComponent;
   let fixture: ComponentFixture<UsersListComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllUserAccounts: () =>
+        createAsyncObservable(createPaginatedResponse()),
+      getTeamsByUserId: () => createAsyncObservable([]),
+    });
+    const mockAuthService = createMockAuthenticationService({});
+
     await TestBed.configureTestingModule({
       declarations: [UsersListComponent],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        { provide: AuthenticationService, useValue: mockAuthService },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(UsersListComponent);
     component = fixture.componentInstance;
+    component.config = {
+      mode: 'view',
+      columnsToDisplay: [],
+      team: null,
+      showSearch: false,
+      showFilters: false,
+      selection: null,
+    } as any;
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/validation-results/validation-results.component.spec.ts b/src/app/components/validation-results/validation-results.component.spec.ts
index 69d1ecb5e..c7727eb12 100644
--- a/src/app/components/validation-results/validation-results.component.spec.ts
+++ b/src/app/components/validation-results/validation-results.component.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ValidationData } from 'src/app/classes/serializable';
 
 import { ValidationResultsComponent } from './validation-results.component';
 
@@ -9,12 +11,17 @@ describe('ValidationResultsComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [ValidationResultsComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(ValidationResultsComponent);
     component = fixture.componentInstance;
+
+    // Initialize required validation input
+    component.validation = new ValidationData();
+
     fixture.detectChanges();
   });
 
diff --git a/src/app/components/version-popover/version-popover.component.spec.ts b/src/app/components/version-popover/version-popover.component.spec.ts
index 9b111a550..e68f97e0c 100644
--- a/src/app/components/version-popover/version-popover.component.spec.ts
+++ b/src/app/components/version-popover/version-popover.component.spec.ts
@@ -1,6 +1,9 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MtxPopoverModule } from '@ng-matero/extensions/popover';
 
 import { VersionPopoverComponent } from './version-popover.component';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 describe('VersionPopoverComponent', () => {
   let component: VersionPopoverComponent;
@@ -9,12 +12,18 @@ describe('VersionPopoverComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [VersionPopoverComponent],
+      imports: [MtxPopoverModule],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(VersionPopoverComponent);
     component = fixture.componentInstance;
+    // Set required config input
+    component.config = {
+      object: {} as StixObject,
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/services/connectors/authentication/authentication.service.spec.ts b/src/app/services/connectors/authentication/authentication.service.spec.ts
index 5c9886764..d19246ffd 100644
--- a/src/app/services/connectors/authentication/authentication.service.spec.ts
+++ b/src/app/services/connectors/authentication/authentication.service.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { AuthenticationService } from './authentication.service';
 
@@ -6,7 +8,10 @@ describe('AuthenticationService', () => {
   let service: AuthenticationService;
 
   beforeEach(() => {
-    TestBed.configureTestingModule({});
+    TestBed.configureTestingModule({
+      providers: [provideHttpClient()],
+      schemas: [NO_ERRORS_SCHEMA],
+    });
     service = TestBed.inject(AuthenticationService);
   });
 
diff --git a/src/app/services/connectors/rest-api/rest-api-connector.service.spec.ts b/src/app/services/connectors/rest-api/rest-api-connector.service.spec.ts
index 0218e463b..2ce69e90f 100644
--- a/src/app/services/connectors/rest-api/rest-api-connector.service.spec.ts
+++ b/src/app/services/connectors/rest-api/rest-api-connector.service.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { RestApiConnectorService } from './rest-api-connector.service';
 
@@ -6,7 +8,10 @@ describe('RestApiConnectorService', () => {
   let service: RestApiConnectorService;
 
   beforeEach(() => {
-    TestBed.configureTestingModule({});
+    TestBed.configureTestingModule({
+      providers: [provideHttpClient()],
+      schemas: [NO_ERRORS_SCHEMA],
+    });
     service = TestBed.inject(RestApiConnectorService);
   });
 
diff --git a/src/app/services/connectors/rest-api/rest-api-connector.service.ts b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
index 58d226a86..59e252e56 100644
--- a/src/app/services/connectors/rest-api/rest-api-connector.service.ts
+++ b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
@@ -1119,6 +1119,42 @@ export class RestApiConnectorService extends ApiConnector {
     };
   }
 
+  /**
+   * Factory to create a STIX object validator via dryRun POST.
+   *
+   * Posts the serialized object to its type-specific endpoint with ?dryRun=true,
+   * which runs the full create pipeline (compose, validate) without persisting.
+   * Normalizes the response into { errors, warnings } for the caller.
+   *
+   * @template T the type to validate
+   * @returns validator function
+   */
+  public validateStixObject<T extends StixObject>() {
+    return <P extends T>(object: P): Observable<any> => {
+      const plural = AttackTypeToPlural[object.attackType];
+      const url = `${this.apiUrl}/${plural}`;
+      const params = new HttpParams().set('dryRun', 'true');
+      return this.http.post(url, object.serialize(), { params }).pipe(
+        // Success (200): validation passed, extract warnings only
+        map(result => ({
+          errors: [],
+          warnings: (result as any).warnings || [],
+        })),
+        catchError((error: any) => {
+          // Validation failure (400): normalize errors and warnings into expected shape
+          if (error.status === 400 && error.error?.details) {
+            return of({
+              errors: error.error.details,
+              warnings: error.error.warnings || [],
+            });
+          }
+          // Non-validation errors: re-raise
+          return throwError(error);
+        }),
+        share()
+      );
+    };
+  }
   /**
    * POST (create) a new technique
    * @param {Technique} object the object to create
@@ -1980,6 +2016,101 @@ export class RestApiConnectorService extends ApiConnector {
       );
   }
 
+  /**
+   * Stream collection bundle import with progress updates using Server-Sent Events
+   * @param collectionBundle the STIX bundle to import
+   * @param force whether to force import despite warnings
+   * @returns Observable that emits progress events and final collection
+   */
+  public streamCollectionBundleImport(
+    collectionBundle: any,
+    force = false
+  ): Observable<{ type: string; data: any }> {
+    return new Observable(observer => {
+      let query = new HttpParams();
+      query = query.set('stream', 'true');
+      if (force) query = query.set('forceImport', 'all');
+
+      const url = `${this.apiUrl}/collection-bundles?${query.toString()}`;
+
+      // Note: EventSource doesn't support POST with body, so we need to use fetch
+      // with SSE streaming instead
+      fetch(url, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Accept': 'text/event-stream',
+        },
+        credentials: 'include',
+        body: JSON.stringify(collectionBundle),
+      })
+        .then(async response => {
+          if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+          }
+
+          const reader = response.body?.getReader();
+          const decoder = new TextDecoder();
+
+          if (!reader) {
+            throw new Error('No response body');
+          }
+
+          let buffer = '';
+
+          while (true) {
+            const { done, value } = await reader.read();
+
+            if (done) {
+              observer.complete();
+              break;
+            }
+
+            buffer += decoder.decode(value, { stream: true });
+            const lines = buffer.split('\n\n');
+            buffer = lines.pop() || '';
+
+            for (const line of lines) {
+              if (line.trim() === '' || line.startsWith(':')) continue;
+
+              const eventMatch = line.match(/^event: (\w+)\n/);
+              const dataMatch = line.match(/data: (.+)$/m);
+
+              if (dataMatch) {
+                try {
+                  const data = JSON.parse(dataMatch[1]);
+                  const eventType = eventMatch ? eventMatch[1] : 'message';
+
+                  if (eventType === 'error') {
+                    observer.error(data);
+                    return;
+                  }
+
+                  observer.next({ type: eventType, data });
+
+                  if (eventType === 'complete') {
+                    observer.complete();
+                    return;
+                  }
+                } catch (e) {
+                  logger.error('Error parsing SSE data:', e);
+                }
+              }
+            }
+          }
+        })
+        .catch(err => {
+          logger.error('Stream error:', err);
+          observer.error(err);
+        });
+
+      // Cleanup
+      return () => {
+        // EventSource cleanup if needed
+      };
+    });
+  }
+
   /**
    * Preview a collection bundle.
    * POST the collection bundle to the back end to retrieve a preview of the import results. A second POST
@@ -2330,6 +2461,33 @@ export class RestApiConnectorService extends ApiConnector {
       );
   }
 
+  /**
+   * Get the next available ATT&CK ID for a given STIX type
+   * @param {string} stixType the STIX type (e.g., 'attack-pattern', 'x-mitre-tactic')
+   * @param {string} [parentRef] optional parent technique STIX ID for subtechniques
+   * @returns {Observable<string>} the next available ATT&CK ID
+   */
+  public getNextAttackId(
+    stixType: string,
+    parentRef?: string
+  ): Observable<string> {
+    let params = new HttpParams().set('type', stixType);
+    if (parentRef) {
+      params = params.set('parentRef', parentRef);
+    }
+
+    return this.http
+      .get<{
+        attack_id: string;
+      }>(`${this.apiUrl}/attack-objects/attack-id/next`, { params })
+      .pipe(
+        tap(_ => logger.log(`retrieved next ATT&CK ID for ${stixType}`)),
+        map(result => result.attack_id),
+        catchError(this.handleError_continue<string>()),
+        share()
+      );
+  }
+
   //   _   _ ___ ___ ___     _   ___ ___ ___  _   _ _  _ _____     _   ___ ___ ___
   //  | | | / __| __| _ \   /_\ / __/ __/ _ \| | | | \| |_   _|   /_\ | _ \_ _/ __|
   //  | |_| \__ \ _||   /  / _ \ (_| (_| (_) | |_| | .` | | |    / _ \|  _/| |\__ \
@@ -2662,6 +2820,39 @@ export class RestApiConnectorService extends ApiConnector {
     });
     return getter;
   }
+
+  //   ___                      _
+  //  | _ \___ _ __  ___ _ _ __| |_ ___
+  //  |   / -_) '_ \/ _ \ '_/ _|  _(_-<
+  //  |_|_\___| .__/\___/_| \__|\__/__/
+  //          |_|
+
+  /**
+   * Retrieve objects which have unresolved link-by-id references
+   */
+  public getMissingLinkById(): Observable<any> {
+    const url = `${this.apiUrl}/reports/link-by-id/missing`;
+    return this.http.get(url).pipe(
+      tap(results =>
+        logger.log('retrieved missing link-by-id report', results)
+      ),
+      catchError(this.handleError_continue([])), // on error, trigger the error notification and continue operation without crashing (returns empty item)
+      share() // multicast so that multiple subscribers don't trigger the call twice. THIS MUST BE THE LAST LINE OF THE PIPE
+    );
+  }
+  /**
+   * Retrieve groups of parallel relationships between the same source/target/type
+   */
+  public getParallelRelationships(): Observable<any> {
+    const url = `${this.apiUrl}/reports/parallel-relationships`;
+    return this.http.get(url).pipe(
+      tap(results =>
+        logger.log('retrieved parallel relationships report', results)
+      ),
+      catchError(this.handleError_continue([])), // on error, trigger the error notification and continue operation without crashing (returns empty item)
+      share() // multicast so that multiple subscribers don't trigger the call twice. THIS MUST BE THE LAST LINE OF THE PIPE
+    );
+  }
 }
 
 class CustomEncoder implements HttpParameterCodec {
diff --git a/src/app/services/editor/editor.service.spec.ts b/src/app/services/editor/editor.service.spec.ts
index cbead93a6..02bcb393f 100644
--- a/src/app/services/editor/editor.service.spec.ts
+++ b/src/app/services/editor/editor.service.spec.ts
@@ -1,4 +1,8 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
+import { ActivatedRoute } from '@angular/router';
+import { provideHttpClient } from '@angular/common/http';
+import { of } from 'rxjs';
 
 import { EditorService } from './editor.service';
 
@@ -6,7 +10,19 @@ describe('EditorService', () => {
   let service: EditorService;
 
   beforeEach(() => {
-    TestBed.configureTestingModule({});
+    TestBed.configureTestingModule({
+      providers: [
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+    });
     service = TestBed.inject(EditorService);
   });
 
diff --git a/src/app/services/editor/editor.service.ts b/src/app/services/editor/editor.service.ts
index e7e5c8290..16f8c36a3 100644
--- a/src/app/services/editor/editor.service.ts
+++ b/src/app/services/editor/editor.service.ts
@@ -128,7 +128,7 @@ export class EditorService {
           if (!this.router.url.includes('/new'))
             this.router.navigate([], { queryParams: {} });
           else this.router.navigate(['..'], { queryParams: {} });
-          this.onEditingStopped.emit();
+          this.onEditingStopped.emit(true);
         }
       },
       complete: () => {
diff --git a/src/app/services/helpers/auth.interceptor.spec.ts b/src/app/services/helpers/auth.interceptor.spec.ts
index 8e5ddfed3..1967c840b 100644
--- a/src/app/services/helpers/auth.interceptor.spec.ts
+++ b/src/app/services/helpers/auth.interceptor.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
 
 import { AuthInterceptor } from './auth.interceptor';
@@ -6,6 +7,7 @@ describe('AuthInterceptor', () => {
   beforeEach(() =>
     TestBed.configureTestingModule({
       providers: [AuthInterceptor],
+      schemas: [NO_ERRORS_SCHEMA],
     })
   );
 
diff --git a/src/app/services/helpers/authorization.guard.spec.ts b/src/app/services/helpers/authorization.guard.spec.ts
index 74f6f6976..dfeaa95ce 100644
--- a/src/app/services/helpers/authorization.guard.spec.ts
+++ b/src/app/services/helpers/authorization.guard.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { AuthorizationGuard } from './authorization.guard';
 
@@ -6,7 +8,10 @@ describe('AuthorizationGuard', () => {
   let guard: AuthorizationGuard;
 
   beforeEach(() => {
-    TestBed.configureTestingModule({});
+    TestBed.configureTestingModule({
+      providers: [provideHttpClient()],
+      schemas: [NO_ERRORS_SCHEMA],
+    });
     guard = TestBed.inject(AuthorizationGuard);
   });
 
diff --git a/src/app/services/helpers/breadcrumb.service.spec.ts b/src/app/services/helpers/breadcrumb.service.spec.ts
index 472f6db0e..fb6e6e2d3 100644
--- a/src/app/services/helpers/breadcrumb.service.spec.ts
+++ b/src/app/services/helpers/breadcrumb.service.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
 
 import { BreadcrumbService } from './breadcrumb.service';
@@ -6,7 +7,9 @@ describe('BreadcrumbService', () => {
   let service: BreadcrumbService;
 
   beforeEach(() => {
-    TestBed.configureTestingModule({});
+    TestBed.configureTestingModule({
+      schemas: [NO_ERRORS_SCHEMA],
+    });
     service = TestBed.inject(BreadcrumbService);
   });
 
diff --git a/src/app/services/sidebar/sidebar.service.spec.ts b/src/app/services/sidebar/sidebar.service.spec.ts
index aba44f7e7..7b2bac58f 100644
--- a/src/app/services/sidebar/sidebar.service.spec.ts
+++ b/src/app/services/sidebar/sidebar.service.spec.ts
@@ -1,12 +1,15 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
 
 import { SidebarService } from './sidebar.service';
 
-describe('SidebarManagerService', () => {
-  let service: SidebarManagerService;
+describe('SidebarService', () => {
+  let service: SidebarService;
 
   beforeEach(() => {
-    TestBed.configureTestingModule({});
+    TestBed.configureTestingModule({
+      schemas: [NO_ERRORS_SCHEMA],
+    });
     service = TestBed.inject(SidebarService);
   });
 
diff --git a/src/app/services/title/title.service.spec.ts b/src/app/services/title/title.service.spec.ts
index 39294f082..dd293dc4b 100644
--- a/src/app/services/title/title.service.spec.ts
+++ b/src/app/services/title/title.service.spec.ts
@@ -1,4 +1,7 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
+import { ActivatedRoute } from '@angular/router';
+import { of } from 'rxjs';
 
 import { TitleService } from './title.service';
 
@@ -6,7 +9,19 @@ describe('TitleService', () => {
   let service: TitleService;
 
   beforeEach(() => {
-    TestBed.configureTestingModule({});
+    TestBed.configureTestingModule({
+      providers: [
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+            snapshot: { params: {}, queryParams: {} },
+          },
+        },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+    });
     service = TestBed.inject(TitleService);
   });
 
diff --git a/src/app/services/website-integration/website-integration.service.spec.ts b/src/app/services/website-integration/website-integration.service.spec.ts
index a9ea589ac..c1a69988f 100644
--- a/src/app/services/website-integration/website-integration.service.spec.ts
+++ b/src/app/services/website-integration/website-integration.service.spec.ts
@@ -1,4 +1,8 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
+import { ActivatedRoute } from '@angular/router';
+import { provideHttpClient } from '@angular/common/http';
+import { of } from 'rxjs';
 
 import { WebsiteIntegrationService } from './website-integration.service';
 
@@ -6,7 +10,19 @@ describe('WebsiteIntegrationService', () => {
   let service: WebsiteIntegrationService;
 
   beforeEach(() => {
-    TestBed.configureTestingModule({});
+    TestBed.configureTestingModule({
+      providers: [
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+    });
     service = TestBed.inject(WebsiteIntegrationService);
   });
 
diff --git a/src/app/testing/mocks/authentication-service.mock.ts b/src/app/testing/mocks/authentication-service.mock.ts
new file mode 100644
index 000000000..9546536ef
--- /dev/null
+++ b/src/app/testing/mocks/authentication-service.mock.ts
@@ -0,0 +1,145 @@
+import { EventEmitter } from '@angular/core';
+import { Observable } from 'rxjs';
+import { Role } from 'src/app/classes/authn/role';
+import { Status } from 'src/app/classes/authn/status';
+import { UserAccount } from 'src/app/classes/authn/user-account';
+import { createAsyncObservable } from './rest-api-connector.mock';
+
+/**
+ * Creates a mock UserAccount for testing purposes.
+ *
+ * @param overrides - Partial UserAccount properties to override defaults
+ * @returns A UserAccount object with sensible test defaults
+ *
+ * @example
+ * const user = createMockUserAccount({ role: Role.ADMIN });
+ */
+export function createMockUserAccount(
+  overrides?: Partial<UserAccount>
+): UserAccount {
+  const mockUser = new UserAccount({
+    id: 'mock-user-id',
+    username: 'testuser',
+    email: 'test@example.com',
+    displayName: 'Test User',
+    status: Status.ACTIVE,
+    role: Role.VISITOR,
+    created: new Date().toISOString(),
+    modified: new Date().toISOString(),
+  });
+
+  // Apply overrides if provided
+  if (overrides) {
+    Object.assign(mockUser, overrides);
+  }
+
+  return mockUser;
+}
+
+/**
+ * Creates a mock AuthenticationService with configurable method implementations.
+ *
+ * @param config - Partial object with method implementations to override
+ * @returns A mock object that can be used in Angular tests
+ *
+ * @example
+ * // Basic mock with logged-out user
+ * const mock = createMockAuthenticationService({});
+ *
+ * @example
+ * // Mock with logged-in admin user
+ * const mock = createMockAuthenticationService({
+ *   currentUser: createMockUserAccount({ role: Role.ADMIN }),
+ *   isLoggedIn: true
+ * });
+ *
+ * @example
+ * // Mock with custom authorization logic
+ * const mock = createMockAuthenticationService({
+ *   isAuthorized: (roles: Role[]) => roles.includes(Role.EDITOR)
+ * });
+ */
+export function createMockAuthenticationService(config?: any): any {
+  // Default mock user (not logged in)
+  const defaultUser = new UserAccount({
+    id: '',
+    username: '',
+    email: '',
+    displayName: '',
+    status: Status.PENDING,
+    role: Role.NONE,
+    created: new Date().toISOString(),
+    modified: new Date().toISOString(),
+  });
+
+  const defaults = {
+    // Properties
+    currentUser: defaultUser,
+    activeRoles: [Role.ADMIN, Role.EDITOR, Role.TEAM_LEAD, Role.VISITOR],
+    inactiveRoles: [Role.NONE],
+    onLogin: new EventEmitter(),
+
+    // Computed property
+    get isLoggedIn(): boolean {
+      return this.currentUser && this.currentUser.status === Status.ACTIVE;
+    },
+
+    // Methods
+    isAuthorized: (roles: Role[]): boolean => {
+      const mock = config?.currentUser || defaultUser;
+      if (!mock || mock.status !== Status.ACTIVE) return false;
+      return roles.indexOf(mock.role) > -1;
+    },
+
+    canEdit: (attackType?: string): boolean => {
+      const mock = config?.currentUser || defaultUser;
+      if (!mock || mock.status !== Status.ACTIVE) return false;
+
+      if (
+        attackType &&
+        (attackType.includes('collection') ||
+          attackType.includes('marking-definition'))
+      ) {
+        return mock.role === Role.ADMIN;
+      }
+      return [Role.EDITOR, Role.TEAM_LEAD, Role.ADMIN].indexOf(mock.role) > -1;
+    },
+
+    canDelete: (): boolean => {
+      const mock = config?.currentUser || defaultUser;
+      if (!mock || mock.status !== Status.ACTIVE) return false;
+      return mock.role === Role.ADMIN;
+    },
+
+    login: (): Observable<UserAccount> => {
+      return createAsyncObservable(config?.currentUser || defaultUser);
+    },
+
+    logout: (): Observable<any> => {
+      return createAsyncObservable({});
+    },
+
+    register: (): Observable<any> => {
+      return createAsyncObservable({});
+    },
+
+    handleRegisterRedirect: (): Observable<any> => {
+      return createAsyncObservable({});
+    },
+
+    getSession: (): Observable<UserAccount> => {
+      return createAsyncObservable(config?.currentUser || defaultUser);
+    },
+
+    getAuthType: (): Observable<string> => {
+      return createAsyncObservable('anonymous');
+    },
+
+    success: (): void => {
+      // Mock success method
+    },
+  };
+
+  // Merge config with defaults
+  return { ...defaults, ...config };
+}
diff --git a/src/app/testing/mocks/rest-api-connector.mock.ts b/src/app/testing/mocks/rest-api-connector.mock.ts
new file mode 100644
index 000000000..1b5a4e7f7
--- /dev/null
+++ b/src/app/testing/mocks/rest-api-connector.mock.ts
@@ -0,0 +1,62 @@
+import { Observable } from 'rxjs';
+import { Paginated } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+
+/**
+ * Creates an async Observable that emits the provided data after a setTimeout(0).
+ * This prevents subscription initialization bugs in Angular tests.
+ *
+ * @param data - The data to emit from the Observable
+ * @returns An Observable that emits the data asynchronously
+ */
+export function createAsyncObservable<T>(data: T): Observable<T> {
+  return new Observable(subscriber => {
+    setTimeout(() => {
+      subscriber.next(data);
+      subscriber.complete();
+    }, 0);
+  });
+}
+
+/**
+ * Creates a standard paginated response structure with empty data by default.
+ *
+ * @param data - Optional array of data items (defaults to empty array)
+ * @returns A Paginated response object with the provided data
+ */
+export function createPaginatedResponse<T>(data: T[] = []): Paginated<T> {
+  return {
+    data,
+    pagination: {
+      total: 0,
+      limit: -1,
+      offset: -1,
+    },
+  };
+}
+
+/**
+ * Creates a mock RestApiConnectorService with configurable method implementations.
+ *
+ * @param config - Partial object with method implementations to override
+ * @returns A mock object that can be used in Angular tests
+ *
+ * @example
+ * // Simple paginated method mock
+ * const mock = createMockRestApiConnector({
+ *   getAllNotes: () => createAsyncObservable(createPaginatedResponse())
+ * });
+ *
+ * @example
+ * // Custom response mock
+ * const mock = createMockRestApiConnector({
+ *   getOrganizationIdentity: () => createAsyncObservable({ name: 'Test Org' })
+ * });
+ */
+export function createMockRestApiConnector(config?: any): any {
+  const defaults = {
+    // Default implementation for getAllAllowedValues to prevent HTTP errors in tests
+    getAllAllowedValues: () => createAsyncObservable([]),
+  };
+
+  return { ...defaults, ...config };
+}
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 66d8258fb..50e02d2db 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -46,17 +46,12 @@ export type StixType =
 /**
  * Workflow state definitions
  */
-export type WorkflowState =
-  | ''
-  | 'work-in-progress'
-  | 'awaiting-review'
-  | 'reviewed';
+export type WorkflowState = 'work-in-progress' | 'awaiting-review' | 'reviewed';
 
 /**
  * List of all workflow states
  */
 export const WorkflowStates: Record<WorkflowState, string> = {
-  '': 'none',
   'work-in-progress': 'work in progress',
   'awaiting-review': 'awaiting review',
   'reviewed': 'reviewed',
diff --git a/src/app/views/collection-manager/collection-manager.component.spec.ts b/src/app/views/collection-manager/collection-manager.component.spec.ts
index 24324f60f..fdcdc5418 100644
--- a/src/app/views/collection-manager/collection-manager.component.spec.ts
+++ b/src/app/views/collection-manager/collection-manager.component.spec.ts
@@ -1,14 +1,32 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { CollectionManagerComponent } from './collection-manager.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('CollectionManagerComponent', () => {
   let component: CollectionManagerComponent;
   let fixture: ComponentFixture<CollectionManagerComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllCollections: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [CollectionManagerComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/views/contributors-page/contributors-page.component.spec.ts b/src/app/views/contributors-page/contributors-page.component.spec.ts
index 304094d84..8a443d94c 100644
--- a/src/app/views/contributors-page/contributors-page.component.spec.ts
+++ b/src/app/views/contributors-page/contributors-page.component.spec.ts
@@ -1,14 +1,33 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { MtxPopoverModule } from '@ng-matero/extensions/popover';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { ContributorsPageComponent } from './contributors-page.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('ContributorsPageComponent', () => {
   let component: ContributorsPageComponent;
   let fixture: ComponentFixture<ContributorsPageComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllObjects: () => createAsyncObservable(createPaginatedResponse()),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [ContributorsPageComponent],
+      imports: [MtxPopoverModule],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
 
     fixture = TestBed.createComponent(ContributorsPageComponent);
diff --git a/src/app/views/dashboard-page/dashboard-page.component.html b/src/app/views/dashboard-page/dashboard-page.component.html
index 5c256ca6c..aa9236846 100644
--- a/src/app/views/dashboard-page/dashboard-page.component.html
+++ b/src/app/views/dashboard-page/dashboard-page.component.html
@@ -1,10 +1,33 @@
 <div class="dashboard-page view-page grid spacing-20">
-  <div class="row">
+  <div class="row" *ngIf="isTeamLead || isAdmin">
     <div class="col">
       <h1>Dashboard</h1>
     </div>
   </div>
-  <div class="row">
+  <div class="row" *ngIf="isTeamLead || isAdmin">
+    <div class="col center">
+      <div>
+        <button mat-raised-button color="primary" routerLink="teams">
+          <h2><br />Teams</h2>
+          <h3 class="display-icon">
+            <mat-icon>groups</mat-icon>
+          </h3>
+        </button>
+        <button mat-raised-button color="primary" routerLink="data-quality">
+          <h2><br />Data Quality</h2>
+          <h3 class="display-icon">
+            <mat-icon>fact_check</mat-icon>
+          </h3>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="row" *ngIf="isAdmin">
+    <div class="col">
+      <h1>Admin Settings</h1>
+    </div>
+  </div>
+  <div class="row" *ngIf="isAdmin">
     <div class="col center">
       <div>
         <button mat-raised-button color="primary" routerLink="org-settings">
@@ -23,19 +46,6 @@ <h3 class="display-icon">
             <mat-icon>bookmark</mat-icon>
           </h3>
         </button>
-      </div>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col center">
-      <div>
-        <button mat-raised-button color="primary" routerLink="teams">
-          <h2><br />Teams</h2>
-          <h3 class="display-icon">
-            <mat-icon>groups</mat-icon>
-          </h3>
-        </button>
-
         <button
           mat-raised-button
           color="primary"
diff --git a/src/app/views/dashboard-page/dashboard-page.component.spec.ts b/src/app/views/dashboard-page/dashboard-page.component.spec.ts
index 42457a886..c65f0995f 100644
--- a/src/app/views/dashboard-page/dashboard-page.component.spec.ts
+++ b/src/app/views/dashboard-page/dashboard-page.component.spec.ts
@@ -1,14 +1,32 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { DashboardPageComponent } from './dashboard-page.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('DashboardPageComponent', () => {
   let component: DashboardPageComponent;
   let fixture: ComponentFixture<DashboardPageComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllUserAccounts: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [DashboardPageComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/views/dashboard-page/dashboard-page.component.ts b/src/app/views/dashboard-page/dashboard-page.component.ts
index 555eecbe7..f49d7ea5c 100644
--- a/src/app/views/dashboard-page/dashboard-page.component.ts
+++ b/src/app/views/dashboard-page/dashboard-page.component.ts
@@ -1,5 +1,7 @@
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
+import { Role } from 'src/app/classes/authn/role';
 
 @Component({
   selector: 'app-dashboard-page',
@@ -11,7 +13,10 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 export class DashboardPageComponent implements OnInit {
   public pendingUsers;
 
-  constructor(private restApiConnector: RestApiConnectorService) {}
+  constructor(
+    private restApiConnector: RestApiConnectorService,
+    private authenticationService: AuthenticationService
+  ) {}
 
   ngOnInit(): void {
     const userSubscription = this.restApiConnector
@@ -24,4 +29,12 @@ export class DashboardPageComponent implements OnInit {
         complete: () => userSubscription.unsubscribe(),
       });
   }
+
+  public get isAdmin(): boolean {
+    return this.authenticationService.isAuthorized([Role.ADMIN]);
+  }
+
+  public get isTeamLead(): boolean {
+    return this.authenticationService.isAuthorized([Role.TEAM_LEAD]);
+  }
 }
diff --git a/src/app/views/dashboard-page/data-quality/data-quality.component.html b/src/app/views/dashboard-page/data-quality/data-quality.component.html
new file mode 100644
index 000000000..d5ef084c0
--- /dev/null
+++ b/src/app/views/dashboard-page/data-quality/data-quality.component.html
@@ -0,0 +1,79 @@
+<div class="data-quality-container">
+  <h1>Duplicate Relationships</h1>
+  <app-loading-overlay *ngIf="loadingParallel"></app-loading-overlay>
+  <div *ngIf="parallelError" class="error">{{ parallelError }}</div>
+
+  <!-- Accordion view for parallel relationships -->
+  <mat-accordion
+    class="dq-accordion"
+    *ngIf="!loadingParallel && parallelRelationships?.length > 0">
+    <mat-expansion-panel *ngFor="let group of parallelRelationships">
+      <mat-expansion-panel-header>
+        <mat-panel-title>
+          <ng-container *ngIf="group.relationships[0] as first">
+            <a [routerLink]="objectLink(first.source_object)">
+              {{ first.source_object.stix.external_references[0].external_id }}
+            </a>
+            <mat-icon aria-hidden="false" aria-label="to"
+              >arrow_forward</mat-icon
+            >
+            {{ group.relationshipType }}
+            <mat-icon aria-hidden="false" aria-label="to"
+              >arrow_forward</mat-icon
+            >
+            <a [routerLink]="objectLink(first.target_object)">
+              {{ first.target_object.stix.external_references[0].external_id }}
+            </a>
+          </ng-container>
+        </mat-panel-title>
+      </mat-expansion-panel-header>
+      <!-- Table for parallel relationships with single-select radios -->
+      <app-stix-list
+        [config]="stixConfigForGroup(group)"
+        (onSelect)="onGroupSelect($event, group)"></app-stix-list>
+      <div class="dq-actions">
+        <button
+          mat-raised-button
+          color="primary"
+          (click)="deprecateOthers(group)"
+          [disabled]="!group.toDeprecate?.length">
+          Deprecate Others ({{ group.toDeprecate.length }})
+        </button>
+        <span class="dq-note" *ngIf="group.toDeprecate?.length">
+          Selecting one relationship will mark the remaining
+          {{ group.toDeprecate.length }} for deprecation
+        </span>
+      </div>
+    </mat-expansion-panel>
+  </mat-accordion>
+  <div
+    *ngIf="
+      !loadingParallel &&
+      (!parallelRelationships || parallelRelationships.length === 0)
+    ">
+    No parallel relationships found.
+  </div>
+
+  <!-- Missing Links Section -->
+  <h1>Missing LinkByIds Status</h1>
+  <app-loading-overlay *ngIf="loadingMissingLinks"></app-loading-overlay>
+  <div *ngIf="error" class="error">{{ error }}</div>
+  <mat-accordion
+    class="dq-accordion"
+    *ngIf="!loadingMissingLinks && missingLinks && missingLinks.length > 0">
+    <mat-expansion-panel>
+      <mat-expansion-panel-header>
+        <mat-panel-title>
+          Missing Links by ID ({{ missingLinks.length }})
+        </mat-panel-title>
+      </mat-expansion-panel-header>
+      <app-stix-list [config]="stixConfigForMissingLinks()"></app-stix-list>
+    </mat-expansion-panel>
+  </mat-accordion>
+  <div
+    *ngIf="
+      !loadingMissingLinks && (!missingLinks || missingLinks.length === 0)
+    ">
+    No missing link by ids found.
+  </div>
+</div>
diff --git a/src/app/views/dashboard-page/data-quality/data-quality.component.scss b/src/app/views/dashboard-page/data-quality/data-quality.component.scss
new file mode 100644
index 000000000..8915dce81
--- /dev/null
+++ b/src/app/views/dashboard-page/data-quality/data-quality.component.scss
@@ -0,0 +1,52 @@
+@use '../../../../style/globals';
+
+.data-quality-subheader {
+  @extend .text-label;
+  @extend .text-deemphasis;
+  text-align: center;
+  text-transform: uppercase;
+  margin-bottom: 20px;
+}
+
+.dq-accordion {
+  .mat-expansion-panel-header-title {
+    font-family: Roboto, Arial, sans-serif;
+    font-weight: 500;
+    font-size: 1.2rem; /* larger header text */
+    line-height: 1.3;
+  }
+  .dq-rel-table {
+    width: 100%;
+  }
+  .dq-actions {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin: 8px 0 16px;
+  }
+  .dq-note {
+    font-size: 0.9rem;
+    opacity: 0.8;
+  }
+}
+
+.missing-list {
+  .missing-id {
+    font-family: Roboto, Arial, sans-serif;
+    font-size: 1rem;
+    word-break: break-all;
+  }
+  .missing-item {
+    padding: 8px 0;
+    border-bottom: 1px solid #eee;
+  }
+  .missing-rel-header {
+    font-weight: 600;
+    font-size: 1.05rem;
+  }
+  .missing-rel-description,
+  .missing-description {
+    margin-top: 4px;
+    font-size: 0.95rem;
+  }
+}
diff --git a/src/app/views/dashboard-page/data-quality/data-quality.component.spec.ts b/src/app/views/dashboard-page/data-quality/data-quality.component.spec.ts
new file mode 100644
index 000000000..3bf741845
--- /dev/null
+++ b/src/app/views/dashboard-page/data-quality/data-quality.component.spec.ts
@@ -0,0 +1,31 @@
+import { TestBed, ComponentFixture } from '@angular/core/testing';
+import { of } from 'rxjs';
+import { DataQualityComponent } from './data-quality.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+
+describe('DataQualityComponent', () => {
+  let component: DataQualityComponent;
+  let fixture: ComponentFixture<DataQualityComponent>;
+
+  const mockReportService = {
+    getMissingLinkById: () => of([]),
+    getParallelRelationships: () => of({}),
+  };
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [DataQualityComponent],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockReportService },
+      ],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(DataQualityComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/views/dashboard-page/data-quality/data-quality.component.ts b/src/app/views/dashboard-page/data-quality/data-quality.component.ts
new file mode 100644
index 000000000..4d983adda
--- /dev/null
+++ b/src/app/views/dashboard-page/data-quality/data-quality.component.ts
@@ -0,0 +1,285 @@
+import { Component, OnInit, ViewEncapsulation, ViewChild } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { StixObject } from 'src/app/classes/stix/stix-object';
+import { StixListConfig } from 'src/app/components/stix/stix-list/stix-list.component';
+import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
+import { StixListComponent } from 'src/app/components/stix/stix-list/stix-list.component';
+import { SelectionModel } from '@angular/cdk/collections';
+import { forkJoin } from 'rxjs';
+import { Relationship } from 'src/app/classes/stix/relationship';
+import { ConfirmationDialogComponent } from 'src/app/components/confirmation-dialog/confirmation-dialog.component';
+
+interface ParallelRelationshipGroup {
+  key: string;
+  sourceRef: string;
+  targetRef: string;
+  relationshipType: string;
+  count: number;
+  relationships: any[];
+  stixObjects?: StixObject[];
+  selectedRelationship: string;
+  toDeprecate: string[];
+  selection?: SelectionModel<string>;
+}
+
+@Component({
+  selector: 'app-data-quality',
+  templateUrl: './data-quality.component.html',
+  styleUrls: ['./data-quality.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  standalone: false,
+})
+export class DataQualityComponent implements OnInit {
+  constructor(
+    private reportService: RestApiConnectorService,
+    private dialog: MatDialog
+  ) {}
+
+  missingLinks: any[] = [];
+  missingLinkRows: { id: string; name: string }[] = [];
+  loadingMissingLinks = false;
+  error?: string;
+
+  parallelRelationships: ParallelRelationshipGroup[] = [];
+  loadingParallel = false;
+  parallelError?: string;
+
+  stixRelationshipConfig: StixListConfig = {
+    type: 'relationship',
+    stixObjects: [],
+    clickBehavior: 'none',
+    showFilters: false,
+    showDeprecatedFilter: true,
+    compactRelationshipColumns: true,
+  };
+
+  @ViewChild('relationshipList') relationshipList: StixListComponent;
+
+  ngOnInit(): void {
+    this.loadParallelRelationships();
+    this.loadMissingLinks();
+  }
+
+  private transformParallelRelationships(
+    raw: Record<string, any[]>
+  ): ParallelRelationshipGroup[] {
+    return Object.entries(raw).map(([key, relationships]) => {
+      const byNewest = [...relationships].sort((a, b) => {
+        const ac = a.stix?.created;
+        const bc = b.stix?.created;
+        return bc - ac;
+      });
+      const selectedRelationship =
+        byNewest[0].stix.id ?? relationships[0].stix.id;
+      const toDeprecate = relationships
+        .map(r => r.stix.id)
+        .filter(id => id !== selectedRelationship);
+      const selection = new SelectionModel<string>(false);
+      if (selectedRelationship) selection.toggle(selectedRelationship);
+
+      const first = relationships[0].stix;
+      return {
+        key,
+        sourceRef: first?.source_ref,
+        targetRef: first?.target_ref,
+        relationshipType: first?.relationship_type,
+        count: relationships.length,
+        relationships,
+        selectedRelationship,
+        toDeprecate,
+        selection,
+      };
+    });
+  }
+
+  // Build a link to the workbench object page using STIX->ATT&CK mapping
+  objectLink(item: any): any[] {
+    const id = item.stix.id;
+    const stixType = item.stix.type as keyof typeof StixTypeToAttackType;
+    const attackType = StixTypeToAttackType[stixType];
+    return ['/', attackType, id];
+  }
+
+  loadMissingLinks(): void {
+    this.loadingMissingLinks = true;
+    this.reportService.getMissingLinkById().subscribe({
+      next: data => {
+        // update later to also display relationship missing link by ids
+        this.missingLinks = Array.isArray(data)
+          ? data.filter(item => {
+              const type = item.stix.type;
+              return type !== 'relationship';
+            })
+          : [];
+        this.missingLinkRows = this.buildMissingLinkRows();
+        this.loadingMissingLinks = false;
+      },
+      error: err => {
+        this.error = 'Failed to load report';
+        this.loadingMissingLinks = false;
+        console.error(err);
+      },
+    });
+  }
+
+  loadParallelRelationships(): void {
+    this.loadingParallel = true;
+
+    this.reportService.getParallelRelationships().subscribe({
+      next: rawData => {
+        this.parallelRelationships =
+          this.transformParallelRelationships(rawData);
+
+        this.parallelRelationships.forEach(group => {
+          group.stixObjects = this.buildStixObjectsForGroup(group);
+        });
+        this.loadingParallel = false;
+        this.parallelError = undefined;
+      },
+      error: err => {
+        this.parallelError = 'Failed to load parallel relationships report';
+        this.loadingParallel = false;
+        console.error(err);
+      },
+    });
+  }
+
+  // Build a StixList-compatible array for a given group
+  buildStixObjectsForGroup(group: ParallelRelationshipGroup): StixObject[] {
+    if (!group || !Array.isArray(group.relationships)) return [] as any;
+    return group.relationships.map(r => this.mapRelationshipToRow(r)) as any;
+  }
+
+  // Use existing config and override only the stixObjects and hide controls in panels
+  stixConfigForGroup(group: ParallelRelationshipGroup): StixListConfig {
+    return {
+      ...this.stixRelationshipConfig,
+      stixObjects: group.stixObjects || this.buildStixObjectsForGroup(group),
+      showControls: false,
+      select: 'one',
+      selectionModel: group.selection,
+    };
+  }
+
+  // Build stix objects for missing links
+  buildMissingLinkObjects(): StixObject[] {
+    return (this.missingLinks || []).map(item => {
+      const s = item?.stix || item;
+      return {
+        stixID: s.id,
+        attackType: StixTypeToAttackType[s.type],
+        type: s.type,
+        attackID: s.external_references?.[0]?.external_id || '',
+        name: s.name || s.external_references?.[0]?.external_id || s.id,
+      } as any;
+    });
+  }
+
+  // Use stix-list for missing links with a 2 columns - id and name
+  stixConfigForMissingLinks(): StixListConfig {
+    return {
+      type: 'relationship', // use relationship so stix-list table styling matches
+      stixObjects: this.buildMissingLinkObjects(),
+      columnsPreset: 'id-name',
+      showControls: false,
+      showFilters: false,
+      showDeprecatedFilter: false,
+      clickBehavior: 'linkToObjectPage',
+    };
+  }
+
+  private mapRelationshipToRow(r: any): StixObject {
+    const stix = r.stix;
+    return {
+      stixID: stix.id,
+      type: 'relationship',
+      source_ref: stix.source_ref || '',
+      target_ref: stix.target_ref || '',
+      source_name: r.source_object.stix.name || '',
+      target_name: r.target_object.stix.name || '',
+      source_ID: r.source_object.stix.external_references[0].external_id || '',
+      target_ID: r.target_object.stix.external_references[0].external_id || '',
+      relationship_type: stix.relationship_type,
+      description: stix.description || '',
+      created: stix.created || undefined,
+      modified: stix.modified || undefined,
+      revoked: r?.revoked,
+      deprecated: r?.x_mitre_deprecated,
+    } as any;
+  }
+  // Build rows for missing links table and display id and name
+  buildMissingLinkRows(): { id: string; name: string }[] {
+    return (this.missingLinks || []).map(item => {
+      const id =
+        item?.stix.external_references?.[0]?.external_id || item?.stix.id || '';
+      const name = item?.stix.name || '';
+      return { id, name };
+    });
+  }
+
+  // Handle selection change from stix-list radios
+  onGroupSelect(element: StixObject, group: ParallelRelationshipGroup): void {
+    if (!group || !group.selection) return;
+    const stixId = element.stixID;
+    if (!stixId) return;
+    group.selection.clear();
+    group.selection.select(stixId);
+    group.selectedRelationship = stixId;
+    group.toDeprecate = group.relationships
+      .map(r => r.stix.id)
+      .filter(id => id && id !== group.selectedRelationship);
+    group.stixObjects = this.buildStixObjectsForGroup(group);
+  }
+
+  // Deprecate non-selected relationships for a group
+  deprecateOthers(group: ParallelRelationshipGroup): void {
+    if (!group || !group.toDeprecate?.length) return;
+
+    const confirmationPrompt = this.dialog.open(ConfirmationDialogComponent, {
+      maxWidth: '35em',
+      data: {
+        message:
+          'All selected relationships in this group will be deprecated. Do you want to continue?',
+      },
+      autoFocus: false, // prevents auto focus on toolbar buttons
+    });
+
+    const confirmationSub = confirmationPrompt.afterClosed().subscribe({
+      next: result => {
+        if (!result) return; // user cancelled
+
+        const tasks = group.relationships
+          .filter(
+            r =>
+              r.stix.id !== group.selectedRelationship &&
+              !r?.x_mitre_deprecated &&
+              !['subtechnique-of', 'revoked-by'].includes(
+                r.stix?.relationship_type
+              )
+          )
+          .map(r => {
+            const rel = new Relationship(r);
+            rel.deprecated = true;
+            return this.reportService.putRelationship(rel);
+          });
+
+        const sub = forkJoin(tasks).subscribe({
+          next: () => {
+            group.relationships = group.relationships.filter(
+              r => r.stix?.id === group.selectedRelationship
+            );
+            group.toDeprecate = [];
+            group.stixObjects = this.buildStixObjectsForGroup(group);
+            window.location.reload();
+          },
+          error: err => {
+            console.error(err);
+          },
+          complete: () => sub.unsubscribe(),
+        });
+      },
+      complete: () => confirmationSub.unsubscribe(),
+    });
+  }
+}
diff --git a/src/app/views/dashboard-page/default-marking-definitions/default-marking-definitions.component.spec.ts b/src/app/views/dashboard-page/default-marking-definitions/default-marking-definitions.component.spec.ts
index c1012537c..c700b0ff9 100644
--- a/src/app/views/dashboard-page/default-marking-definitions/default-marking-definitions.component.spec.ts
+++ b/src/app/views/dashboard-page/default-marking-definitions/default-marking-definitions.component.spec.ts
@@ -1,21 +1,51 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
+import { MtxPopoverModule } from '@ng-matero/extensions/popover';
 
 import { DefaultMarkingDefinitionsComponent } from './default-marking-definitions.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('DefaultMarkingDefinitionsComponent', () => {
   let component: DefaultMarkingDefinitionsComponent;
   let fixture: ComponentFixture<DefaultMarkingDefinitionsComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllMarkingDefinitions: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [DefaultMarkingDefinitionsComponent],
+      imports: [MtxPopoverModule],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+        provideRouter([]),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(DefaultMarkingDefinitionsComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.spec.ts b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.spec.ts
index 4f511fbb2..7d98cbbed 100644
--- a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.spec.ts
+++ b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.spec.ts
@@ -1,14 +1,32 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { OrgSettingsPageComponent } from './org-settings-page.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('OrgSettingsPageComponent', () => {
   let component: OrgSettingsPageComponent;
   let fixture: ComponentFixture<OrgSettingsPageComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getOrganizationIdentity: () => createAsyncObservable({}),
+      getOrganizationNamespace: () =>
+        createAsyncObservable({ prefix: '', range_start: undefined }),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [OrgSettingsPageComponent],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/views/dashboard-page/teams/teams-list-page/teams-list-page.component.spec.ts b/src/app/views/dashboard-page/teams/teams-list-page/teams-list-page.component.spec.ts
index ff9001e45..55132134d 100644
--- a/src/app/views/dashboard-page/teams/teams-list-page/teams-list-page.component.spec.ts
+++ b/src/app/views/dashboard-page/teams/teams-list-page/teams-list-page.component.spec.ts
@@ -1,21 +1,48 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { TeamsListPageComponent } from './teams-list-page.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('TeamsListPageComponent', () => {
   let component: TeamsListPageComponent;
   let fixture: ComponentFixture<TeamsListPageComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllTeams: () => createAsyncObservable(createPaginatedResponse()),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [TeamsListPageComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        provideRouter([]),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(TeamsListPageComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/views/dashboard-page/teams/teams-view-page/teams-view-page.component.spec.ts b/src/app/views/dashboard-page/teams/teams-view-page/teams-view-page.component.spec.ts
index eaa0fcac6..8aa77bda8 100644
--- a/src/app/views/dashboard-page/teams/teams-view-page/teams-view-page.component.spec.ts
+++ b/src/app/views/dashboard-page/teams/teams-view-page/teams-view-page.component.spec.ts
@@ -1,20 +1,51 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
+
 import { TeamsViewPageComponent } from './teams-view-page.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('TeamsViewPageComponent', () => {
   let component: TeamsViewPageComponent;
   let fixture: ComponentFixture<TeamsViewPageComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getTeamById: () =>
+        createAsyncObservable({ id: 'test', name: 'Test Team' }),
+      getAllUserAccounts: () =>
+        createAsyncObservable(createPaginatedResponse()),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [TeamsViewPageComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        provideRouter([]),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(TeamsViewPageComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/views/dashboard-page/user-accounts-page/user-accounts-page.component.spec.ts b/src/app/views/dashboard-page/user-accounts-page/user-accounts-page.component.spec.ts
index d449146f4..149b8e93a 100644
--- a/src/app/views/dashboard-page/user-accounts-page/user-accounts-page.component.spec.ts
+++ b/src/app/views/dashboard-page/user-accounts-page/user-accounts-page.component.spec.ts
@@ -1,14 +1,33 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { UserAccountsPageComponent } from './user-accounts-page.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('UserAccountsPageComponent', () => {
   let component: UserAccountsPageComponent;
   let fixture: ComponentFixture<UserAccountsPageComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllUserAccounts: () =>
+        createAsyncObservable(createPaginatedResponse()),
+      getAllTeams: () => createAsyncObservable(createPaginatedResponse()),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [UserAccountsPageComponent],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/views/help-page/help-page.component.spec.ts b/src/app/views/help-page/help-page.component.spec.ts
index 36b4997d3..83ffe986b 100644
--- a/src/app/views/help-page/help-page.component.spec.ts
+++ b/src/app/views/help-page/help-page.component.spec.ts
@@ -1,4 +1,9 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { MarkdownModule, MarkdownService } from 'ngx-markdown';
+import { ActivatedRoute } from '@angular/router';
+import { provideHttpClient } from '@angular/common/http';
+import { of } from 'rxjs';
 
 import { HelpPageComponent } from './help-page.component';
 
@@ -9,6 +14,23 @@ describe('HelpPageComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [HelpPageComponent],
+      imports: [MarkdownModule.forRoot()],
+      providers: [
+        provideHttpClient(),
+        MarkdownService,
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+            data: of({}),
+            snapshot: {
+              data: { markdown: '' },
+            },
+          },
+        },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
diff --git a/src/app/views/landing-page/landing-page.component.spec.ts b/src/app/views/landing-page/landing-page.component.spec.ts
index fbca60c46..81413205e 100644
--- a/src/app/views/landing-page/landing-page.component.spec.ts
+++ b/src/app/views/landing-page/landing-page.component.spec.ts
@@ -1,4 +1,7 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
 
 import { LandingPageComponent } from './landing-page.component';
 
@@ -9,6 +12,8 @@ describe('LandingPageComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [LandingPageComponent],
+      providers: [provideHttpClient(), provideRouter([])],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
diff --git a/src/app/views/notes-page/notes-page.component.spec.ts b/src/app/views/notes-page/notes-page.component.spec.ts
index 84f1c061a..f4b4599a0 100644
--- a/src/app/views/notes-page/notes-page.component.spec.ts
+++ b/src/app/views/notes-page/notes-page.component.spec.ts
@@ -1,4 +1,6 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MtxPopoverModule } from '@ng-matero/extensions/popover';
 
 import { NotesPageComponent } from './notes-page.component';
 
@@ -9,6 +11,8 @@ describe('NotesPageComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [NotesPageComponent],
+      imports: [MtxPopoverModule],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/views/profile-page/profile-page.component.spec.ts b/src/app/views/profile-page/profile-page.component.spec.ts
index 24da7917a..24a14cb65 100644
--- a/src/app/views/profile-page/profile-page.component.spec.ts
+++ b/src/app/views/profile-page/profile-page.component.spec.ts
@@ -1,4 +1,13 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { ActivatedRoute } from '@angular/router';
+import { of } from 'rxjs';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
+import {
+  createMockAuthenticationService,
+  createMockUserAccount,
+} from 'src/app/testing/mocks/authentication-service.mock';
 
 import { ProfilePageComponent } from './profile-page.component';
 
@@ -7,8 +16,32 @@ describe('ProfilePageComponent', () => {
   let fixture: ComponentFixture<ProfilePageComponent>;
 
   beforeEach(async () => {
+    const mockAuthService = createMockAuthenticationService({
+      currentUser: createMockUserAccount({
+        id: 'mock-user-id',
+        username: 'testuser',
+        email: 'test@example.com',
+      }),
+      canEdit: () => false,
+    });
+
     await TestBed.configureTestingModule({
       declarations: [ProfilePageComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+        {
+          provide: AuthenticationService,
+          useValue: mockAuthService,
+        },
+      ],
     }).compileComponents();
   });
 
diff --git a/src/app/views/reference-manager/reference-manager.component.spec.ts b/src/app/views/reference-manager/reference-manager.component.spec.ts
index dc0895538..33bc9fbc6 100644
--- a/src/app/views/reference-manager/reference-manager.component.spec.ts
+++ b/src/app/views/reference-manager/reference-manager.component.spec.ts
@@ -1,14 +1,32 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { ReferenceManagerComponent } from './reference-manager.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('ReferenceManagerComponent', () => {
   let component: ReferenceManagerComponent;
   let fixture: ComponentFixture<ReferenceManagerComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllObjects: () => createAsyncObservable(createPaginatedResponse()),
+      getAllReferences: () => createAsyncObservable(createPaginatedResponse()),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [ReferenceManagerComponent],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/views/stix/analytic-view/analytic-view.component.html b/src/app/views/stix/analytic-view/analytic-view.component.html
index 549ae115b..7ed1ebd25 100644
--- a/src/app/views/stix/analytic-view/analytic-view.component.html
+++ b/src/app/views/stix/analytic-view/analytic-view.component.html
@@ -18,11 +18,9 @@
       <!-- ATT&CK ID -->
       <app-attackid-property
         class="grow-to-row"
-        (attackIdGenerated)="setNameFromAttackId()"
         [config]="{
           mode: config.mode,
           object: config.object,
-          required: true,
         }">
       </app-attackid-property>
     </div>
diff --git a/src/app/views/stix/analytic-view/analytic-view.component.spec.ts b/src/app/views/stix/analytic-view/analytic-view.component.spec.ts
index 8b09ab397..8a0ded251 100644
--- a/src/app/views/stix/analytic-view/analytic-view.component.spec.ts
+++ b/src/app/views/stix/analytic-view/analytic-view.component.spec.ts
@@ -1,19 +1,36 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { AnalyticViewComponent } from './analytic-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('AnalyticViewComponent', () => {
   let component: AnalyticViewComponent;
   let fixture: ComponentFixture<AnalyticViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getDefaultMarkingDefinitions: () => createAsyncObservable([]),
+      getNextAttackId: () => createAsyncObservable('ANA-0001'),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [AnalyticViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
 
     fixture = TestBed.createComponent(AnalyticViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/analytic-view/analytic-view.component.ts b/src/app/views/stix/analytic-view/analytic-view.component.ts
index 3f01916b7..a505b6eee 100644
--- a/src/app/views/stix/analytic-view/analytic-view.component.ts
+++ b/src/app/views/stix/analytic-view/analytic-view.component.ts
@@ -28,27 +28,6 @@ export class AnalyticViewComponent extends StixViewPage implements OnInit {
   ngOnInit(): void {
     if (this.analytic.firstInitialized) {
       this.analytic.setDefaultMarkingDefinitions(this.apiService);
-      this.generateAttackId();
-    }
-  }
-
-  private generateAttackId(): void {
-    const sub = this.analytic.generateAttackId(this.apiService).subscribe({
-      next: val => {
-        this.analytic.attackID = val;
-        this.setNameFromAttackId();
-      },
-      complete: () => sub.unsubscribe(),
-    });
-  }
-
-  public setNameFromAttackId(): void {
-    if (this.analytic.attackID) {
-      const regex = /\d+$/;
-      const match = regex.exec(this.analytic.attackID);
-      if (match) {
-        this.analytic.name = `Analytic ${match[0]}`;
-      }
     }
   }
 }
diff --git a/src/app/views/stix/asset-view/asset-view.component.spec.ts b/src/app/views/stix/asset-view/asset-view.component.spec.ts
index 735cc3384..bc2a2cd8a 100644
--- a/src/app/views/stix/asset-view/asset-view.component.spec.ts
+++ b/src/app/views/stix/asset-view/asset-view.component.spec.ts
@@ -1,21 +1,37 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { AssetViewComponent } from './asset-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('AssetViewComponent', () => {
   let component: AssetViewComponent;
   let fixture: ComponentFixture<AssetViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getDefaultMarkingDefinitions: () => createAsyncObservable([]),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [AssetViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(AssetViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/campaign-view/campaign-view.component.spec.ts b/src/app/views/stix/campaign-view/campaign-view.component.spec.ts
index 8dbf8f66d..8f3003893 100644
--- a/src/app/views/stix/campaign-view/campaign-view.component.spec.ts
+++ b/src/app/views/stix/campaign-view/campaign-view.component.spec.ts
@@ -1,21 +1,37 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { CampaignViewComponent } from './campaign-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('CampaignViewComponent', () => {
   let component: CampaignViewComponent;
   let fixture: ComponentFixture<CampaignViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getDefaultMarkingDefinitions: () => createAsyncObservable([]),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [CampaignViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CampaignViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/collection/collection-import/collection-import-error/collection-import-error.component.spec.ts b/src/app/views/stix/collection/collection-import/collection-import-error/collection-import-error.component.spec.ts
index 4ddaf87b7..32521beac 100644
--- a/src/app/views/stix/collection/collection-import/collection-import-error/collection-import-error.component.spec.ts
+++ b/src/app/views/stix/collection/collection-import/collection-import-error/collection-import-error.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { CollectionImportErrorComponent } from './collection-import-error.component';
@@ -9,12 +10,27 @@ describe('CollectionImportErrorComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [CollectionImportErrorComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CollectionImportErrorComponent);
     component = fixture.componentInstance;
+    component.error = {
+      bundleErrors: {
+        duplicateCollection: false,
+        noCollection: false,
+        moreThanOneCollection: false,
+        badlyFormattedCollection: false,
+      },
+      objectErrors: {
+        summary: {
+          invalidAttackSpecVersionCount: 0,
+          duplicateObjectInBundleCount: 0,
+        },
+      },
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/views/stix/collection/collection-import/collection-import-review/collection-import-review.component.spec.ts b/src/app/views/stix/collection/collection-import/collection-import-review/collection-import-review.component.spec.ts
index 849455bf1..771d6d8b7 100644
--- a/src/app/views/stix/collection/collection-import/collection-import-review/collection-import-review.component.spec.ts
+++ b/src/app/views/stix/collection/collection-import/collection-import-review/collection-import-review.component.spec.ts
@@ -1,21 +1,50 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { CollectionImportReviewComponent } from './collection-import-review.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('CollectionImportReviewComponent', () => {
   let component: CollectionImportReviewComponent;
   let fixture: ComponentFixture<CollectionImportReviewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllCollections: () => createAsyncObservable(createPaginatedResponse()),
+      getAllMarkingDefinitions: () =>
+        createAsyncObservable(createPaginatedResponse()),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [CollectionImportReviewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        provideRouter([]),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CollectionImportReviewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.html b/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.html
index db8f3aab1..9e29dbfbd 100644
--- a/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.html
+++ b/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.html
@@ -112,7 +112,7 @@
       <ng-template #loadingStep2_marker>
         <app-loading-overlay
           *ngIf="loadingStep2"
-          message="importing collection"></app-loading-overlay>
+          [phaseProgress]="phaseProgress"></app-loading-overlay>
       </ng-template>
     </mat-step>
     <mat-step>
diff --git a/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.spec.ts b/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.spec.ts
index 38189342f..e3472f06b 100644
--- a/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.spec.ts
+++ b/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.spec.ts
@@ -1,21 +1,50 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { CollectionImportComponent } from './collection-import.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('CollectionImportComponent', () => {
   let component: CollectionImportComponent;
   let fixture: ComponentFixture<CollectionImportComponent>;
 
   beforeEach(waitForAsync(() => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllCollections: () => createAsyncObservable(createPaginatedResponse()),
+      getAllMarkingDefinitions: () =>
+        createAsyncObservable(createPaginatedResponse()),
+    });
+
     TestBed.configureTestingModule({
       declarations: [CollectionImportComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        provideRouter([]),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CollectionImportComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.ts b/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.ts
index b4a16223f..5d66923b1 100644
--- a/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.ts
+++ b/src/app/views/stix/collection/collection-import/collection-import-workflow/collection-import.component.ts
@@ -36,6 +36,7 @@ import { AuthenticationService } from 'src/app/services/connectors/authenticatio
 import { UserAccount } from 'src/app/classes/authn/user-account';
 import { logger } from '../../../../../utils/logger';
 import { v4 as uuid } from 'uuid';
+import { PhaseProgress } from 'src/app/components/loading-overlay/loading-overlay.component';
 import type * as XLSXNS from 'xlsx';
 
 @Component({
@@ -52,6 +53,8 @@ export class CollectionImportComponent implements OnInit {
   public url = '';
   public loadingStep1 = false;
   public loadingStep2 = false;
+  public importProgress = 0; // 0-100 (legacy)
+  public phaseProgress: PhaseProgress[] = []; // Multi-phase progress
   public select: SelectionModel<string>;
   // ids of objects which have changed (object-version not already in knowledge base)
   public changed_ids: string[] = [];
@@ -822,27 +825,106 @@ export class CollectionImportComponent implements OnInit {
             }
             newBundle.objects = objects;
             const force = this.import_errors ? true : false; // force import if the collection bundle has errors
+
+            // Use streaming import for progress updates
+            this.importProgress = 0;
+            // Initialize multi-phase progress tracking
+            this.phaseProgress = [
+              {
+                phase: 'processing',
+                label: 'Processing Objects',
+                progress: 0,
+                active: false,
+              },
+              {
+                phase: 'references',
+                label: 'Importing References',
+                progress: 0,
+                active: false,
+              },
+              {
+                phase: 'saving',
+                label: 'Saving Collection',
+                progress: 0,
+                active: false,
+              },
+            ];
+            logger.log('Starting streaming import...');
             const subscription = this.restAPIConnectorService
-              .postCollectionBundle(newBundle, false, force)
+              .streamCollectionBundleImport(newBundle, force)
               .subscribe({
-                next: results => {
-                  if (results.import_categories.errors.length > 0) {
-                    logger.warn(
-                      'Collection import completed with errors:',
-                      results.import_categories.errors
+                next: event => {
+                  logger.log('SSE Event received:', event.type, event.data);
+                  if (event.type === 'progress') {
+                    // Update phase progress
+                    const phase = event.data.phase;
+                    const phasePercentage = event.data.phasePercentage || 0;
+
+                    // Find and update the appropriate phase
+                    const phaseIndex = this.phaseProgress.findIndex(
+                      p => p.phase === phase
                     );
+                    if (phaseIndex !== -1) {
+                      // Mark all previous phases as complete
+                      for (let i = 0; i < phaseIndex; i++) {
+                        this.phaseProgress[i].progress = 100;
+                        this.phaseProgress[i].active = false;
+                      }
+                      // Update current phase
+                      this.phaseProgress[phaseIndex].progress = phasePercentage;
+                      this.phaseProgress[phaseIndex].active = true;
+                      // Keep future phases at 0
+                      for (
+                        let i = phaseIndex + 1;
+                        i < this.phaseProgress.length;
+                        i++
+                      ) {
+                        this.phaseProgress[i].progress = 0;
+                        this.phaseProgress[i].active = false;
+                      }
+                    }
+
+                    logger.log(
+                      'Phase progress updated:',
+                      phase,
+                      phasePercentage
+                    );
+                  } else if (event.type === 'complete') {
+                    // Import complete - mark all phases as 100%
+                    this.phaseProgress.forEach(p => {
+                      p.progress = 100;
+                      p.active = false;
+                    });
+                    logger.log(
+                      'Import complete, waiting 1 second before transitioning to done'
+                    );
+                    // Wait 1 second to show all progress bars at 100% before transitioning
+                    setTimeout(() => {
+                      this.handleImportSuccess(new Collection(event.data));
+                    }, 1000);
                   }
-                  this.save_errors = results.import_categories.errors;
-                  const save_error_ids = new Set(
-                    this.save_errors.map(err => err['object_ref'])
-                  );
-                  for (const category in results.import_categories) {
-                    if (category == 'errors') continue;
-                    for (const id of results.import_categories[category])
-                      if (!save_error_ids.has(id))
-                        this.successfully_saved.add(id);
+                },
+                error: error => {
+                  // Check if it's a timeout error (504 Gateway Timeout or network timeout)
+                  if (error.status === 504 || error.status === 0) {
+                    logger.warn(
+                      'Import request timed out, but import may still be processing. Starting polling...'
+                    );
+                    // Import is likely still running - poll for completion
+                    this.pollForImportCompletion(
+                      newBundle.objects[0]?.id || newBundle.collection?.id
+                    );
+                  } else {
+                    // Real error - show it and stop loading
+                    this.loadingStep2 = false;
+                    this.importProgress = 0;
+                    logger.error('Import failed with error:', error);
+                    this.snackbar.open(
+                      `Import failed: ${error.error?.message || error.message || 'Unknown error'}`,
+                      'Dismiss',
+                      { duration: 10000 }
+                    );
                   }
-                  this.stepper.next();
                 },
                 complete: () => {
                   subscription.unsubscribe();
@@ -857,6 +939,119 @@ export class CollectionImportComponent implements OnInit {
     });
   }
 
+  /**
+   * Handle successful import results
+   */
+  private handleImportSuccess(results: Collection): void {
+    if (results.import_categories.errors.length > 0) {
+      logger.warn(
+        'Collection import completed with errors:',
+        results.import_categories.errors
+      );
+    }
+    this.save_errors = results.import_categories.errors;
+    const save_error_ids = new Set(
+      this.save_errors.map(err => err['object_ref'])
+    );
+    for (const category in results.import_categories) {
+      if (category == 'errors') continue;
+      for (const id of results.import_categories[category])
+        if (!save_error_ids.has(id)) this.successfully_saved.add(id);
+    }
+    this.loadingStep2 = false;
+    this.stepper.next();
+  }
+
+  /**
+   * Poll for import completion when the initial request times out
+   */
+  private pollForImportCompletion(_expectedCollectionId: string): void {
+    // Show informative message to user
+    this.snackbar.open(
+      'Large import detected. Processing may take several minutes. Checking for completion...',
+      'Dismiss',
+      { duration: 8000 }
+    );
+
+    // Poll every 5 seconds for up to 15 minutes
+    const maxAttempts = 180; // 15 minutes (180 * 5 seconds)
+    let attempts = 0;
+
+    const pollInterval = setInterval(() => {
+      attempts++;
+
+      // Get all collections and find the one that was just imported
+      this.restAPIConnectorService.getAllCollections().subscribe({
+        next: result => {
+          // Look for a recently modified collection that matches our import
+          // Since we don't have the exact collection ID before import, we look for
+          // the most recently modified collection
+          if (result && result.data && result.data.length > 0) {
+            // Cast to Collection array since getAllCollections returns collections
+            const collections = result.data as Collection[];
+
+            // Sort by modified date descending
+            const sortedCollections = [...collections].sort(
+              (a: Collection, b: Collection) => {
+                const dateA = new Date(a.modified).getTime();
+                const dateB = new Date(b.modified).getTime();
+                return dateB - dateA;
+              }
+            );
+
+            // Check if the most recent collection was modified within the last few minutes
+            const mostRecent = sortedCollections[0];
+            const modifiedTime = new Date(mostRecent.modified).getTime();
+            const now = Date.now();
+            const timeDiff = now - modifiedTime;
+
+            // If modified within last 5 minutes, assume it's our import
+            if (timeDiff < 300000) {
+              // 5 minutes in milliseconds
+              clearInterval(pollInterval);
+              logger.log(
+                'Import detected as complete. Collection:',
+                mostRecent
+              );
+
+              // The collection from getAllCollections includes import_categories
+              // so we can use it directly
+              this.snackbar.open('Import completed successfully!', 'Dismiss', {
+                duration: 5000,
+              });
+              this.handleImportSuccess(mostRecent);
+            }
+          }
+
+          // Check if we've exceeded max attempts
+          if (attempts >= maxAttempts) {
+            clearInterval(pollInterval);
+            this.loadingStep2 = false;
+            this.snackbar.open(
+              'Import status check timed out after 15 minutes. The import may still be processing. Please check the collections page.',
+              'Dismiss',
+              { duration: 15000 }
+            );
+          }
+        },
+        error: () => {
+          // Only log errors, don't stop polling unless max attempts reached
+          logger.warn('Error polling for import completion');
+
+          if (attempts >= maxAttempts) {
+            clearInterval(pollInterval);
+            this.loadingStep2 = false;
+            this.snackbar.open(
+              'Unable to verify import completion. Please check the collections page.',
+              'Dismiss',
+              { duration: 10000 }
+            );
+          }
+        },
+      });
+    }, 5000); // Poll every 5 seconds
+  }
+
   /**
    * Cancel the collection import and revert to previous step
    */
diff --git a/src/app/views/stix/collection/collection-index/collection-index-import/collection-index-import.component.spec.ts b/src/app/views/stix/collection/collection-index/collection-index-import/collection-index-import.component.spec.ts
index 63ef6e62f..117c24b31 100644
--- a/src/app/views/stix/collection/collection-index/collection-index-import/collection-index-import.component.spec.ts
+++ b/src/app/views/stix/collection/collection-index/collection-index-import/collection-index-import.component.spec.ts
@@ -1,21 +1,50 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { CollectionIndexImportComponent } from './collection-index-import.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('CollectionIndexImportComponent', () => {
   let component: CollectionIndexImportComponent;
   let fixture: ComponentFixture<CollectionIndexImportComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllCollectionIndexes: () =>
+        createAsyncObservable(createPaginatedResponse()),
+      getAllCollections: () => createAsyncObservable(createPaginatedResponse()),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [CollectionIndexImportComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        provideRouter([]),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CollectionIndexImportComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/collection/collection-index/collection-index-list/collection-index-list.component.spec.ts b/src/app/views/stix/collection/collection-index/collection-index-list/collection-index-list.component.spec.ts
index 3b0ced4a7..ac73b399e 100644
--- a/src/app/views/stix/collection/collection-index/collection-index-list/collection-index-list.component.spec.ts
+++ b/src/app/views/stix/collection/collection-index/collection-index-list/collection-index-list.component.spec.ts
@@ -1,4 +1,9 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { CollectionIndexListComponent } from './collection-index-list.component';
 
@@ -9,13 +14,24 @@ describe('CollectionIndexListComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [CollectionIndexListComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        provideRouter([]),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CollectionIndexListComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/collection/collection-index/collection-index-view/collection-index-view.component.spec.ts b/src/app/views/stix/collection/collection-index/collection-index-view/collection-index-view.component.spec.ts
index ff41356c7..4c112eb7a 100644
--- a/src/app/views/stix/collection/collection-index/collection-index-view/collection-index-view.component.spec.ts
+++ b/src/app/views/stix/collection/collection-index/collection-index-view/collection-index-view.component.spec.ts
@@ -1,21 +1,43 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { CollectionIndexViewComponent } from './collection-index-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('CollectionIndexViewComponent', () => {
   let component: CollectionIndexViewComponent;
   let fixture: ComponentFixture<CollectionIndexViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [CollectionIndexViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        provideRouter([]),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CollectionIndexViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any } as any;
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/collection/collection-list/collection-list.component.spec.ts b/src/app/views/stix/collection/collection-list/collection-list.component.spec.ts
index 16cdb37a3..da7ada611 100644
--- a/src/app/views/stix/collection/collection-list/collection-list.component.spec.ts
+++ b/src/app/views/stix/collection/collection-list/collection-list.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { CollectionListComponent } from './collection-list.component';
@@ -9,13 +10,18 @@ describe('CollectionListComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [CollectionListComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CollectionListComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    // Set required config input
+    component.config = {
+      mode: 'created',
+      collections: [],
+    };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/collection/collection-view/collection-view.component.spec.ts b/src/app/views/stix/collection/collection-view/collection-view.component.spec.ts
index 06209109e..b70bf325f 100644
--- a/src/app/views/stix/collection/collection-view/collection-view.component.spec.ts
+++ b/src/app/views/stix/collection/collection-view/collection-view.component.spec.ts
@@ -1,21 +1,44 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { CollectionViewComponent } from './collection-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('CollectionViewComponent', () => {
   let component: CollectionViewComponent;
   let fixture: ComponentFixture<CollectionViewComponent>;
 
   beforeEach(waitForAsync(() => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     TestBed.configureTestingModule({
       declarations: [CollectionViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        provideRouter([]),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+            snapshot: { data: {}, queryParams: {} },
+          },
+        },
+      ],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(CollectionViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/data-component-view/data-component-view.component.html b/src/app/views/stix/data-component-view/data-component-view.component.html
index d24907f13..7f05e50a8 100644
--- a/src/app/views/stix/data-component-view/data-component-view.component.html
+++ b/src/app/views/stix/data-component-view/data-component-view.component.html
@@ -62,29 +62,31 @@
   </div>
   <div class="row">
     <div class="col">
-      <!-- LOG SOURCES -->
-      <app-subtype-property
+      <app-dictionary-property
         class="grow-to-row"
         [config]="{
           mode: config.mode,
           object: config.object,
           field: 'logSources',
+          buttonLabel: 'log source',
           label: 'log sources',
-          subtypeFields: [
+          columns: [
             {
               name: 'name',
-              required: true,
-              key: true,
+              label: 'Name',
               editType: 'string',
+              required: true,
+              sort: true,
             },
             {
               name: 'channel',
-              required: true,
+              label: 'Channel',
               editType: 'string',
+              required: true,
             },
           ],
-          tooltip: 'a log source',
-        }"></app-subtype-property>
+        }">
+      </app-dictionary-property>
     </div>
   </div>
   <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
diff --git a/src/app/views/stix/data-component-view/data-component-view.component.spec.ts b/src/app/views/stix/data-component-view/data-component-view.component.spec.ts
index 88f2c431c..c600159ff 100644
--- a/src/app/views/stix/data-component-view/data-component-view.component.spec.ts
+++ b/src/app/views/stix/data-component-view/data-component-view.component.spec.ts
@@ -1,21 +1,37 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { DataComponentViewComponent } from './data-component-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('DataComponentViewComponent', () => {
   let component: DataComponentViewComponent;
   let fixture: ComponentFixture<DataComponentViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getDefaultMarkingDefinitions: () => createAsyncObservable([]),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [DataComponentViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(DataComponentViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/data-source-view/data-source-view.component.spec.ts b/src/app/views/stix/data-source-view/data-source-view.component.spec.ts
index a11ff8d44..0f8b7aeb0 100644
--- a/src/app/views/stix/data-source-view/data-source-view.component.spec.ts
+++ b/src/app/views/stix/data-source-view/data-source-view.component.spec.ts
@@ -1,20 +1,39 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { DataSourceViewComponent } from './data-source-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('DataSourceViewComponent', () => {
   let component: DataSourceViewComponent;
   let fixture: ComponentFixture<DataSourceViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllDataComponents: () =>
+        createAsyncObservable(createPaginatedResponse()),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [DataSourceViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(DataSourceViewComponent);
     component = fixture.componentInstance;
+    component.config = { mode: 'view', object: {} as any };
     fixture.detectChanges();
   });
 
diff --git a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.spec.ts b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.spec.ts
index a871514bc..18833e3b0 100644
--- a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.spec.ts
+++ b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.spec.ts
@@ -1,19 +1,37 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { DetectionStrategyViewComponent } from './detection-strategy-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('DetectionStrategyViewComponent', () => {
   let component: DetectionStrategyViewComponent;
   let fixture: ComponentFixture<DetectionStrategyViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getDefaultMarkingDefinitions: () => createAsyncObservable([]),
+      getAllAnalytics: () => createAsyncObservable(createPaginatedResponse()),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [DetectionStrategyViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
 
     fixture = TestBed.createComponent(DetectionStrategyViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/group-view/group-view.component.spec.ts b/src/app/views/stix/group-view/group-view.component.spec.ts
index e38410583..f40077ff6 100644
--- a/src/app/views/stix/group-view/group-view.component.spec.ts
+++ b/src/app/views/stix/group-view/group-view.component.spec.ts
@@ -1,21 +1,37 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { GroupViewComponent } from './group-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('GroupViewComponent', () => {
   let component: GroupViewComponent;
   let fixture: ComponentFixture<GroupViewComponent>;
 
   beforeEach(waitForAsync(() => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getDefaultMarkingDefinitions: () => createAsyncObservable([]),
+    });
+
     TestBed.configureTestingModule({
       declarations: [GroupViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(GroupViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/marking-definition-view/marking-definition-view.component.spec.ts b/src/app/views/stix/marking-definition-view/marking-definition-view.component.spec.ts
index bf8e653fd..9cbfb44a7 100644
--- a/src/app/views/stix/marking-definition-view/marking-definition-view.component.spec.ts
+++ b/src/app/views/stix/marking-definition-view/marking-definition-view.component.spec.ts
@@ -1,20 +1,32 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { MarkingDefinitionViewComponent } from './marking-definition-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('MarkingDefinitionViewComponent', () => {
   let component: MarkingDefinitionViewComponent;
   let fixture: ComponentFixture<MarkingDefinitionViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [MarkingDefinitionViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(MarkingDefinitionViewComponent);
     component = fixture.componentInstance;
+    component.config = { mode: 'view', object: {} as any };
     fixture.detectChanges();
   });
 
diff --git a/src/app/views/stix/matrix/matrix-flat/matrix-flat.component.spec.ts b/src/app/views/stix/matrix/matrix-flat/matrix-flat.component.spec.ts
index fe71b729c..ab0b4f6cc 100644
--- a/src/app/views/stix/matrix/matrix-flat/matrix-flat.component.spec.ts
+++ b/src/app/views/stix/matrix/matrix-flat/matrix-flat.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { MatrixFlatComponent } from './matrix-flat.component';
@@ -9,6 +10,7 @@ describe('MatrixFlatComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [MatrixFlatComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
diff --git a/src/app/views/stix/matrix/matrix-side/matrix-side.component.spec.ts b/src/app/views/stix/matrix/matrix-side/matrix-side.component.spec.ts
index 8a2c467fe..5b85d0307 100644
--- a/src/app/views/stix/matrix/matrix-side/matrix-side.component.spec.ts
+++ b/src/app/views/stix/matrix/matrix-side/matrix-side.component.spec.ts
@@ -1,3 +1,4 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatrixSideComponent } from './matrix-side.component';
 
@@ -8,6 +9,7 @@ describe('MatrixSideComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [MatrixSideComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
diff --git a/src/app/views/stix/matrix/matrix-view/matrix-view.component.spec.ts b/src/app/views/stix/matrix/matrix-view/matrix-view.component.spec.ts
index 714499eb8..0b5326762 100644
--- a/src/app/views/stix/matrix/matrix-view/matrix-view.component.spec.ts
+++ b/src/app/views/stix/matrix/matrix-view/matrix-view.component.spec.ts
@@ -1,21 +1,52 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { MatrixViewComponent } from './matrix-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('MatrixViewComponent', () => {
   let component: MatrixViewComponent;
   let fixture: ComponentFixture<MatrixViewComponent>;
 
   beforeEach(waitForAsync(() => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getDefaultMarkingDefinitions: () => createAsyncObservable([]),
+      getTechniquesInMatrix: () =>
+        createAsyncObservable({ tactic_objects: [] }),
+      getAllTactics: () => createAsyncObservable(createPaginatedResponse()),
+    });
+
     TestBed.configureTestingModule({
       declarations: [MatrixViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        provideRouter([]),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(MatrixViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/mitigation-view/mitigation-view.component.spec.ts b/src/app/views/stix/mitigation-view/mitigation-view.component.spec.ts
index 957b04839..eb9ab5d06 100644
--- a/src/app/views/stix/mitigation-view/mitigation-view.component.spec.ts
+++ b/src/app/views/stix/mitigation-view/mitigation-view.component.spec.ts
@@ -1,21 +1,37 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { MitigationViewComponent } from './mitigation-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('MitigationViewComponent', () => {
   let component: MitigationViewComponent;
   let fixture: ComponentFixture<MitigationViewComponent>;
 
   beforeEach(waitForAsync(() => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getDefaultMarkingDefinitions: () => createAsyncObservable([]),
+    });
+
     TestBed.configureTestingModule({
       declarations: [MitigationViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(MitigationViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.spec.ts b/src/app/views/stix/relationship-view/relationship-view.component.spec.ts
index 94c06f5a9..a114a9c3d 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.spec.ts
+++ b/src/app/views/stix/relationship-view/relationship-view.component.spec.ts
@@ -1,21 +1,43 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { RelationshipViewComponent } from './relationship-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('RelationshipViewComponent', () => {
   let component: RelationshipViewComponent;
   let fixture: ComponentFixture<RelationshipViewComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({});
+
     await TestBed.configureTestingModule({
       declarations: [RelationshipViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        provideRouter([]),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(RelationshipViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/software-view/software-view.component.spec.ts b/src/app/views/stix/software-view/software-view.component.spec.ts
index e1bedca8c..3a41fe5ab 100644
--- a/src/app/views/stix/software-view/software-view.component.spec.ts
+++ b/src/app/views/stix/software-view/software-view.component.spec.ts
@@ -1,20 +1,43 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { SoftwareViewComponent } from './software-view.component';
+import { Software } from 'src/app/classes/stix/software';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('SoftwareViewComponent', () => {
   let component: SoftwareViewComponent;
   let fixture: ComponentFixture<SoftwareViewComponent>;
 
   beforeEach(waitForAsync(() => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getDefaultMarkingDefinitions: () => createAsyncObservable([]),
+    });
+
     TestBed.configureTestingModule({
       declarations: [SoftwareViewComponent],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(SoftwareViewComponent);
     component = fixture.componentInstance;
+    // Set required config input with a mock Software object
+    const mockSoftware = new Software('malware');
+    component.config = {
+      mode: 'view',
+      object: mockSoftware,
+    };
     fixture.detectChanges();
   });
 
diff --git a/src/app/views/stix/stix-dialog/stix-dialog.component.spec.ts b/src/app/views/stix/stix-dialog/stix-dialog.component.spec.ts
index 124fa9e6e..398cb93d6 100644
--- a/src/app/views/stix/stix-dialog/stix-dialog.component.spec.ts
+++ b/src/app/views/stix/stix-dialog/stix-dialog.component.spec.ts
@@ -1,21 +1,54 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { StixDialogComponent } from './stix-dialog.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('StixDialogComponent', () => {
   let component: StixDialogComponent;
   let fixture: ComponentFixture<StixDialogComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getRelatedTo: () => createAsyncObservable(createPaginatedResponse([])),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [StixDialogComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+        provideRouter([]),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: { mode: 'view', object: {} as any },
+        },
+        { provide: MatDialogRef, useValue: {} },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(StixDialogComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/stix-list-page/stix-list-page.component.spec.ts b/src/app/views/stix/stix-list-page/stix-list-page.component.spec.ts
index 752649f0b..e19551616 100644
--- a/src/app/views/stix/stix-list-page/stix-list-page.component.spec.ts
+++ b/src/app/views/stix/stix-list-page/stix-list-page.component.spec.ts
@@ -1,4 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { StixListPageComponent } from './stix-list-page.component';
 
@@ -9,11 +11,12 @@ describe('StixListPageComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [StixListPageComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [provideHttpClient()],
     }).compileComponents();
 
     fixture = TestBed.createComponent(StixListPageComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/stix-page/stix-page.component.spec.ts b/src/app/views/stix/stix-page/stix-page.component.spec.ts
index 4bb966822..133ab5f9e 100644
--- a/src/app/views/stix/stix-page/stix-page.component.spec.ts
+++ b/src/app/views/stix/stix-page/stix-page.component.spec.ts
@@ -1,21 +1,63 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { provideRouter } from '@angular/router';
+import { ActivatedRoute } from '@angular/router';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { of } from 'rxjs';
 
 import { StixPageComponent } from './stix-page.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('StixPageComponent', () => {
   let component: StixPageComponent;
   let fixture: ComponentFixture<StixPageComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getAllNotes: () => createAsyncObservable([]),
+      getSoftware: () => createAsyncObservable([]),
+      getGroup: () => createAsyncObservable([]),
+      getCampaign: () => createAsyncObservable([]),
+      getMatrix: () => createAsyncObservable([]),
+      getMitigation: () => createAsyncObservable([]),
+      getTactic: () => createAsyncObservable([]),
+      getTechnique: () => createAsyncObservable([]),
+      getCollection: () => createAsyncObservable([]),
+      getDataSource: () => createAsyncObservable([]),
+      getDataComponent: () => createAsyncObservable([]),
+      getDetectionStrategy: () => createAsyncObservable([]),
+      getAnalytic: () => createAsyncObservable([]),
+      getAsset: () => createAsyncObservable([]),
+      getMarkingDefinition: () => createAsyncObservable([]),
+      deleteCollection: () => createAsyncObservable({}),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [StixPageComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        provideHttpClient(),
+        provideRouter([]),
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+      ],
     }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(StixPageComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    (component as any).config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/tactic-view/tactic-view.component.spec.ts b/src/app/views/stix/tactic-view/tactic-view.component.spec.ts
index 903177ca2..144c3c433 100644
--- a/src/app/views/stix/tactic-view/tactic-view.component.spec.ts
+++ b/src/app/views/stix/tactic-view/tactic-view.component.spec.ts
@@ -1,21 +1,38 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { TacticViewComponent } from './tactic-view.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('TacticViewComponent', () => {
   let component: TacticViewComponent;
   let fixture: ComponentFixture<TacticViewComponent>;
 
   beforeEach(waitForAsync(() => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getTechniquesInTactic: () => createAsyncObservable([]),
+      getDefaultMarkingDefinitions: () => createAsyncObservable([]),
+    });
+
     TestBed.configureTestingModule({
       declarations: [TacticViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+      ],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(TacticViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/app/views/stix/technique-view/technique-view.component.spec.ts b/src/app/views/stix/technique-view/technique-view.component.spec.ts
index ebc049bd4..21601d24d 100644
--- a/src/app/views/stix/technique-view/technique-view.component.spec.ts
+++ b/src/app/views/stix/technique-view/technique-view.component.spec.ts
@@ -1,21 +1,46 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { TechniqueViewComponent } from './technique-view.component';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createMockRestApiConnector,
+  createAsyncObservable,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
+import { createMockAuthenticationService } from 'src/app/testing/mocks/authentication-service.mock';
+import { Role } from 'src/app/classes/authn/role';
 
 describe('TechniqueViewComponent', () => {
   let component: TechniqueViewComponent;
   let fixture: ComponentFixture<TechniqueViewComponent>;
 
   beforeEach(waitForAsync(() => {
+    const mockAuthService = createMockAuthenticationService({
+      isAuthorized: () => true,
+    });
+    const mockRestApiService = createMockRestApiConnector({
+      getAllMarkingDefinitions: () =>
+        createAsyncObservable(createPaginatedResponse()),
+    });
+
     TestBed.configureTestingModule({
       declarations: [TechniqueViewComponent],
+      schemas: [NO_ERRORS_SCHEMA],
+      providers: [
+        provideHttpClient(),
+        { provide: AuthenticationService, useValue: mockAuthService },
+        { provide: RestApiConnectorService, useValue: mockRestApiService },
+      ],
     }).compileComponents();
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(TechniqueViewComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.config = { mode: 'view', object: {} as any };
   });
 
   it('should create', () => {
diff --git a/src/style/colors.scss b/src/style/colors.scss
index 7dc530857..f71168e5f 100644
--- a/src/style/colors.scss
+++ b/src/style/colors.scss
@@ -26,6 +26,10 @@ $colors: (
     color: $mitre-navy,
     on-color: $mitre-silver,
   ),
+  primary-dark: (
+    color: $mitre-blue,
+    on-color: $mitre-silver,
+  ),
   secondary: (
     color: $mitre-blue,
     on-color: $mitre-black,
diff --git a/src/style/layouts/app-table.scss b/src/style/layouts/app-table.scss
index 327ce77e8..ffa4fea66 100644
--- a/src/style/layouts/app-table.scss
+++ b/src/style/layouts/app-table.scss
@@ -2,10 +2,8 @@
 @use '../typography';
 
 @use '@angular/material' as mat;
-// @import "../globals";
 
 .app-table {
-  // border-collapse: collapse;
   border-spacing: 0px;
 
   .light & {
@@ -34,3 +32,27 @@
     padding: 12px 12px;
   }
 }
+
+.property-table {
+  width: 100%;
+  padding: 8px;
+  .light & {
+    background-color: colors.color(light);
+  }
+  .dark & {
+    background-color: colors.color(dark);
+  }
+  tr.mat-mdc-header-row {
+    height: 25px;
+  }
+  .mat-mdc-cell,
+  .mat-mdc-header-cell {
+    padding: 0 10px;
+    .light & {
+      border-color: colors.border-color(light);
+    }
+    .dark & {
+      border-color: colors.border-color(dark);
+    }
+  }
+}
diff --git a/src/style/layouts/extended-button.scss b/src/style/layouts/extended-button.scss
index bb3af6ad8..8abd16884 100644
--- a/src/style/layouts/extended-button.scss
+++ b/src/style/layouts/extended-button.scss
@@ -33,6 +33,31 @@
   }
 }
 
+.table-icon-button {
+  @extend .small-icon-button;
+  width: 20px !important;
+  height: 20px !important;
+
+  & > *[role='img'] {
+    width: 20px;
+    height: 20px;
+    font-size: 20px;
+
+    svg {
+      width: 20px;
+      height: 20px;
+    }
+  }
+
+  .mat-mdc-button-touch-target {
+    width: 20px !important;
+    height: 20px !important;
+  }
+}
+.table-icon-button + .table-icon-button {
+  margin-left: 8px;
+}
+
 .mini-icon-button {
   @extend .small-icon-button;
   width: 20px !important;
diff --git a/src/style/theme.scss b/src/style/theme.scss
index 002de0e83..836476339 100644
--- a/src/style/theme.scss
+++ b/src/style/theme.scss
@@ -54,7 +54,7 @@ $dark-theme: mat.m2-define-dark-theme(
   (
     color: (
       primary: mat.m2-define-palette(
-          colors.to-material-map(primary),
+          colors.to-material-map(primary-dark),
           50,
           100,
           200
diff --git a/src/test-setup.ts b/src/test-setup.ts
new file mode 100644
index 000000000..d713883ad
--- /dev/null
+++ b/src/test-setup.ts
@@ -0,0 +1,27 @@
+// This file is required by vitest and loads the Angular testing environment
+
+import '@angular/compiler';
+import '@analogjs/vitest-angular/setup-zone';
+
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting,
+} from '@angular/platform-browser-dynamic/testing';
+
+import { initLogger } from './app/utils/logger';
+
+// Initialize a dummy logger for all tests
+initLogger({
+  log: console.log,
+  error: console.error,
+} as any);
+
+// Initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting(),
+  {
+    teardown: { destroyAfterEach: false },
+  }
+);
diff --git a/src/test.ts b/src/test.ts
deleted file mode 100644
index 1886cdad9..000000000
--- a/src/test.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting,
-} from '@angular/platform-browser-dynamic/testing';
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-  {
-    teardown: { destroyAfterEach: false },
-  }
-);
diff --git a/tsconfig.spec.json b/tsconfig.spec.json
index 092345b02..2de449227 100644
--- a/tsconfig.spec.json
+++ b/tsconfig.spec.json
@@ -4,12 +4,14 @@
   "compilerOptions": {
     "outDir": "./out-tsc/spec",
     "types": [
-      "jasmine"
+      "vitest/globals",
+      "node"
     ]
   },
   "files": [
-    "src/test.ts",
-    "src/polyfills.ts"
+    "src/test-setup.ts",
+    "src/polyfills.ts",
+    "vite.config.ts"
   ],
   "include": [
     "src/**/*.spec.ts",
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 000000000..d55b37364
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,45 @@
+/// <reference types="vitest" />
+import angular from '@analogjs/vite-plugin-angular';
+import { defineConfig } from 'vite';
+import path from 'path';
+
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => ({
+  plugins: [angular()],
+  build: {
+    sourcemap: true,
+  },
+  test: {
+    globals: true,
+    dir: 'src',
+    setupFiles: ['src/test-setup.ts'],
+    environment: 'jsdom',
+    maxConcurrency: 1,
+    bail: 10, // Stop after 10 test failures
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'text-summary', 'html', 'lcov'],
+      reportsDirectory: 'coverage',
+      exclude: [
+        '**/*.config.*',
+        'node_modules/',
+        '.nuxt/',
+        'dist/',
+        'src/environments/',
+        'src/app/testing/mocks/',
+      ],
+      all: false,
+      clean: true,
+    },
+  },
+  resolve: {
+    conditions: ['default', 'node'],
+    alias: {
+      src: path.resolve(__dirname, './src'),
+      'package.json': path.resolve(__dirname, './package.json'),
+    },
+  },
+  define: {
+    'import.meta.vitest': mode !== 'production',
+  },
+}));

From dc3203a4231ebf3c3f7f01a6609a7fb7d302941e Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Tue, 24 Mar 2026 13:41:30 -0400
Subject: [PATCH 002/190] feat(release-tracks): add release track type
 definitions and data models

---
 .../classes/release-tracks/component-track.ts |  34 +++
 src/app/classes/release-tracks/composition.ts |  30 ++
 src/app/classes/release-tracks/config.ts      |  39 +++
 src/app/classes/release-tracks/enums.ts       | 199 ++++++++++++
 src/app/classes/release-tracks/history.ts     |  15 +
 src/app/classes/release-tracks/index.ts       |   8 +
 src/app/classes/release-tracks/registry.ts    |  24 ++
 src/app/classes/release-tracks/snapshot.ts    | 283 ++++++++++++++++++
 src/app/classes/release-tracks/tiers.ts       |  31 ++
 9 files changed, 663 insertions(+)
 create mode 100644 src/app/classes/release-tracks/component-track.ts
 create mode 100644 src/app/classes/release-tracks/composition.ts
 create mode 100644 src/app/classes/release-tracks/config.ts
 create mode 100644 src/app/classes/release-tracks/enums.ts
 create mode 100644 src/app/classes/release-tracks/history.ts
 create mode 100644 src/app/classes/release-tracks/index.ts
 create mode 100644 src/app/classes/release-tracks/registry.ts
 create mode 100644 src/app/classes/release-tracks/snapshot.ts
 create mode 100644 src/app/classes/release-tracks/tiers.ts

diff --git a/src/app/classes/release-tracks/component-track.ts b/src/app/classes/release-tracks/component-track.ts
new file mode 100644
index 000000000..28d798b18
--- /dev/null
+++ b/src/app/classes/release-tracks/component-track.ts
@@ -0,0 +1,34 @@
+// -----------------------------------------------------------------------------
+// Component Tracks
+//
+// Release track (standard or virtual) referenced by a virtual release track
+// -----------------------------------------------------------------------------
+
+import { ResolutionStrategyType } from './enums';
+
+export interface ComponentTrackFilters {
+  object_types?: string[];
+  domains?: string[];
+}
+
+export interface ComponentTrack {
+  track_id: string;
+  resolution_strategy: ResolutionStrategyType;
+  priority: number;
+  version?: string | null;
+  snapshot?: Date;
+  filters?: ComponentTrackFilters;
+}
+
+export interface ComponentSnapshotResolution {
+  track_id: string;
+  track_name: string;
+  track_type: string;
+  resolved_snapshot_id: Date;
+  resolved_version?: string | null;
+  strategy_used: string;
+  filters_applied?: ComponentTrackFilters;
+  total_objects_in_source: number;
+  objects_after_filter: number;
+  objects_contributed: number;
+}
diff --git a/src/app/classes/release-tracks/composition.ts b/src/app/classes/release-tracks/composition.ts
new file mode 100644
index 000000000..2e953b36f
--- /dev/null
+++ b/src/app/classes/release-tracks/composition.ts
@@ -0,0 +1,30 @@
+// -----------------------------------------------------------------------------
+// Composition
+//
+// Rules and configuration that defines how a virtual release track
+// aggregates content from component tracks
+// -----------------------------------------------------------------------------
+
+import { DeduplicationStrategyType } from './enums';
+import { ComponentTrack, ComponentSnapshotResolution } from './component-track';
+
+export interface Composition {
+  component_tracks?: ComponentTrack[];
+  deduplication?: {
+    strategy?: DeduplicationStrategyType;
+  };
+}
+
+export interface DeduplicationReport {
+  total_objects_before?: number;
+  total_objects_after?: number;
+  duplicates_found?: number;
+  conflicts_resolved?: any[];
+}
+
+export interface CompositionResolution {
+  resolved_at?: Date;
+  component_snapshots?: ComponentSnapshotResolution[];
+  deduplication?: DeduplicationReport;
+  summary?: any;
+}
diff --git a/src/app/classes/release-tracks/config.ts b/src/app/classes/release-tracks/config.ts
new file mode 100644
index 000000000..2e84353e1
--- /dev/null
+++ b/src/app/classes/release-tracks/config.ts
@@ -0,0 +1,39 @@
+// -----------------------------------------------------------------------------
+// Release Track Configuration
+// -----------------------------------------------------------------------------
+
+import {
+  ConflictPolicyType,
+  WorkflowStatusType,
+  MemberSyncBehaviorType,
+  MemberSyncPolicyType,
+  MemberSyncStrategyType,
+} from './enums';
+
+export interface PromotionConflicts {
+  candidates_to_staged?: ConflictPolicyType;
+  staged_to_members?: ConflictPolicyType;
+}
+
+export interface IncludeSecondaryObjects {
+  enabled?: boolean;
+  status_threshold?: WorkflowStatusType;
+}
+
+export interface MemberSyncSupplant {
+  behavior?: MemberSyncBehaviorType;
+  status_policy?: MemberSyncPolicyType;
+}
+
+export interface MemberSync {
+  strategy?: MemberSyncStrategyType;
+  supplant?: MemberSyncSupplant;
+}
+
+export interface ReleaseTrackConfig {
+  candidacy_threshold?: WorkflowStatusType;
+  auto_promote?: boolean;
+  include_secondary_objects?: IncludeSecondaryObjects;
+  promotion_conflicts?: PromotionConflicts;
+  member_sync?: MemberSync;
+}
diff --git a/src/app/classes/release-tracks/enums.ts b/src/app/classes/release-tracks/enums.ts
new file mode 100644
index 000000000..88a7e1ba1
--- /dev/null
+++ b/src/app/classes/release-tracks/enums.ts
@@ -0,0 +1,199 @@
+// -----------------------------------------------------------------------------
+// Release Track Type
+// -----------------------------------------------------------------------------
+
+export enum ReleaseTrack {
+  Standard = 'standard',
+  Virtual = 'virtual',
+}
+
+export type ReleaseTrackType = ReleaseTrack.Standard | ReleaseTrack.Virtual;
+
+export const RELEASE_TRACK_TYPE_OPTIONS: ReleaseTrackType[] = Object.values(
+  ReleaseTrack
+) as ReleaseTrackType[];
+
+// -----------------------------------------------------------------------------
+// Conflict Resolution
+// -----------------------------------------------------------------------------
+
+export enum ConflictPolicy {
+  AlwaysOverwrite = 'always_overwrite', // replace with incoming entry
+  AlwaysReject = 'always_reject', // always reject incoming
+  PreferLatest = 'prefer_latest', // keep whichever has newer object_modified
+  Abort = 'abort', // throw error on any conflict
+}
+
+export type ConflictPolicyType =
+  | ConflictPolicy.AlwaysOverwrite
+  | ConflictPolicy.AlwaysReject
+  | ConflictPolicy.PreferLatest
+  | ConflictPolicy.Abort;
+
+export const CONFLICT_POLICY_OPTIONS: ConflictPolicyType[] = Object.values(
+  ConflictPolicy
+) as ConflictPolicyType[];
+
+// -----------------------------------------------------------------------------
+// Deduplication Strategy
+// -----------------------------------------------------------------------------
+
+export enum DeduplicationStrategy {
+  PrioritizeLatestObject = 'prioritize_latest_object', // keep version with newest object_modified
+  PrioritizeLatestSnapshot = 'prioritize_latest_snapshot', // keep version from most recently modified snapshot
+  PrioritizeHigherPriority = 'prioritize_higher_priority', // keep version from the higher-priority conmponent (lower number)
+  Quarantine = 'quarantine', // send all conflicting versions to quarantine for manual review
+}
+
+export type DeduplicationStrategyType =
+  | DeduplicationStrategy.PrioritizeLatestObject
+  | DeduplicationStrategy.PrioritizeLatestSnapshot
+  | DeduplicationStrategy.PrioritizeHigherPriority
+  | DeduplicationStrategy.Quarantine;
+
+export const DEDUPLICATION_STRATEGY_OPTIONS: DeduplicationStrategyType[] =
+  Object.values(DeduplicationStrategy) as DeduplicationStrategyType[];
+
+// -----------------------------------------------------------------------------
+// Export Format
+// -----------------------------------------------------------------------------
+
+export enum ExportFormat {
+  Snapshot = 'snapshot',
+  Bundle = 'bundle',
+  Workbench = 'workbench',
+  FileSystemStore = 'filesystemstore',
+}
+
+export type ExportFormatType =
+  | ExportFormat.Snapshot
+  | ExportFormat.Bundle
+  | ExportFormat.Workbench
+  | ExportFormat.FileSystemStore;
+
+export const EXPORT_FORMAT_OPTIONS: ExportFormatType[] = Object.values(
+  ExportFormat
+) as ExportFormatType[];
+
+// -----------------------------------------------------------------------------
+// Release Track Snapshot Tiers
+// -----------------------------------------------------------------------------
+
+export enum SnapshotTier {
+  Member = 'released',
+  Staged = 'staged',
+  Candidate = 'candidate',
+  All = 'all',
+}
+
+export type SnapshotTierType =
+  | SnapshotTier.Member
+  | SnapshotTier.Staged
+  | SnapshotTier.Candidate
+  | SnapshotTier.All;
+
+export const SNAPSHOT_TIER_OPTIONS: SnapshotTierType[] = Object.values(
+  SnapshotTier
+) as SnapshotTierType[];
+
+// -----------------------------------------------------------------------------
+// Workflow Statuses
+// -----------------------------------------------------------------------------
+
+export enum WorkflowStatus {
+  WorkInProgress = 'work-in-progress',
+  AwaitingReview = 'awaiting-review',
+  Reviewed = 'reviewed',
+}
+
+export type WorkflowStatusType =
+  | WorkflowStatus.WorkInProgress
+  | WorkflowStatus.AwaitingReview
+  | WorkflowStatus.Reviewed;
+
+// -----------------------------------------------------------------------------
+// Candidacy Thresholds
+// -----------------------------------------------------------------------------
+
+export const CANDIDACY_THRESHOLD_OPTIONS: WorkflowStatusType[] = Object.values(
+  WorkflowStatus
+) as WorkflowStatusType[];
+
+// -----------------------------------------------------------------------------
+// Resolution Strategy
+// -----------------------------------------------------------------------------
+
+export enum ResolutionStrategy {
+  LatestTagged = 'latest_tagged',
+  SpecificVersion = 'specific_version',
+  SpecificSnapshot = 'specific_snapshot',
+}
+
+export type ResolutionStrategyType =
+  | ResolutionStrategy.LatestTagged
+  | ResolutionStrategy.SpecificVersion
+  | ResolutionStrategy.SpecificSnapshot;
+
+export const RESOLUTION_STRATEGY_OPTIONS: ResolutionStrategyType[] =
+  Object.values(ResolutionStrategy) as ResolutionStrategyType[];
+
+// -----------------------------------------------------------------------------
+// Snapshot Schedule Modes
+// -----------------------------------------------------------------------------
+
+export enum SnapshotScheduleMode {
+  Manual = 'manual',
+  Cron = 'cron',
+  Dates = 'dates',
+}
+
+export type SnapshotScheduleModeType =
+  | SnapshotScheduleMode.Manual
+  | SnapshotScheduleMode.Cron
+  | SnapshotScheduleMode.Dates;
+
+export const SNAPSHOT_MODE_OPTIONS: SnapshotScheduleModeType[] = Object.values(
+  SnapshotScheduleMode
+) as SnapshotScheduleModeType[];
+
+// -----------------------------------------------------------------------------
+// Member Sync
+// -----------------------------------------------------------------------------
+
+export enum MemberSyncStrategy {
+  TrackLatest = 'track_latest',
+  Manual = 'manual',
+}
+
+export type MemberSyncStrategyType =
+  | MemberSyncStrategy.TrackLatest
+  | MemberSyncStrategy.Manual;
+
+export const MEMBER_SYNC_STRATEGY_OPTIONS: MemberSyncStrategyType[] =
+  Object.values(MemberSyncStrategy) as MemberSyncStrategyType[];
+
+export enum MemberSyncBehavior {
+  Replace = 'replace',
+  Queue = 'queue',
+  Ignore = 'ignore',
+}
+
+export type MemberSyncBehaviorType =
+  | MemberSyncBehavior.Replace
+  | MemberSyncBehavior.Queue
+  | MemberSyncBehavior.Ignore;
+
+export const MEMBER_SYNC_BEHAVIOR_OPTIONS: MemberSyncBehaviorType[] =
+  Object.values(MemberSyncBehavior) as MemberSyncBehaviorType[];
+
+export enum MemberSyncPolicy {
+  Reset = 'reset',
+  Preserve = 'preserve',
+}
+
+export type MemberSyncPolicyType =
+  | MemberSyncPolicy.Reset
+  | MemberSyncPolicy.Preserve;
+
+export const MEMBER_SYNC_STATUS_POLICY_OPTIONS: MemberSyncPolicyType[] =
+  Object.values(MemberSyncPolicy) as MemberSyncPolicyType[];
diff --git a/src/app/classes/release-tracks/history.ts b/src/app/classes/release-tracks/history.ts
new file mode 100644
index 000000000..870e2f9a4
--- /dev/null
+++ b/src/app/classes/release-tracks/history.ts
@@ -0,0 +1,15 @@
+export interface VersionHistorySummary {
+  members_count?: number;
+  promoted_count?: number;
+  staged_count?: number;
+  candidate_count?: number;
+}
+
+export interface VersionHistoryEntry {
+  version: string;
+  tagged_at: Date;
+  tagged_by: string;
+  snapshot_id: Date;
+  summary?: VersionHistorySummary;
+  component_versions?: any; // virtual tracks only
+}
diff --git a/src/app/classes/release-tracks/index.ts b/src/app/classes/release-tracks/index.ts
new file mode 100644
index 000000000..9a2b0e5cf
--- /dev/null
+++ b/src/app/classes/release-tracks/index.ts
@@ -0,0 +1,8 @@
+export * from './component-track';
+export * from './composition';
+export * from './config';
+export * from './enums';
+export * from './history';
+export * from './registry';
+export * from './snapshot';
+export * from './tiers';
diff --git a/src/app/classes/release-tracks/registry.ts b/src/app/classes/release-tracks/registry.ts
new file mode 100644
index 000000000..52308527a
--- /dev/null
+++ b/src/app/classes/release-tracks/registry.ts
@@ -0,0 +1,24 @@
+import { ReleaseTrackType, SnapshotScheduleModeType } from './enums';
+
+export interface ReleaseTrackRegistry {
+  track_id: string;
+  type: ReleaseTrackType;
+  name: string;
+  description?: string;
+  created_at: Date;
+  updated_at: Date;
+
+  latest_snapshot_modified?: Date | null;
+  latest_tagged_version?: string | null;
+  snapshot_count?: number;
+  tagged_release_count?: number;
+
+  // virtual tracks only
+  snapshot_schedule?: SnapshotSchedule;
+}
+
+export interface SnapshotSchedule {
+  mode?: SnapshotScheduleModeType;
+  cron?: string | null;
+  dates?: Date[] | undefined;
+}
diff --git a/src/app/classes/release-tracks/snapshot.ts b/src/app/classes/release-tracks/snapshot.ts
new file mode 100644
index 000000000..e2e5850e4
--- /dev/null
+++ b/src/app/classes/release-tracks/snapshot.ts
@@ -0,0 +1,283 @@
+import { Composition, CompositionResolution } from './composition';
+import { ReleaseTrackConfig } from './config';
+import { ReleaseTrack, ReleaseTrackType } from './enums';
+import { VersionHistoryEntry } from './history';
+import {
+  CandidateEntry,
+  MemberEntry,
+  QuarantineEntry,
+  StagedEntry,
+} from './tiers';
+
+export class ReleaseTrackSnapshot {
+  public id = '';
+  public type: ReleaseTrackType;
+  public modified: Date = new Date();
+  public version?: string | null;
+  public name = '';
+  public description?: string;
+  public created: Date = new Date();
+  public created_by_ref?: string;
+  public object_marking_refs?: string[];
+
+  public config: ReleaseTrackConfig = {} as ReleaseTrackConfig;
+  public version_history: VersionHistoryEntry[] = [];
+
+  // standard track tiers
+  public members: MemberEntry[] = [];
+  public staged?: StagedEntry[];
+  public candidates?: CandidateEntry[];
+
+  // virtual track tiers
+  public quarantine?: QuarantineEntry[];
+
+  // virtual track composition
+  public composition?: Composition;
+  public composition_resolution?: CompositionResolution;
+
+  constructor(raw?: any) {
+    if (raw) this.deserialize(raw);
+  }
+
+  public get isVirtual(): boolean {
+    return this.type === ReleaseTrack.Virtual;
+  }
+
+  public get isStandard(): boolean {
+    return this.type === ReleaseTrack.Standard;
+  }
+
+  public get memberCount(): number {
+    return this.members ? this.members.length : 0;
+  }
+
+  public get stagedCount(): number {
+    return this.staged ? this.staged.length : 0;
+  }
+
+  public get candidateCount(): number {
+    return this.candidates ? this.candidates.length : 0;
+  }
+
+  public get quarantineCount(): number {
+    return this.quarantine ? this.quarantine.length : 0;
+  }
+
+  public get isTagged(): boolean {
+    return !!this.version;
+  }
+
+  public get latestTaggedVersion(): string | null {
+    if (!this.version_history || this.version_history.length === 0) return null;
+    const sorted = [...this.version_history].sort((a, b) => {
+      const ta = a.tagged_at ? new Date(a.tagged_at).getTime() : 0;
+      const tb = b.tagged_at ? new Date(b.tagged_at).getTime() : 0;
+      return tb - ta;
+    });
+    return sorted[0].version || null;
+  }
+
+  // Populate release track snapshot fields from a raw object
+  public deserialize(raw: any) {
+    if (!raw) return;
+
+    if ('id' in raw) this.id = raw.id;
+    if ('type' in raw) this.type = raw.type;
+    if ('modified' in raw) this.modified = new Date(raw.modified);
+    if ('version' in raw) this.version = raw.version;
+    if ('name' in raw) this.name = raw.name;
+    if ('description' in raw) this.description = raw.description;
+    if ('created' in raw) this.created = new Date(raw.created);
+    if ('created_by_ref' in raw) this.created_by_ref = raw.created_by_ref;
+    if ('object_marking_refs' in raw && Array.isArray(raw.object_marking_refs))
+      this.object_marking_refs = raw.object_marking_refs.slice();
+
+    if ('config' in raw) this.config = raw.config;
+
+    if ('version_history' in raw && Array.isArray(raw.version_history)) {
+      this.version_history = raw.version_history.map((v: any) => {
+        const entry: VersionHistoryEntry = { ...v } as any;
+        if (v.tagged_at) entry.tagged_at = new Date(v.tagged_at);
+        if (v.snapshot_id) entry.snapshot_id = new Date(v.snapshot_id);
+        return entry;
+      });
+    }
+
+    if ('members' in raw && Array.isArray(raw.members)) {
+      this.members = raw.members.map((m: any) => ({
+        object_ref: m.object_ref,
+        object_modified: new Date(m.object_modified),
+      }));
+    }
+
+    if ('staged' in raw && Array.isArray(raw.staged)) {
+      this.staged = raw.staged.map((s: any) => ({
+        object_ref: s.object_ref,
+        object_modified: new Date(s.object_modified),
+        object_status: s.object_status,
+        object_staged_at: s.object_staged_at
+          ? new Date(s.object_staged_at)
+          : undefined,
+        object_staged_by: s.object_staged_by,
+      }));
+    }
+
+    if ('candidates' in raw && Array.isArray(raw.candidates)) {
+      this.candidates = raw.candidates.map((c: any) => ({
+        object_ref: c.object_ref,
+        object_modified: new Date(c.object_modified),
+        object_status: c.object_status,
+        object_added_at: c.object_added_at
+          ? new Date(c.object_added_at)
+          : undefined,
+        object_added_by: c.object_added_by,
+      }));
+    }
+
+    if ('quarantine' in raw && Array.isArray(raw.quarantine)) {
+      this.quarantine = raw.quarantine.map((q: any) => ({
+        object_ref: q.object_ref,
+        object_modified: new Date(q.object_modified),
+        source_track_id: q.source_track_id,
+        source_track_name: q.source_track_name,
+        source_snapshot_version: q.source_snapshot_version,
+        conflict_reason: q.conflict_reason,
+      }));
+    }
+
+    if ('composition' in raw) this.composition = raw.composition;
+
+    if ('composition_resolution' in raw && raw.composition_resolution) {
+      const cr = raw.composition_resolution;
+      const resolved: CompositionResolution = { ...cr } as any;
+      if (cr.resolved_at) resolved.resolved_at = new Date(cr.resolved_at);
+      if (cr.component_snapshots && Array.isArray(cr.component_snapshots)) {
+        resolved.component_snapshots = cr.component_snapshots.map(
+          (cs: any) => ({
+            ...cs,
+            resolved_snapshot_id: cs.resolved_snapshot_id
+              ? new Date(cs.resolved_snapshot_id)
+              : undefined,
+          })
+        );
+      }
+      this.composition_resolution = resolved;
+    }
+  }
+
+  // Generate object representation of the release track snapshot
+  public serialize(): any {
+    return {
+      id: this.id,
+      type: this.type,
+      modified: this.modified ? this.modified.toISOString() : undefined,
+      version: this.version,
+      name: this.name,
+      description: this.description,
+      created: this.created ? this.created.toISOString() : undefined,
+      created_by_ref: this.created_by_ref,
+      object_marking_refs: this.object_marking_refs,
+      config: this.config,
+      version_history: this.version_history?.map(v => ({
+        ...v,
+        tagged_at: v.tagged_at
+          ? (v.tagged_at as any).toISOString()
+          : v.tagged_at,
+        snapshot_id: v.snapshot_id
+          ? (v.snapshot_id as any).toISOString()
+          : v.snapshot_id,
+      })),
+      members: this.members?.map(m => ({
+        ...m,
+        object_modified: m.object_modified
+          ? (m.object_modified as any).toISOString()
+          : m.object_modified,
+      })),
+      staged: this.staged?.map(s => ({
+        ...s,
+        object_modified: s.object_modified
+          ? (s.object_modified as any).toISOString()
+          : s.object_modified,
+        object_staged_at: s.object_staged_at
+          ? (s.object_staged_at as any).toISOString()
+          : s.object_staged_at,
+      })),
+      candidates: this.candidates?.map(c => ({
+        ...c,
+        object_modified: c.object_modified
+          ? (c.object_modified as any).toISOString()
+          : c.object_modified,
+        object_added_at: c.object_added_at
+          ? (c.object_added_at as any).toISOString()
+          : c.object_added_at,
+      })),
+      quarantine: this.quarantine?.map(q => ({
+        ...q,
+        object_modified: q.object_modified
+          ? (q.object_modified as any).toISOString()
+          : q.object_modified,
+      })),
+      composition: this.composition,
+      composition_resolution: this.composition_resolution,
+    };
+  }
+
+  // Check if an object with the given STIX ID exists in members
+  public hasMember(objectRef: string): boolean {
+    return !!this.members.find(m => m.object_ref === objectRef);
+  }
+
+  // Check if an object with the given STIX ID exists in candidates
+  public hasCandidate(objectRef: string): boolean {
+    return !!this.candidates?.find(c => c.object_ref === objectRef);
+  }
+
+  // Check if an object with the given STIX ID exists in staged
+  public hasStaged(objectRef: string): boolean {
+    return !!this.staged?.find(c => c.object_ref === objectRef);
+  }
+
+  // Get the member entry for the given STIX ID
+  public findMember(objectRef: string): MemberEntry | undefined {
+    return this.members.find(m => m.object_ref === objectRef);
+  }
+
+  // Get the candidate entry for the given STIX ID
+  public findCandidate(objectRef: string): CandidateEntry | undefined {
+    return this.candidates?.find(c => c.object_ref === objectRef);
+  }
+
+  // Get the staged entry for the given STIX ID
+  public findStaged(objectRef: string): StagedEntry | undefined {
+    return this.staged?.find(c => c.object_ref === objectRef);
+  }
+
+  // Add candidate entry
+  public addCandidate(entry: CandidateEntry): void {
+    if (!this.candidates) this.candidates = [];
+    if (!this.hasCandidate(entry.object_ref)) this.candidates.push(entry);
+  }
+
+  // Remove candidate entry
+  public removeCandidate(objectRef: string): void {
+    if (!this.candidates) return;
+    this.candidates = this.candidates.filter(c => c.object_ref !== objectRef);
+  }
+
+  // Get a summary of the snapshot object
+  public toSummary(): any {
+    return {
+      id: this.id,
+      name: this.name,
+      type: this.type,
+      version: this.version,
+      modified: this.modified,
+      counts: {
+        members: this.memberCount,
+        staged: this.stagedCount,
+        candidates: this.candidateCount,
+        quarantine: this.quarantineCount,
+      },
+    };
+  }
+}
diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
new file mode 100644
index 000000000..69a9aa1fe
--- /dev/null
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -0,0 +1,31 @@
+import { WorkflowStatusType } from './enums';
+
+export interface MemberEntry {
+  object_ref: string;
+  object_modified: Date;
+}
+
+export interface StagedEntry {
+  object_ref: string;
+  object_modified: Date;
+  object_status: WorkflowStatusType;
+  object_staged_at: Date;
+  object_staged_by: string;
+}
+
+export interface CandidateEntry {
+  object_ref: string;
+  object_modified: Date;
+  object_status: WorkflowStatusType;
+  object_added_at: Date;
+  object_added_by: string;
+}
+
+export interface QuarantineEntry {
+  object_ref: string;
+  object_modified: Date;
+  source_track_id: string;
+  source_track_name: string;
+  source_snapshot_version?: string | null;
+  conflict_reason: string;
+}

From bfeeabbb01b229a34705bf166de9b7ac4752681b Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Tue, 24 Mar 2026 15:01:03 -0400
Subject: [PATCH 003/190] feat(release-tracks): implement release track API
 client methods

---
 .../release-tracks.integration.spec.ts        | 144 ++++
 .../rest-api/release-tracks.service.ts        | 728 ++++++++++++++++++
 2 files changed, 872 insertions(+)
 create mode 100644 src/app/services/connectors/rest-api/release-tracks.integration.spec.ts
 create mode 100644 src/app/services/connectors/rest-api/release-tracks.service.ts

diff --git a/src/app/services/connectors/rest-api/release-tracks.integration.spec.ts b/src/app/services/connectors/rest-api/release-tracks.integration.spec.ts
new file mode 100644
index 000000000..ce5a3518b
--- /dev/null
+++ b/src/app/services/connectors/rest-api/release-tracks.integration.spec.ts
@@ -0,0 +1,144 @@
+import { describe, it, expect, beforeAll } from 'vitest';
+import { environment } from 'src/environments/environment';
+
+// Integration tests that exercise the real REST API. These tests will
+// silently no-op (skip) if the configured API URL is unreachable.
+
+const apiUrl = environment.integrations.rest_api.url.replace(/\/+$/, '');
+let serverAvailable = false;
+const commonHeaders: Record<string, string> = {
+  'Content-Type': 'application/json',
+};
+let discoveredTrackId: string | null = null;
+
+async function probe(url: string, timeoutMs = 3000): Promise<Response> {
+  const controller = new AbortController();
+  const id = setTimeout(() => controller.abort(), timeoutMs);
+  try {
+    const res = await fetch(url, { method: 'GET', signal: controller.signal });
+    return res;
+  } finally {
+    clearTimeout(id);
+  }
+}
+
+beforeAll(async () => {
+  try {
+    const res = await probe(`${apiUrl}/release-tracks`);
+    if (res && res.ok) {
+      serverAvailable = true;
+      // try to read and pick an id if available
+      try {
+        const body = await res.json().catch(() => null);
+        // server may return paginated object or array
+        if (Array.isArray(body) && body.length > 0 && body[0].id) {
+          discoveredTrackId = body[0].id;
+        } else if (
+          body &&
+          body.items &&
+          Array.isArray(body.items) &&
+          body.items.length > 0 &&
+          body.items[0].id
+        ) {
+          discoveredTrackId = body.items[0].id;
+        }
+      } catch (e) {
+        console.error(e);
+      }
+    } else {
+      serverAvailable = false;
+      // leave discoveredTrackId null
+    }
+  } catch (e) {
+    // network error or timeout
+    serverAvailable = false;
+    console.error(e);
+  }
+});
+
+describe('Release Tracks API integration (real server)', () => {
+  it('GET /release-tracks (list) should return 200 when server available', async () => {
+    if (!serverAvailable) {
+      console.warn(
+        'Skipping /release-tracks test because server is unreachable'
+      );
+      return;
+    }
+    const res = await fetch(`${apiUrl}/release-tracks`, {
+      headers: commonHeaders,
+    });
+    expect(res.ok).toBe(true);
+    const body = await res.json().catch(() => null);
+    expect(body).toBeTruthy();
+  });
+
+  it('GET /release-tracks/ephemeral/:domain should return a bundle when available', async () => {
+    if (!serverAvailable) {
+      console.warn(
+        'Skipping ephemeral bundle test because server is unreachable'
+      );
+      return;
+    }
+    const domain = 'enterprise';
+    const res = await fetch(
+      `${apiUrl}/release-tracks/ephemeral/${domain}?format=bundle`,
+      { headers: commonHeaders }
+    );
+    // The API may return different formats; assert no network error and a JSON body when possible
+    expect(res.ok).toBe(true);
+    // attempt to parse JSON but do not fail if parsing isn't possible
+    try {
+      const json = await res.json();
+      expect(json).toBeDefined();
+    } catch (e) {
+      console.error(e);
+    }
+  });
+
+  it('GET /release-tracks/:id -> getLatestSnapshot should return snapshot when tracks exist', async () => {
+    if (!serverAvailable) {
+      console.warn(
+        'Skipping getLatestSnapshot test because server is unreachable'
+      );
+      return;
+    }
+    if (!discoveredTrackId) {
+      console.warn(
+        'Skipping getLatestSnapshot test because no tracks were found in /release-tracks'
+      );
+      return;
+    }
+    const res = await fetch(
+      `${apiUrl}/release-tracks/${encodeURIComponent(discoveredTrackId)}`,
+      { headers: commonHeaders }
+    );
+    expect(res.ok).toBe(true);
+    const json = await res.json().catch(() => null);
+    expect(json).toBeTruthy();
+    // If the API returns a shape compatible with ReleaseTrackSnapshot, it usually has id/name/modified
+    if (json) {
+      expect(json).toHaveProperty('id');
+    }
+  });
+
+  it('GET /release-tracks/:id/staged should return 200 (if track exists)', async () => {
+    if (!serverAvailable) {
+      console.warn('Skipping listStaged test because server is unreachable');
+      return;
+    }
+    if (!discoveredTrackId) {
+      console.warn(
+        'Skipping listStaged test because no tracks were found in /release-tracks'
+      );
+      return;
+    }
+    const res = await fetch(
+      `${apiUrl}/release-tracks/${encodeURIComponent(discoveredTrackId)}/staged`,
+      { headers: commonHeaders }
+    );
+    expect(res.ok).toBe(true);
+    // body may be array or paginated object
+    const body = await res.json().catch(() => null);
+    expect(body).toBeDefined();
+  });
+});
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
new file mode 100644
index 000000000..96c7dcf3b
--- /dev/null
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -0,0 +1,728 @@
+import { HttpClient, HttpParams } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { Observable } from 'rxjs';
+import { catchError, share, tap, map } from 'rxjs/operators';
+import { environment } from '../../../../environments/environment';
+import { logger } from '../../../utils/logger';
+import { ApiConnector } from '../api-connector';
+import {
+  ReleaseTrackSnapshot,
+  ReleaseTrackType,
+  WorkflowStatusType,
+} from 'src/app/classes/release-tracks';
+
+// -----------------------------------------------------------------------------
+// Request Payload Definitions for Release Tracks API Requests
+// -----------------------------------------------------------------------------
+export type StixObjectRef = string | { id: string; modified?: string };
+
+export interface CreateReleaseTrackPayload {
+  name: string;
+  description?: string;
+  external_references?: any[];
+  object_marking_refs?: any[];
+  type?: ReleaseTrackType;
+  composition?: any;
+  snapshot_schedule?: any;
+}
+
+export interface StixBundlePayload {
+  type: 'bundle';
+  id?: string;
+  objects: any[];
+}
+
+export interface UpdateMetadataPayload {
+  name?: string;
+  description?: string;
+  external_references?: any[];
+  object_marking_refs?: any[];
+}
+
+export interface UpdateContentsPayload {
+  x_mitre_contents: string[];
+}
+
+export interface BumpPayload {
+  type?: 'major' | 'minor';
+  version?: string;
+  dry_run?: boolean;
+}
+
+export interface ClonePayload {
+  name?: string;
+}
+
+export interface ReviewPayload {
+  from: string;
+  to: string;
+  object_refs?: StixObjectRef[];
+}
+
+export interface UpdateVersionPayload {
+  old_modified?: string;
+  new_modified?: string;
+}
+
+export interface ConfigPayload {
+  candidacy_threshold?: WorkflowStatusType;
+  auto_promote?: boolean;
+}
+
+// -----------------------------------------------------------------------------
+// Release Tracks API Connector Service
+// -----------------------------------------------------------------------------
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ReleaseTracksConnectorService extends ApiConnector {
+  private get apiUrl(): string {
+    return environment.integrations.rest_api.url;
+  }
+
+  constructor(
+    private http: HttpClient,
+    snackbar: MatSnackBar
+  ) {
+    super(snackbar);
+  }
+
+  // -----------------------------------------------------------------------------
+  // Ephemeral
+  // -----------------------------------------------------------------------------
+
+  /**
+   * GET /api/release-tracks/ephemeral/:domain
+   * Retrieve an ephemeral STIX bundle for the given domain.
+   * @param domain Path parameter selecting ATT&CK domain ('enterprise'|'ics'|'mobile')
+   * @param format Optional query parameter controlling output format ('bundle'|'filesystemstore'|'workbench')
+   * @returns Observable<any> Server response
+   */
+  public getEphemeralBundle(
+    domain: string,
+    format = 'bundle'
+  ): Observable<any> {
+    let params = new HttpParams();
+    if (format) params = params.set('format', format);
+    const url = `${this.apiUrl}/release-tracks/ephemeral/${domain}`;
+    return this.http.get(url, { params }).pipe(
+      tap(result => logger.log(`retrieved ephemeral ${domain} bundle`, result)),
+      catchError(this.handleError_continue<any>(null)),
+      share()
+    );
+  }
+
+  // -----------------------------------------------------------------------------
+  // Track management
+  // -----------------------------------------------------------------------------
+
+  /**
+   * GET /api/release-tracks
+   * List release tracks.
+   * @param options Query options: type, releases, limit, offset, search
+   * @returns Observable<any> paginated list
+   */
+  public listReleaseTracks(options?: {
+    type?: string;
+    releases?: 'only';
+    limit?: number;
+    offset?: number;
+    search?: string;
+  }): Observable<any> {
+    let params = new HttpParams();
+    if (options?.type) params = params.set('type', options.type);
+    if (options?.releases) params = params.set('releases', options.releases);
+    if (options?.limit) params = params.set('limit', options.limit.toString());
+    if (options?.offset)
+      params = params.set('offset', options.offset.toString());
+    if (options?.search) params = params.set('search', options.search);
+    const url = `${this.apiUrl}/release-tracks`;
+    return this.http.get(url, { params }).pipe(
+      tap(() => logger.log('retrieved release tracks list')),
+      catchError(this.handleError_continue<any>(null)),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/new
+   * Create a new release track.
+   * @param body Request payload
+   * @returns Observable<any> created track
+   */
+  public createReleaseTrack(body: CreateReleaseTrackPayload): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/new`;
+    return this.http.post(url, body).pipe(
+      tap(result => logger.log('created release track', result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/new-from-bundle
+   * Bootstrap a release track from a STIX bundle.
+   * @param body STIX bundle
+   * @returns Observable<any> creation result
+   */
+  public createReleaseTrackFromBundle(
+    body: StixBundlePayload
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/new-from-bundle`;
+    return this.http.post(url, body).pipe(
+      tap(result => logger.log('created release track from bundle', result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/import
+   * Import a release track (server may return 501 Not Implemented).
+   * @param body Import payload (TBD)
+   * @returns Observable<any> server response
+   */
+  public importReleaseTrack(body: any): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/import`;
+    return this.http.post(url, body).pipe(
+      tap(result => logger.log('imported release track', result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * GET /api/release-tracks/:id
+   * Get latest snapshot for a track.
+   * @param id Release track id
+   * @param options Query options forwarded to endpoint
+   * @returns Observable<any> snapshot or list
+   */
+  public getLatestSnapshot(
+    id: string,
+    options?: { format?: string; [key: string]: any }
+  ): Observable<ReleaseTrackSnapshot | null> {
+    let params = new HttpParams();
+    if (options) {
+      Object.keys(options).forEach(k => {
+        const v = (options as any)[k];
+        if (v !== undefined && v !== null) params = params.set(k, String(v));
+      });
+    }
+    const url = `${this.apiUrl}/release-tracks/${id}`;
+    return this.http.get(url, { params }).pipe(
+      tap(result =>
+        logger.log(`retrieved latest snapshot for track ${id}`, result)
+      ),
+      map(result => (result ? new ReleaseTrackSnapshot(result) : null)),
+      catchError(this.handleError_continue<ReleaseTrackSnapshot | null>(null)),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/meta
+   * Update metadata for latest snapshot (creates new snapshot).
+   * @param id Release track id
+   * @param body Metadata payload
+   * @param userAccountId Optional user account id appended to payload
+   * @returns Observable<any>
+   */
+  public updateMetadataByLatest(
+    id: string,
+    body: UpdateMetadataPayload,
+    userAccountId?: string
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/meta`;
+    const payload = userAccountId ? { ...body, userAccountId } : body;
+    return this.http.post(url, payload).pipe(
+      tap(result => logger.log(`updated metadata for track ${id}`, result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/contents
+   * Update member contents for latest snapshot.
+   * @param id Release track id
+   * @param body Contents payload
+   * @param userAccountId Optional user
+   * @returns Observable<any>
+   */
+  public updateContentsByLatest(
+    id: string,
+    body: UpdateContentsPayload,
+    userAccountId?: string
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/contents`;
+    const payload = userAccountId ? { ...body, userAccountId } : body;
+    return this.http.post(url, payload).pipe(
+      tap(result => logger.log(`updated contents for track ${id}`, result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * GET /api/release-tracks/:id/bump/preview
+   * Preview the next release for a track.
+   * @param id Release track id
+   * @param format Optional output format
+   * @returns Observable<any> preview payload
+   */
+  public previewBump(id: string, format = 'workbench'): Observable<any> {
+    let params = new HttpParams();
+    if (format) params = params.set('format', format);
+    const url = `${this.apiUrl}/release-tracks/${id}/bump/preview`;
+    return this.http.get(url, { params }).pipe(
+      tap(result =>
+        logger.log(`generated bump preview for track ${id}`, result)
+      ),
+      catchError(this.handleError_continue<any>(null)),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/bump
+   * Bump/tag the latest snapshot.
+   * @param id Release track id
+   * @param body Bump options (type, version, dry_run)
+   * @returns Observable<any>
+   */
+  public bumpByLatest(id: string, body: BumpPayload): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/bump`;
+    return this.http.post(url, body).pipe(
+      tap(result => logger.log(`bumped version for track ${id}`, result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/clone
+   * Clone a new release track from the latest snapshot.
+   * @param id Source release track id
+   * @param body Clone options
+   * @returns Observable<any>
+   */
+  public cloneByLatest(id: string, body?: ClonePayload): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/clone`;
+    return this.http.post(url, body || {}).pipe(
+      tap(result => logger.log(`cloned track ${id}`, result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * DELETE /api/release-tracks/:id
+   * Delete a release track.
+   * @param id Release track id
+   * @returns Observable<unknown>
+   */
+  public deleteReleaseTrack(id: string): Observable<unknown> {
+    const url = `${this.apiUrl}/release-tracks/${id}`;
+    return this.http.delete(url).pipe(
+      tap(() => logger.log(`deleted track ${id}`)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  // -----------------------------------------------------------------------------
+  // Snapshot Operations
+  // -----------------------------------------------------------------------------
+
+  /**
+   * GET /api/release-tracks/:id/snapshots/:modified
+   * Get a specific snapshot by modified timestamp.
+   * @param id Release track id
+   * @param modified ISO timestamp identifying the snapshot
+   * @param options Optional query params
+   * @returns Observable<any>
+   */
+  public retrieveSnapshotByModified(
+    id: string,
+    modified: string,
+    options?: Record<string, any>
+  ): Observable<any> {
+    let params = new HttpParams();
+    if (options) {
+      Object.keys(options).forEach(k => {
+        const v = options[k];
+        if (v !== undefined && v !== null) params = params.set(k, String(v));
+      });
+    }
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}`;
+    return this.http.get(url, { params }).pipe(
+      tap(result =>
+        logger.log(`retrieved snapshot ${modified} for track ${id}`, result)
+      ),
+      map(result => (result ? new ReleaseTrackSnapshot(result) : null)),
+      catchError(this.handleError_continue<ReleaseTrackSnapshot | null>(null)),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/snapshots/:modified/meta
+   * Update metadata for a specific snapshot.
+   * @param id Release track id
+   * @param modified Snapshot modified timestamp
+   * @param body Metadata payload
+   * @param userAccountId Optional user
+   * @returns Observable<any>
+   */
+  public updateMetadataByModified(
+    id: string,
+    modified: string,
+    body: UpdateMetadataPayload,
+    userAccountId?: string
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/meta`;
+    const payload = userAccountId ? { ...body, userAccountId } : body;
+    return this.http.post(url, payload).pipe(
+      tap(result =>
+        logger.log(`updated metadata for snapshot ${modified}`, result)
+      ),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/snapshots/:modified/contents
+   * Update contents for a specific snapshot.
+   * @param id Release track id
+   * @param modified Snapshot modified timestamp
+   * @param body Contents payload
+   * @param userAccountId Optional user
+   * @returns Observable<any>
+   */
+  public updateContentsByModified(
+    id: string,
+    modified: string,
+    body: UpdateContentsPayload,
+    userAccountId?: string
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/contents`;
+    const payload = userAccountId ? { ...body, userAccountId } : body;
+    return this.http.post(url, payload).pipe(
+      tap(result =>
+        logger.log(`updated contents for snapshot ${modified}`, result)
+      ),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/snapshots/:modified/bump
+   * Tag/bump a specific snapshot.
+   * @param id Release track id
+   * @param modified Snapshot modified timestamp
+   * @param body Bump options
+   * @returns Observable<any>
+   */
+  public bumpByModified(
+    id: string,
+    modified: string,
+    body: BumpPayload
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/bump`;
+    return this.http.post(url, body).pipe(
+      tap(result =>
+        logger.log(`bumped version for snapshot ${modified}`, result)
+      ),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/snapshots/:modified/clone
+   * Clone a new release track from a specific snapshot.
+   * @param id Release track id
+   * @param modified Snapshot modified timestamp
+   * @param body Clone options
+   * @returns Observable<any>
+   */
+  public cloneByModified(
+    id: string,
+    modified: string,
+    body?: ClonePayload
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/clone`;
+    return this.http.post(url, body || {}).pipe(
+      tap(result => logger.log(`cloned from snapshot ${modified}`, result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * DELETE /api/release-tracks/:id/snapshots/:modified
+   * Delete a specific snapshot.
+   * @param id Release track id
+   * @param modified Snapshot modified timestamp
+   * @returns Observable<unknown>
+   */
+  public deleteSnapshotByModified(
+    id: string,
+    modified: string
+  ): Observable<unknown> {
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}`;
+    return this.http.delete(url).pipe(
+      tap(() => logger.log(`deleted snapshot ${modified} from track ${id}`)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  // -----------------------------------------------------------------------------
+  // Candidate Management
+  // -----------------------------------------------------------------------------
+
+  /**
+   * POST /api/release-tracks/:id/candidates
+   * Add candidate references to latest draft.
+   * @param id Release track id
+   * @param object_refs Array of STIX ids or object refs
+   * @param userAccountId Optional user
+   * @returns Observable<any>
+   */
+  public addCandidates(
+    id: string,
+    object_refs: StixObjectRef[],
+    userAccountId?: string
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/candidates`;
+    const payload = userAccountId
+      ? { object_refs, userAccountId }
+      : { object_refs };
+    return this.http.post(url, payload).pipe(
+      tap(result => logger.log(`added candidates to track ${id}`, result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * GET /api/release-tracks/:id/candidates
+   * List candidates from latest snapshot.
+   * @param id Release track id
+   * @param options Query options: status|limit|offset
+   * @returns Observable<any>
+   */
+  public listCandidates(
+    id: string,
+    options?: { status?: string; limit?: number; offset?: number }
+  ): Observable<any> {
+    let params = new HttpParams();
+    if (options?.status) params = params.set('status', options.status);
+    if (options?.limit) params = params.set('limit', options.limit.toString());
+    if (options?.offset)
+      params = params.set('offset', options.offset.toString());
+    const url = `${this.apiUrl}/release-tracks/${id}/candidates`;
+    return this.http.get(url, { params }).pipe(
+      tap(() => logger.log(`listed candidates for track ${id}`)),
+      catchError(this.handleError_continue<any>(null)),
+      share()
+    );
+  }
+
+  /**
+   * DELETE /api/release-tracks/:id/candidates/:objectRef
+   * Remove a candidate.
+   * @param id Release track id
+   * @param objectRef STIX object id
+   * @returns Observable<unknown>
+   */
+  public removeCandidate(id: string, objectRef: string): Observable<unknown> {
+    const url = `${this.apiUrl}/release-tracks/${id}/candidates/${objectRef}`;
+    return this.http.delete(url).pipe(
+      tap(() => logger.log(`removed candidate ${objectRef} from track ${id}`)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/candidates/review
+   * Bulk transition candidate statuses.
+   * @param id Release track id
+   * @param body Review payload
+   * @param userAccountId Optional user
+   * @returns Observable<any>
+   */
+  public reviewCandidates(
+    id: string,
+    body: ReviewPayload,
+    userAccountId?: string
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/candidates/review`;
+    const payload = userAccountId ? { ...body, userAccountId } : body;
+    return this.http.post(url, payload).pipe(
+      tap(result => logger.log(`reviewed candidates for track ${id}`, result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/candidates/promote
+   * Promote candidates to staged.
+   * @param id Release track id
+   * @param object_refs Array of STIX ids
+   * @param userAccountId Optional user
+   * @returns Observable<any>
+   */
+  public promoteCandidates(
+    id: string,
+    object_refs: string[],
+    userAccountId?: string
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/candidates/promote`;
+    const payload = userAccountId
+      ? { object_refs, userAccountId }
+      : { object_refs };
+    return this.http.post(url, payload).pipe(
+      tap(result => logger.log(`promoted candidates for track ${id}`, result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/candidates/:objectRef/update-version
+   * Update candidate version pin.
+   * @param id Release track id
+   * @param objectRef STIX object id
+   * @param body Version update payload
+   * @returns Observable<any>
+   */
+  public updateCandidateVersion(
+    id: string,
+    objectRef: string,
+    body: UpdateVersionPayload
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/candidates/${objectRef}/update-version`;
+    return this.http.post(url, body).pipe(
+      tap(result =>
+        logger.log(`updated version for candidate ${objectRef}`, result)
+      ),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  // -----------------------------------------------------------------------------
+  // Staged Object Management
+  // -----------------------------------------------------------------------------
+
+  /**
+   * GET /api/release-tracks/:id/staged
+   * List staged objects.
+   * @param id Release track id
+   * @returns Observable<any>
+   */
+  public listStaged(id: string): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/staged`;
+    return this.http.get(url).pipe(
+      tap(() => logger.log(`listed staged objects for track ${id}`)),
+      catchError(this.handleError_continue<any>(null)),
+      share()
+    );
+  }
+
+  /**
+   * POST /api/release-tracks/:id/staged/demote
+   * Demote staged objects to candidates.
+   * @param id Release track id
+   * @param object_refs Array of STIX ids
+   * @param userAccountId Optional user
+   * @returns Observable<any>
+   */
+  public demoteStaged(
+    id: string,
+    object_refs: StixObjectRef[],
+    userAccountId?: string
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/staged/demote`;
+    const payload = userAccountId
+      ? { object_refs, userAccountId }
+      : { object_refs };
+    return this.http.post(url, payload).pipe(
+      tap(result =>
+        logger.log(`demoted staged objects for track ${id}`, result)
+      ),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  // -----------------------------------------------------------------------------
+  // Release Track Configuration
+  // -----------------------------------------------------------------------------
+
+  /**
+   * GET /api/release-tracks/:id/config
+   * Get track configuration.
+   * @param id Release track id
+   * @returns Observable<any>
+   */
+  public getConfig(id: string): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/config`;
+    return this.http.get(url).pipe(
+      tap(() => logger.log(`retrieved config for track ${id}`)),
+      catchError(this.handleError_continue<any>(null)),
+      share()
+    );
+  }
+
+  /**
+   * PUT /api/release-tracks/:id/config
+   * Update track configuration.
+   * @param id Release track id
+   * @param body Configuration payload
+   * @param userAccountId Optional user
+   * @returns Observable<any>
+   */
+  public updateConfig(
+    id: string,
+    body: ConfigPayload,
+    userAccountId?: string
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/config`;
+    const payload = userAccountId ? { ...body, userAccountId } : body;
+    return this.http.put(url, payload).pipe(
+      tap(result => logger.log(`updated config for track ${id}`, result)),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
+  // -----------------------------------------------------------------------------
+  // Version Management
+  // -----------------------------------------------------------------------------
+
+  /**
+   * GET /api/release-tracks/:id/objects/:objectRef/versions
+   * List object versions in a track.
+   * @param id Release track id
+   * @param objectRef STIX object id
+   * @returns Observable<any>
+   */
+  public listObjectVersions(id: string, objectRef: string): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/objects/${objectRef}/versions`;
+    return this.http.get(url).pipe(
+      tap(() => logger.log(`listed versions for object ${objectRef}`)),
+      catchError(this.handleError_continue<any>(null)),
+      share()
+    );
+  }
+}

From 59e0d098183cc601e986dc19a532afd29d7e7ec7 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 6 Apr 2026 13:30:53 -0400
Subject: [PATCH 004/190] feat: redesign object pages to use tab layout

---
 src/app/app.module.ts                         |   2 +
 .../stix-page-tabs.component.html             |  41 ++
 .../stix-page-tabs.component.scss             |  16 +
 .../stix-page-tabs.component.ts               |  21 +
 .../analytic-view.component.html              | 248 ++++----
 .../stix/asset-view/asset-view.component.html | 290 ++++-----
 .../campaign-view.component.html              | 284 ++++-----
 .../data-component-view.component.html        | 246 ++++----
 .../data-source-view.component.html           | 244 ++++----
 .../detection-strategy-view.component.html    | 200 +++---
 .../stix/group-view/group-view.component.html | 205 ++++---
 .../matrix-view/matrix-view.component.html    | 272 ++++----
 .../mitigation-view.component.html            | 198 +++---
 .../software-view.component.html              | 279 +++++----
 .../tactic-view/tactic-view.component.html    | 191 +++---
 .../technique-view.component.html             | 580 +++++++++---------
 16 files changed, 1737 insertions(+), 1580 deletions(-)
 create mode 100644 src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
 create mode 100644 src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
 create mode 100644 src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 54b5bb72b..26608c6b7 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -227,6 +227,7 @@ import { DictionaryPropertyComponent } from './components/stix/dictionary-proper
 import { DictionaryEditComponent } from './components/stix/dictionary-property/dictionary-edit/dictionary-edit.component';
 import { DictionaryViewComponent } from './components/stix/dictionary-property/dictionary-view/dictionary-view.component';
 import { DictionaryDiffComponent } from './components/stix/dictionary-property/dictionary-diff/dictionary-diff.component';
+import { StixPageTabsComponent } from './components/stix/stix-page-tabs/stix-page-tabs.component';
 
 export function initConfig(appConfigService: AppConfigService) {
   return () => appConfigService.loadAppConfig();
@@ -284,6 +285,7 @@ export function initConfig(appConfigService: AppConfigService) {
     DatepickerPropertyComponent,
     IconViewComponent,
     LandingPageComponent,
+    StixPageTabsComponent,
     HelpPageComponent,
     DashboardPageComponent,
     DataQualityComponent,
diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
new file mode 100644
index 000000000..45c5acbe4
--- /dev/null
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
@@ -0,0 +1,41 @@
+<mat-tab-group dynamicHeight mat-stretch-tabs>
+  <mat-tab>
+    <ng-template mat-tab-label>
+      <span class="nav-tab-label">DETAILS</span>
+    </ng-template>
+    <ng-template matTabContent>
+      <div class="details-tpl-wrapper">
+        <ng-container *ngTemplateOutlet="detailsTemplate"></ng-container>
+      </div>
+    </ng-template>
+  </mat-tab>
+
+  <ng-container *ngFor="let rel of relationshipTabs">
+    <mat-tab>
+      <ng-template mat-tab-label>
+        <span class="nav-tab-label">{{ rel.label | uppercase }}</span>
+      </ng-template>
+      <ng-template matTabContent>
+        <ng-container *ngTemplateOutlet="rel.template"></ng-container>
+      </ng-template>
+    </mat-tab>
+  </ng-container>
+
+  <mat-tab *ngIf="showHistory">
+    <ng-template mat-tab-label>
+      <span class="nav-tab-label">HISTORY</span>
+    </ng-template>
+    <ng-template matTabContent>
+      <app-history-timeline></app-history-timeline>
+    </ng-template>
+  </mat-tab>
+
+  <mat-tab *ngIf="showNotes">
+    <ng-template mat-tab-label>
+      <span class="nav-tab-label">NOTES</span>
+    </ng-template>
+    <ng-template matTabContent>
+      <app-notes-editor></app-notes-editor>
+    </ng-template>
+  </mat-tab>
+</mat-tab-group>
diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
new file mode 100644
index 000000000..82af05621
--- /dev/null
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
@@ -0,0 +1,16 @@
+.nav-tab-label {
+  font-family: Roboto, Arial, sans-serif;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.4px;
+  display: inline-block;
+  padding: 0 8px;
+}
+
+.mat-mdc-tab-header .mat-mdc-tab-label .nav-tab-label {
+  color: inherit;
+}
+
+.details-tpl-wrapper {
+  margin-top: 20px;
+}
diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts
new file mode 100644
index 000000000..ade468d8a
--- /dev/null
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts
@@ -0,0 +1,21 @@
+import { Component, Input, TemplateRef } from '@angular/core';
+import { StixViewConfig } from 'src/app/views/stix/stix-view-page';
+
+interface RelationshipTab {
+  label: string;
+  template: TemplateRef<any>;
+}
+
+@Component({
+  selector: 'app-stix-page-tabs',
+  templateUrl: './stix-page-tabs.component.html',
+  styleUrls: ['./stix-page-tabs.component.scss'],
+  standalone: false,
+})
+export class StixPageTabsComponent {
+  @Input() config!: StixViewConfig;
+  @Input() detailsTemplate!: TemplateRef<any>;
+  @Input() relationshipTabs: RelationshipTab[] = [];
+  @Input() showHistory = true;
+  @Input() showNotes = true;
+}
diff --git a/src/app/views/stix/analytic-view/analytic-view.component.html b/src/app/views/stix/analytic-view/analytic-view.component.html
index 7ed1ebd25..ed0cf3c8e 100644
--- a/src/app/views/stix/analytic-view/analytic-view.component.html
+++ b/src/app/views/stix/analytic-view/analytic-view.component.html
@@ -1,4 +1,4 @@
-<div class="analytic-view view-page grid spacing-16">
+<div class="analytic-view view-page">
   <div class="row">
     <div class="col">
       <!-- NAME: not editable -->
@@ -8,126 +8,136 @@
           object: config.object,
         }"></app-name-property>
       <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+        [config]="config"></app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }">
-      </app-attackid-property>
-    </div>
-    <div class="col">
-      <!-- VERSION NUMBER -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <div class="row">
-    <!-- DOMAINS -->
-    <div class="col">
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'domains',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-    <div class="col">
-      <!-- PLATFORM -->
-      <app-string-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'platform',
-          editType: 'select',
-          disabled: !analytic.domains.length,
-        }"></app-string-property>
-    </div>
-  </div>
-  @if (config.mode === 'view') {
-    <!-- DETECTION STRATEGY -->
-    <!-- cannot be edited/diffed from the analytic page -->
-    <div class="row">
-      <div class="col">
-        <app-list-property
-          class="grow-to-row"
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            field: 'relatedDetections',
-            label: 'related detection strategy',
-            objectProperty: 'name',
-            showLink: true,
-          }"></app-list-property>
+
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [showHistory]="true"
+    [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <!-- ATT&CK ID -->
+          <app-attackid-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }">
+          </app-attackid-property>
+        </div>
+        <div class="col">
+          <!-- VERSION NUMBER -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
+        </div>
+      </div>
+      <div class="row">
+        <!-- DOMAINS -->
+        <div class="col">
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'domains',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+        <div class="col">
+          <!-- PLATFORM -->
+          <app-string-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'platform',
+              editType: 'select',
+              disabled: !analytic.domains.length,
+            }"></app-string-property>
+        </div>
+      </div>
+      @if (config.mode === 'view') {
+        <!-- DETECTION STRATEGY -->
+        <!-- cannot be edited/diffed from the analytic page -->
+        <div class="row">
+          <div class="col">
+            <app-list-property
+              class="grow-to-row"
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                field: 'relatedDetections',
+                label: 'related detection strategy',
+                objectProperty: 'name',
+                showLink: true,
+              }"></app-list-property>
+          </div>
+        </div>
+      }
+      <div class="row">
+        <div class="col">
+          <!-- DESCRIPTION -->
+          <app-descriptive-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'description',
+              firstParagraphOnly: false,
+              referencesField: 'external_references',
+              label: 'Description',
+            }"></app-descriptive-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- LOG SOURCE REFERENCES -->
+          <app-log-source-reference-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-log-source-reference-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- MUTABLE ELEMENTS -->
+          <app-subtype-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'mutableElements',
+              label: 'mutable elements',
+              subtypeFields: [
+                {
+                  name: 'field',
+                  label: 'mutable field',
+                  required: true,
+                  key: true,
+                  editType: 'string',
+                },
+                {
+                  name: 'description',
+                  required: true,
+                  editType: 'description',
+                },
+              ],
+              tooltip: 'a mutable element',
+            }"></app-subtype-property>
+        </div>
       </div>
     </div>
-  }
-  <div class="row">
-    <div class="col">
-      <!-- DESCRIPTION -->
-      <app-descriptive-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'description',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Description',
-        }"></app-descriptive-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- LOG SOURCE REFERENCES -->
-      <app-log-source-reference-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-log-source-reference-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- MUTABLE ELEMENTS -->
-      <app-subtype-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'mutableElements',
-          label: 'mutable elements',
-          subtypeFields: [
-            {
-              name: 'field',
-              label: 'mutable field',
-              required: true,
-              key: true,
-              editType: 'string',
-            },
-            {
-              name: 'description',
-              required: true,
-              editType: 'description',
-            },
-          ],
-          tooltip: 'a mutable element',
-        }"></app-subtype-property>
-    </div>
-  </div>
+  </ng-template>
 </div>
diff --git a/src/app/views/stix/asset-view/asset-view.component.html b/src/app/views/stix/asset-view/asset-view.component.html
index ae6fb287e..a2fb9567f 100644
--- a/src/app/views/stix/asset-view/asset-view.component.html
+++ b/src/app/views/stix/asset-view/asset-view.component.html
@@ -1,4 +1,4 @@
-<div class="asset-view view-page grid spacing-16">
+<div class="asset-view view-page">
   <div class="row">
     <div class="col">
       <!-- NAME -->
@@ -7,131 +7,152 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-attackid-property>
-    </div>
-    <div class="col">
-      <!-- VERSION NUMBER -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- SECTOR -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'sectors',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-    <div class="col">
-      <!-- PLATFORMS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'platforms',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- Domains -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'domains',
-          disabled: true,
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-    <div class="col">
-      <!-- CONTRIBUTORS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'contributors',
-          editType: 'any',
-        }"></app-list-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- RELATED ASSETS -->
-      <app-subtype-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'relatedAssets',
-          referencesField: 'external_references',
-          label: 'related assets',
-          subtypeFields: [
-            { name: 'name', editType: 'string', required: true, key: true },
-            {
-              name: 'related_asset_sectors',
-              label: 'sectors',
+
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [relationshipTabs]="[
+      { label: 'Techniques', template: techniquesTpl }
+    ]"
+    [showHistory]="true"
+    [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <!-- ATT&CK ID -->
+          <app-attackid-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-attackid-property>
+        </div>
+        <div class="col">
+          <!-- VERSION NUMBER -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- SECTOR -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'sectors',
               editType: 'select',
-            },
-            {
-              name: 'description',
-              supportsReferences: true,
-              editType: 'description',
-            },
-          ],
-          tooltip: 'a related asset',
-        }"></app-subtype-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DESCRIPTION -->
-      <app-descriptive-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'description',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Description',
-        }"></app-descriptive-property>
+            }"></app-list-property>
+        </div>
+        <div class="col">
+          <!-- PLATFORMS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'platforms',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- Domains -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'domains',
+              disabled: true,
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+        <div class="col">
+          <!-- CONTRIBUTORS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'contributors',
+              editType: 'any',
+            }"></app-list-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- RELATED ASSETS -->
+          <app-subtype-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'relatedAssets',
+              referencesField: 'external_references',
+              label: 'related assets',
+              subtypeFields: [
+                { name: 'name', editType: 'string', required: true, key: true },
+                { name: 'related_asset_sectors', label: 'sectors', editType: 'select' },
+                { name: 'description', supportsReferences: true, editType: 'description' }
+              ],
+              tooltip: 'a related asset',
+            }"></app-subtype-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- DESCRIPTION -->
+          <app-descriptive-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'description',
+              firstParagraphOnly: false,
+              referencesField: 'external_references',
+              label: 'Description',
+            }"></app-descriptive-property>
+        </div>
+      </div>
+  
+      <!-- EXTERNAL REFERENCES -->
+      <div
+        *ngIf="
+          asset.external_references.list().length > 0 ||
+          previous?.external_references.list().length > 0
+        ">
+        <div class="row">
+          <div class="col">
+            <h2 class="section-header">References</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <app-external-references-property
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                referencesField: 'external_references',
+              }"></app-external-references-property>
+          </div>
+        </div>
+      </div>
     </div>
-  </div>
-  <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
-  <div
-    *ngIf="
-      (config.showRelationships ||
-        !config.hasOwnProperty('showRelationships')) &&
-      !editing
-    ">
-    <!-- TECHNIQUES USED -->
+  </ng-template>
+
+  <ng-template #techniquesTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Techniques Used</h2>
@@ -163,27 +184,6 @@ <h2 class="section-header">Techniques Used</h2>
           }"></app-stix-list>
       </div>
     </div>
-  </div>
-  <!-- EXTERNAL REFERENCES -->
-  <div
-    *ngIf="
-      asset.external_references.list().length > 0 ||
-      previous?.external_references.list().length > 0
-    ">
-    <div class="row">
-      <div class="col">
-        <h2 class="section-header">References</h2>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col">
-        <app-external-references-property
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            referencesField: 'external_references',
-          }"></app-external-references-property>
-      </div>
-    </div>
-  </div>
+  </ng-template>
+
 </div>
diff --git a/src/app/views/stix/campaign-view/campaign-view.component.html b/src/app/views/stix/campaign-view/campaign-view.component.html
index 0877f923e..24e5bca90 100644
--- a/src/app/views/stix/campaign-view/campaign-view.component.html
+++ b/src/app/views/stix/campaign-view/campaign-view.component.html
@@ -1,4 +1,4 @@
-<div class="campaign-view view-page grid spacing-16">
+<div class="campaign-view view-page">
   <div class="row">
     <div class="col">
       <!-- NAME -->
@@ -7,131 +7,139 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-attackid-property>
-    </div>
-    <div class="col">
-      <!-- VERSION NUMBER -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- FIRST SEEN -->
-      <app-datepicker-property
-        class="datepicker"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'first_seen',
-          label: 'first seen',
-          required: true,
-        }"></app-datepicker-property>
-    </div>
-    <div class="col">
-      <!-- LAST SEEN -->
-      <app-datepicker-property
-        class="datepicker"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'last_seen',
-          label: 'last seen',
-          required: true,
-        }"></app-datepicker-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- FIRST SEEN CITATION -->
-      <app-citation-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'first_seen_citation',
-          referencesField: 'external_references',
-          label: 'first seen citation',
-          required: true,
-        }"></app-citation-property>
-    </div>
-    <div class="col">
-      <!-- LAST SEEN CITATION -->
-      <app-citation-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'last_seen_citation',
-          referencesField: 'external_references',
-          label: 'last seen citation',
-          required: true,
-        }"></app-citation-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- CONTRIBUTORS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'contributors',
-          editType: 'any',
-        }"></app-list-property>
-    </div>
-    <div class="col">
-      <!-- CAMPAIGN ALIASES -->
-      <app-alias-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'aliases',
-          referencesField: 'external_references',
-          label: 'Associated Campaigns',
-        }"></app-alias-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DESCRIPTION -->
-      <app-descriptive-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'description',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Description',
-        }"></app-descriptive-property>
+
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [relationshipTabs]="[
+      { label: 'Techniques', template: techniquesTpl },
+      { label: 'Groups', template: groupsTpl },
+      { label: 'Software', template: softwareTpl }
+    ]"
+    [showHistory]="true"
+    [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <!-- ATT&CK ID -->
+          <app-attackid-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-attackid-property>
+        </div>
+        <div class="col">
+          <!-- VERSION NUMBER -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- FIRST SEEN -->
+          <app-datepicker-property
+            class="datepicker"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'first_seen',
+              label: 'first seen',
+              required: true,
+            }"></app-datepicker-property>
+        </div>
+        <div class="col">
+          <!-- LAST SEEN -->
+          <app-datepicker-property
+            class="datepicker"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'last_seen',
+              label: 'last seen',
+              required: true,
+            }"></app-datepicker-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- FIRST SEEN CITATION -->
+          <app-citation-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'first_seen_citation',
+              referencesField: 'external_references',
+              label: 'first seen citation',
+              required: true,
+            }"></app-citation-property>
+        </div>
+        <div class="col">
+          <!-- LAST SEEN CITATION -->
+          <app-citation-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'last_seen_citation',
+              referencesField: 'external_references',
+              label: 'last seen citation',
+              required: true,
+            }"></app-citation-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- CONTRIBUTORS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'contributors',
+              editType: 'any',
+            }"></app-list-property>
+        </div>
+        <div class="col">
+          <!-- CAMPAIGN ALIASES -->
+          <app-alias-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'aliases',
+              referencesField: 'external_references',
+              label: 'Associated Campaigns',
+            }"></app-alias-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- DESCRIPTION -->
+          <app-descriptive-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'description',
+              firstParagraphOnly: false,
+              referencesField: 'external_references',
+              label: 'Description',
+            }"></app-descriptive-property>
+        </div>
+      </div>
     </div>
-  </div>
-  <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
-  <div
-    *ngIf="
-      (config.showRelationships ||
-        !config.hasOwnProperty('showRelationships')) &&
-      !editing
-    ">
-    <!-- GROUPS -->
+  </ng-template>
+
+  <ng-template #groupsTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Groups</h2>
@@ -163,8 +171,9 @@ <h2 class="section-header">Groups</h2>
           }"></app-stix-list>
       </div>
     </div>
+  </ng-template>
 
-    <!-- TECHNIQUES USED -->
+  <ng-template #techniquesTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Techniques Used</h2>
@@ -196,8 +205,9 @@ <h2 class="section-header">Techniques Used</h2>
           }"></app-stix-list>
       </div>
     </div>
+  </ng-template>
 
-    <!-- SOFTWARE USED -->
+  <ng-template #softwareTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Software Used</h2>
@@ -229,27 +239,5 @@ <h2 class="section-header">Software Used</h2>
           }"></app-stix-list>
       </div>
     </div>
-  </div>
-  <!-- EXTERNAL REFERENCES -->
-  <div
-    *ngIf="
-      campaign.external_references.list().length > 0 ||
-      previous?.external_references.list().length > 0
-    ">
-    <div class="row">
-      <div class="col">
-        <h2 class="section-header">References</h2>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col">
-        <app-external-references-property
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            referencesField: 'external_references',
-          }"></app-external-references-property>
-      </div>
-    </div>
-  </div>
+  </ng-template>
 </div>
diff --git a/src/app/views/stix/data-component-view/data-component-view.component.html b/src/app/views/stix/data-component-view/data-component-view.component.html
index 7f05e50a8..22d2dd877 100644
--- a/src/app/views/stix/data-component-view/data-component-view.component.html
+++ b/src/app/views/stix/data-component-view/data-component-view.component.html
@@ -1,4 +1,4 @@
-<div class="data-component-view view-page grid spacing-16">
+<div class="data-component-view view-page">
   <div class="row">
     <div class="col">
       <app-name-property
@@ -7,136 +7,146 @@
           object: config.object,
         }"></app-name-property>
       <app-subheading
-        [config]="{ mode: config.mode, object: config.object }"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()">
+        [config]="{ mode: config.mode, object: config.object }">
       </app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-attackid-property>
-    </div>
-    <div class="col">
-      <!-- VERSION NUMBER -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- Domains -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'domains',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DESCRIPTION -->
-      <app-descriptive-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'description',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Description',
-        }"></app-descriptive-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <app-dictionary-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'logSources',
-          buttonLabel: 'log source',
-          label: 'log sources',
-          columns: [
-            {
-              name: 'name',
-              label: 'Name',
-              editType: 'string',
-              required: true,
-              sort: true,
-            },
-            {
-              name: 'channel',
-              label: 'Channel',
-              editType: 'string',
-              required: true,
-            },
-          ],
-        }">
-      </app-dictionary-property>
-    </div>
-  </div>
-  <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
-  @if (
-    (config.showRelationships || !config.hasOwnProperty('showRelationships')) &&
-    !editing
-  ) {
-    <div [ngStyle]="{ display: showTechniques ? 'inherit' : 'none' }">
+
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [showHistory]="true"
+    [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
       <div class="row">
         <div class="col">
-          <h2 class="section-header">Techniques Detected</h2>
-          <app-outdated-content-warning></app-outdated-content-warning>
+          <!-- ATT&CK ID -->
+          <app-attackid-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-attackid-property>
+        </div>
+        <div class="col">
+          <!-- VERSION NUMBER -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
         </div>
       </div>
       <div class="row">
         <div class="col">
-          <app-stix-list
-            #techniquesList
-            (detectsHasData)="showTechniques = $event"
+          <!-- Domains -->
+          <app-list-property
+            class="grow-to-row"
             [config]="{
-              type: 'relationship',
-              sourceRef: dataComponent.stixID,
-              relationshipType: 'detects',
-              clickBehavior: 'dialog',
-            }">
-          </app-stix-list>
+              mode: config.mode,
+              object: config.object,
+              field: 'domains',
+              editType: 'select',
+            }"></app-list-property>
         </div>
       </div>
-    </div>
-  }
-  <!-- EXTERNAL REFERENCES -->
-  <div
-    *ngIf="
-      dataComponent.external_references.list().length > 0 ||
-      previous?.external_references.list().length > 0
-    ">
-    <div class="row">
-      <div class="col">
-        <h2 class="section-header">References</h2>
+      <div class="row">
+        <div class="col">
+          <!-- DESCRIPTION -->
+          <app-descriptive-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'description',
+              firstParagraphOnly: false,
+              referencesField: 'external_references',
+              label: 'Description',
+            }"></app-descriptive-property>
+        </div>
       </div>
-    </div>
-    <div class="row">
-      <div class="col">
-        <app-external-references-property
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            referencesField: 'external_references',
-          }"></app-external-references-property>
+      <div class="row">
+        <div class="col">
+          <app-dictionary-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'logSources',
+              buttonLabel: 'log source',
+              label: 'log sources',
+              columns: [
+                {
+                  name: 'name',
+                  label: 'Name',
+                  editType: 'string',
+                  required: true,
+                  sort: true,
+                },
+                {
+                  name: 'channel',
+                  label: 'Channel',
+                  editType: 'string',
+                  required: true,
+                },
+              ],
+            }">
+          </app-dictionary-property>
+        </div>
+      </div>
+      <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
+      @if (
+        (config.showRelationships || !config.hasOwnProperty('showRelationships')) &&
+        !editing
+      ) {
+        <div [ngStyle]="{ display: showTechniques ? 'inherit' : 'none' }">
+          <div class="row">
+            <div class="col">
+              <h2 class="section-header">Techniques Detected</h2>
+              <app-outdated-content-warning></app-outdated-content-warning>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col">
+              <app-stix-list
+                #techniquesList
+                (detectsHasData)="showTechniques = $event"
+                [config]="{
+                  type: 'relationship',
+                  sourceRef: dataComponent.stixID,
+                  relationshipType: 'detects',
+                  clickBehavior: 'dialog',
+                }">
+              </app-stix-list>
+            </div>
+          </div>
+        </div>
+      }
+      <!-- EXTERNAL REFERENCES -->
+      <div
+        *ngIf="
+          dataComponent.external_references.list().length > 0 ||
+          previous?.external_references.list().length > 0
+        ">
+        <div class="row">
+          <div class="col">
+            <h2 class="section-header">References</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <app-external-references-property
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                referencesField: 'external_references',
+              }"></app-external-references-property>
+          </div>
+        </div>
       </div>
     </div>
-  </div>
+  </ng-template>
 </div>
diff --git a/src/app/views/stix/data-source-view/data-source-view.component.html b/src/app/views/stix/data-source-view/data-source-view.component.html
index 84f62cdff..1b1e70520 100644
--- a/src/app/views/stix/data-source-view/data-source-view.component.html
+++ b/src/app/views/stix/data-source-view/data-source-view.component.html
@@ -1,4 +1,4 @@
-<div class="data-source-view view-page grid spacing-16" *ngIf="!loading">
+<div class="data-source-view view-page" *ngIf="!loading">
   <app-outdated-content-warning></app-outdated-content-warning>
   <div class="row">
     <div class="col">
@@ -8,102 +8,131 @@
           object: config.object,
         }"></app-name-property>
       <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+        [config]="config"></app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-attackid-property>
-    </div>
-    <div class="col">
-      <!-- VERSION NUMBER -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- Domains -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'domains',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-    <div class="col">
-      <!-- CONTRIBUTORS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'contributors',
-          editType: 'any',
-        }"></app-list-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- PLATFORMS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'platforms',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-    <div class="col">
-      <!-- COLLECTION LAYERS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'collection_layers',
-          label: 'collection layers',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DESCRIPTION -->
-      <app-descriptive-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'description',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Description',
-        }"></app-descriptive-property>
+
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [relationshipTabs]="[
+      { label: 'Data Components', template: componentsTpl },
+      { label: 'Techniques', template: techniquesTpl }
+    ]"
+    [showHistory]="true"
+    [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <!-- ATT&CK ID -->
+          <app-attackid-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-attackid-property>
+        </div>
+        <div class="col">
+          <!-- VERSION NUMBER -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- Domains -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'domains',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+        <div class="col">
+          <!-- CONTRIBUTORS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'contributors',
+              editType: 'any',
+            }"></app-list-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- PLATFORMS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'platforms',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+        <div class="col">
+          <!-- COLLECTION LAYERS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'collection_layers',
+              label: 'collection layers',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- DESCRIPTION -->
+          <app-descriptive-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'description',
+              firstParagraphOnly: false,
+              referencesField: 'external_references',
+              label: 'Description',
+            }"></app-descriptive-property>
+        </div>
+      </div>
+      <div
+        *ngIf="
+          dataSource.external_references.list().length > 0 ||
+          previous?.external_references.list().length > 0
+        ">
+        <div class="row">
+          <div class="col">
+            <h2 class="section-header">References</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <app-external-references-property
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                referencesField: 'external_references',
+              }"></app-external-references-property>
+          </div>
+        </div>
+      </div>
     </div>
-  </div>
-  <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
-  <div
-    *ngIf="
-      (config.showRelationships ||
-        !config.hasOwnProperty('showRelationships')) &&
-      !editing
-    ">
-    <!-- data components -->
+  </ng-template>
+
+  <ng-template #componentsTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Data Components</h2>
@@ -124,8 +153,9 @@ <h2 class="section-header">Data Components</h2>
           (refresh)="getDataComponents()"></app-stix-list>
       </div>
     </div>
+  </ng-template>
 
-    <!-- techniques detected -->
+  <ng-template #techniquesTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Techniques Detected</h2>
@@ -145,27 +175,5 @@ <h2 class="section-header">Techniques Detected</h2>
           (refresh)="getDataComponents()"></app-stix-list>
       </div>
     </div>
-  </div>
-  <!-- EXTERNAL REFERENCES -->
-  <div
-    *ngIf="
-      dataSource.external_references.list().length > 0 ||
-      previous?.external_references.list().length > 0
-    ">
-    <div class="row">
-      <div class="col">
-        <h2 class="section-header">References</h2>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col">
-        <app-external-references-property
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            referencesField: 'external_references',
-          }"></app-external-references-property>
-      </div>
-    </div>
-  </div>
+  </ng-template>
 </div>
diff --git a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
index d54a7ba50..26f361b84 100644
--- a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
+++ b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
@@ -1,4 +1,4 @@
-<div class="detection-strategy-view view-page grid spacing-16">
+<div class="detection-strategy-view view-page">
   <div class="row">
     <div class="col">
       <!-- NAME -->
@@ -8,85 +8,114 @@
           object: config.object,
         }"></app-name-property>
       <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+        [config]="config"></app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-attackid-property>
-    </div>
-    <div class="col">
-      <!-- VERSION -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- ANALYTICS -->
-      @if (config.mode === 'edit') {
-        <app-list-property
-          class="grow-to-row"
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            field: 'analytics',
-            editType: 'stixList',
-          }"></app-list-property>
-      } @else if (!loading) {
-        <app-ordered-list-property
-          class="grow-to-row"
-          [config]="{
-            mode: config.mode,
-            field: 'attackID',
-            globalObjects: analytics,
-            object: config.object,
-            objectOrderedListField: 'analytics',
-            clickBehavior: 'link',
-            type: 'analytic',
-            label: 'analytics',
-            tooltipField: 'platform',
-            tooltipLabel: 'Platform',
-          }"></app-ordered-list-property>
-      } @else {
-        <div class="row labelled-box spacing-16 grow-to-row">
-          <div class="content">
-            <app-loading-overlay></app-loading-overlay>
+
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [relationshipTabs]="[
+      { label: 'Techniques', template: techniquesTpl }
+    ]"
+    [showHistory]="true"
+    [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <!-- ATT&CK ID -->
+          <app-attackid-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-attackid-property>
+        </div>
+        <div class="col">
+          <!-- VERSION -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- ANALYTICS -->
+          @if (config.mode === 'edit') {
+            <app-list-property
+              class="grow-to-row"
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                field: 'analytics',
+                editType: 'stixList',
+              }"></app-list-property>
+          } @else if (!loading) {
+            <app-ordered-list-property
+              class="grow-to-row"
+              [config]="{
+                mode: config.mode,
+                field: 'attackID',
+                globalObjects: analytics,
+                object: config.object,
+                objectOrderedListField: 'analytics',
+                clickBehavior: 'link',
+                type: 'analytic',
+                label: 'analytics',
+                tooltipField: 'platform',
+                tooltipLabel: 'Platform',
+              }"></app-ordered-list-property>
+          } @else {
+            <div class="row labelled-box spacing-16 grow-to-row">
+              <div class="content">
+                <app-loading-overlay></app-loading-overlay>
+              </div>
+              <span class="labelled-box-label">analytics</span>
+            </div>
+          }
+        </div>
+        <div class="col">
+          <!-- CONTRIBUTORS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'contributors',
+              editType: 'any',
+            }"></app-list-property>
+        </div>
+      </div>
+      @if (
+        detectionStrategy.external_references.list().length > 0 ||
+        previous?.external_references.list().length > 0
+      ) {
+        <div class="row">
+          <div class="col">
+            <h2 class="section-header">References</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <app-external-references-property
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                referencesField: 'external_references',
+              }"></app-external-references-property>
           </div>
-          <span class="labelled-box-label">analytics</span>
         </div>
       }
     </div>
-    <div class="col">
-      <!-- CONTRIBUTORS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'contributors',
-          editType: 'any',
-        }"></app-list-property>
-    </div>
-  </div>
-  <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
-  @if (
-    (config.showRelationships || !config.hasOwnProperty('showRelationships')) &&
-    !editing
-  ) {
-    <!-- TECHNIQUES -->
+  </ng-template>
+
+  <ng-template #techniquesTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Techniques</h2>
@@ -116,26 +145,5 @@ <h2 class="section-header">Techniques</h2>
           }"></app-stix-list>
       </div>
     </div>
-  }
-  <!-- EXTERNAL REFERENCES -->
-  @if (
-    detectionStrategy.external_references.list().length > 0 ||
-    previous?.external_references.list().length > 0
-  ) {
-    <div class="row">
-      <div class="col">
-        <h2 class="section-header">References</h2>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col">
-        <app-external-references-property
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            referencesField: 'external_references',
-          }"></app-external-references-property>
-      </div>
-    </div>
-  }
+  </ng-template>
 </div>
diff --git a/src/app/views/stix/group-view/group-view.component.html b/src/app/views/stix/group-view/group-view.component.html
index eac275116..4c90b7d86 100644
--- a/src/app/views/stix/group-view/group-view.component.html
+++ b/src/app/views/stix/group-view/group-view.component.html
@@ -1,4 +1,4 @@
-<div class="group-view view-page grid spacing-16">
+<div class="group-view view-page">
   <div class="row">
     <div class="col">
       <app-name-property
@@ -6,79 +6,111 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+      <!-- keep subheading but remove sidebar event handlers; history/notes now in tabs -->
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-attackid-property>
-    </div>
-    <div class="col">
-      <!-- VERSION NUMBER -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- CONTRIBUTORS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'contributors',
-          editType: 'any',
-        }"></app-list-property>
-    </div>
-    <div class="col">
-      <!-- GROUP ALIASES -->
-      <app-alias-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'aliases',
-          referencesField: 'external_references',
-          label: 'Associated Groups',
-        }"></app-alias-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DESCRIPTION -->
-      <app-descriptive-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'description',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Description',
-        }"></app-descriptive-property>
+
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [relationshipTabs]="[
+      { label: 'Techniques', template: techniqueTpl },
+      { label: 'Campaigns', template: campaignTpl },
+      { label: 'Software', template: softwareTpl }
+    ]"
+    [showHistory]="true"
+    [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <!-- ATT&CK ID -->
+          <app-attackid-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-attackid-property>
+        </div>
+        <div class="col">
+          <!-- VERSION NUMBER -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- CONTRIBUTORS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'contributors',
+              editType: 'any',
+            }"></app-list-property>
+        </div>
+        <div class="col">
+          <!-- GROUP ALIASES -->
+          <app-alias-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'aliases',
+              referencesField: 'external_references',
+              label: 'Associated Groups',
+            }"></app-alias-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- DESCRIPTION -->
+          <app-descriptive-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'description',
+              firstParagraphOnly: false,
+              referencesField: 'external_references',
+              label: 'Description',
+            }"></app-descriptive-property>
+        </div>
+      </div>
+  
+      <!-- EXTERNAL REFERENCES -->
+      <div
+        *ngIf="
+          group.external_references.list().length > 0 ||
+          previous?.external_references.list().length > 0
+        ">
+        <div class="row">
+          <div class="col">
+            <h2 class="section-header">References</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <app-external-references-property
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                referencesField: 'external_references',
+              }"></app-external-references-property>
+          </div>
+        </div>
+      </div>
     </div>
-  </div>
-  <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
-  <div
-    *ngIf="
-      (config.showRelationships ||
-        !config.hasOwnProperty('showRelationships')) &&
-      !editing
-    ">
-    <!-- campaign relationships -->
+  </ng-template>
+
+  <ng-template #campaignTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Campaigns</h2>
@@ -109,7 +141,9 @@ <h2 class="section-header">Campaigns</h2>
           }"></app-stix-list>
       </div>
     </div>
-    <!-- technique relationships -->
+  </ng-template>
+
+  <ng-template #techniqueTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Techniques Used</h2>
@@ -141,8 +175,9 @@ <h2 class="section-header">Techniques Used</h2>
           }"></app-stix-list>
       </div>
     </div>
+  </ng-template>
 
-    <!-- software relationships -->
+  <ng-template #softwareTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Software Used</h2>
@@ -174,27 +209,5 @@ <h2 class="section-header">Software Used</h2>
           }"></app-stix-list>
       </div>
     </div>
-  </div>
-  <!-- EXTERNAL REFERENCES -->
-  <div
-    *ngIf="
-      group.external_references.list().length > 0 ||
-      previous?.external_references.list().length > 0
-    ">
-    <div class="row">
-      <div class="col">
-        <h2 class="section-header">References</h2>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col">
-        <app-external-references-property
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            referencesField: 'external_references',
-          }"></app-external-references-property>
-      </div>
-    </div>
-  </div>
+  </ng-template>
 </div>
diff --git a/src/app/views/stix/matrix/matrix-view/matrix-view.component.html b/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
index c9f9d341c..d830a058a 100644
--- a/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
+++ b/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
@@ -1,4 +1,4 @@
-<div class="matrix-view view-page grid spacing-16">
+<div class="matrix-view view-page">
   <div class="row">
     <div class="col">
       <app-name-property
@@ -6,144 +6,154 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-attackid-property>
-    </div>
-    <div class="col">
-      <!-- VERSION NUMBER -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DESCRIPTION -->
-      <app-descriptive-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'description',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Description',
-        }"></app-descriptive-property>
-    </div>
-  </div>
-  <!-- TACTICS -->
-  <div *ngIf="editing" class="row">
-    <div class="col">
-      <!-- section header only shown during editing -->
-      <h2 class="section-header">TACTICS</h2>
-    </div>
-  </div>
-  <div class="row" *ngIf="!loading; else tacticsLoading">
-    <app-ordered-list-property
-      class="grow-to-row"
-      [config]="{
-        mode: config.mode,
-        field: 'name',
-        globalObjects: all_tactics,
-        object: config.object,
-        objectOrderedListField: 'tactic_refs',
-        clickBehavior: 'link',
-        type: 'tactic',
-        label: 'tactics',
-      }"></app-ordered-list-property>
-  </div>
-  <ng-template #tacticsLoading>
-    <div class="row labelled-box spacing-16 grow-to-row">
-      <div class="content">
-        <app-loading-overlay></app-loading-overlay>
+
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [relationshipTabs]="[
+      { label: 'Matrix', template: matrixTpl}
+    ]"
+    [showHistory]="true" [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <!-- ATT&CK ID -->
+          <app-attackid-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-attackid-property>
+        </div>
+        <div class="col">
+          <!-- VERSION NUMBER -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- DESCRIPTION -->
+          <app-descriptive-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'description',
+              firstParagraphOnly: false,
+              referencesField: 'external_references',
+              label: 'Description',
+            }"></app-descriptive-property>
+        </div>
+      </div>
+      <!-- TACTICS -->
+      <div *ngIf="editing" class="row">
+        <div class="col">
+          <!-- section header only shown during editing -->
+          <h2 class="section-header">TACTICS</h2>
+        </div>
+      </div>
+      <div class="row" *ngIf="!loading; else tacticsLoading">
+        <app-ordered-list-property
+          class="grow-to-row"
+          [config]="{
+            mode: config.mode,
+            field: 'name',
+            globalObjects: all_tactics,
+            object: config.object,
+            objectOrderedListField: 'tactic_refs',
+            clickBehavior: 'link',
+            type: 'tactic',
+            label: 'tactics',
+          }"></app-ordered-list-property>
+      </div>
+      <ng-template #tacticsLoading>
+        <div class="row labelled-box spacing-16 grow-to-row">
+          <div class="content">
+            <app-loading-overlay></app-loading-overlay>
+          </div>
+          <span class="labelled-box-label">tactics</span>
+        </div>
+      </ng-template>
+
+      <div
+        *ngIf="
+          matrix.external_references.list().length > 0 ||
+          previous?.external_references.list().length > 0
+        ">
+        <div class="row">
+          <div class="col">
+            <h2 class="section-header">References</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <app-external-references-property
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                referencesField: 'external_references',
+              }"></app-external-references-property>
+          </div>
+        </div>
       </div>
-      <span class="labelled-box-label">tactics</span>
     </div>
   </ng-template>
-</div>
 
-<ng-container *ngIf="!editing" #matrixView>
-  <div class="row">
-    <div class="col">
-      <h2 *ngIf="!editing" class="section-header">MATRIX</h2>
-    </div>
-  </div>
-  <ng-container *ngIf="!loading; else loadingDisplay">
-    <!-- MATRIX (view) -->
-    <ng-container *ngIf="matrix_tactics.length > 0; else nothingHere">
-      <div class="matrix-button-row">
-        <mat-form-field appearance="outline">
-          <mat-label>Matrix View</mat-label>
-          <mat-select [(value)]="view">
-            <mat-option value="side">Side</mat-option>
-            <mat-option value="flat">Flat</mat-option>
-          </mat-select>
-        </mat-form-field>
-        <button
-          mat-stroked-button
-          (click)="toggleAllSubtechniquesVisible(true)">
-          Show all sub-techniques
-        </button>
-        <button
-          mat-stroked-button
-          (click)="toggleAllSubtechniquesVisible(false)">
-          Hide all sub-technique
-        </button>
+  <ng-template #matrixTpl>
+    <div class="row">
+      <div class="col">
+        <h2 *ngIf="!editing" class="section-header">MATRIX</h2>
       </div>
-      <app-matrix-side
-        *ngIf="view === 'side'"
-        [matrix]="matrix"
-        [tactics]="matrix_tactics"></app-matrix-side>
-      <app-matrix-flat
-        *ngIf="view === 'flat'"
-        [matrix]="matrix"
-        [tactics]="matrix_tactics"></app-matrix-flat>
+    </div>
+    <ng-container *ngIf="!loading; else loadingDisplay">
+      <!-- MATRIX (view) -->
+      <ng-container *ngIf="matrix_tactics.length > 0; else nothingHere">
+        <div class="matrix-button-row">
+          <mat-form-field appearance="outline">
+            <mat-label>Matrix View</mat-label>
+            <mat-select [(value)]="view">
+              <mat-option value="side">Side</mat-option>
+              <mat-option value="flat">Flat</mat-option>
+            </mat-select>
+          </mat-form-field>
+          <button
+            mat-stroked-button
+            (click)="toggleAllSubtechniquesVisible(true)">
+            Show all sub-techniques
+          </button>
+          <button
+            mat-stroked-button
+            (click)="toggleAllSubtechniquesVisible(false)">
+            Hide all sub-technique
+          </button>
+        </div>
+        <app-matrix-side
+          *ngIf="view === 'side'"
+          [matrix]="matrix"
+          [tactics]="matrix_tactics"></app-matrix-side>
+        <app-matrix-flat
+          *ngIf="view === 'flat'"
+          [matrix]="matrix"
+          [tactics]="matrix_tactics"></app-matrix-flat>
+      </ng-container>
+      <ng-template #nothingHere>
+        <app-empty-list-marker
+          (onCheckAgain)="loadMatrix()"></app-empty-list-marker>
+      </ng-template>
     </ng-container>
-    <ng-template #nothingHere>
-      <app-empty-list-marker
-        (onCheckAgain)="loadMatrix()"></app-empty-list-marker>
+    <ng-template #loadingDisplay>
+      <app-loading-overlay></app-loading-overlay>
     </ng-template>
-  </ng-container>
-  <ng-template #loadingDisplay>
-    <app-loading-overlay></app-loading-overlay>
   </ng-template>
-</ng-container>
-
-<!-- EXTERNAL REFERENCES -->
-<div
-  *ngIf="
-    matrix.external_references.list().length > 0 ||
-    previous?.external_references.list().length > 0
-  ">
-  <div class="row">
-    <div class="col">
-      <h2 class="section-header">References</h2>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <app-external-references-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          referencesField: 'external_references',
-        }"></app-external-references-property>
-    </div>
-  </div>
 </div>
diff --git a/src/app/views/stix/mitigation-view/mitigation-view.component.html b/src/app/views/stix/mitigation-view/mitigation-view.component.html
index f7edb22b4..ff76f0766 100644
--- a/src/app/views/stix/mitigation-view/mitigation-view.component.html
+++ b/src/app/views/stix/mitigation-view/mitigation-view.component.html
@@ -1,4 +1,4 @@
-<div class="mitigation-view view-page grid spacing-16">
+<div class="mitigation-view view-page">
   <div class="row">
     <div class="col">
       <app-name-property
@@ -7,82 +7,112 @@
           object: config.object,
         }"></app-name-property>
       <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+        [config]="config">
+      </app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-attackid-property>
-    </div>
-    <div class="col">
-      <!-- VERSION NUMBER -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <!-- DOMAIN -->
-  <div class="row">
-    <div class="col">
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'domains',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-  </div>
-  <!-- SECURITY CONTROLS -->
-  <div *ngIf="showSecurityControls" class="row">
-    <div class="col">
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'securityControls',
-          label: 'security controls',
-          editType: 'any',
-        }"></app-list-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DESCRIPTION -->
-      <app-descriptive-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'description',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Description',
-        }"></app-descriptive-property>
+
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [relationshipTabs]="[
+      { label: 'Techniques', template: techniquesTpl }
+    ]"
+    [showHistory]="true"
+    [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <!-- ATT&CK ID -->
+          <app-attackid-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-attackid-property>
+        </div>
+        <div class="col">
+          <!-- VERSION NUMBER -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
+        </div>
+      </div>
+      <!-- DOMAIN -->
+      <div class="row">
+        <div class="col">
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'domains',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+      </div>
+      <!-- SECURITY CONTROLS -->
+      <div *ngIf="showSecurityControls" class="row">
+        <div class="col">
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'securityControls',
+              label: 'security controls',
+              editType: 'any',
+            }"></app-list-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- DESCRIPTION -->
+          <app-descriptive-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'description',
+              firstParagraphOnly: false,
+              referencesField: 'external_references',
+              label: 'Description',
+            }"></app-descriptive-property>
+        </div>
+      </div>
+      <div
+        *ngIf="
+          mitigation.external_references.list().length > 0 ||
+          previous?.external_references.list().length > 0
+        ">
+        <div class="row">
+          <div class="col">
+            <h2 class="section-header">References</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <app-external-references-property
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                referencesField: 'external_references',
+              }"></app-external-references-property>
+          </div>
+        </div>
+      </div>
     </div>
-  </div>
-  <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
-  <div
-    *ngIf="
-      (config.showRelationships ||
-        !config.hasOwnProperty('showRelationships')) &&
-      !editing
-    ">
+  </ng-template>
+
+  <ng-template #techniquesTpl>
     <div class="row">
       <div class="col">
-        <h2 class="section-header">Techniques Addressed by Mitigation</h2>
+        <h2 class="section-header">Techniques Addressed</h2>
       </div>
     </div>
     <div class="row" *ngIf="canEdit">
@@ -110,27 +140,5 @@ <h2 class="section-header">Techniques Addressed by Mitigation</h2>
           }"></app-stix-list>
       </div>
     </div>
-  </div>
-  <!-- EXTERNAL REFERENCES -->
-  <div
-    *ngIf="
-      mitigation.external_references.list().length > 0 ||
-      previous?.external_references.list().length > 0
-    ">
-    <div class="row">
-      <div class="col">
-        <h2 class="section-header">References</h2>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col">
-        <app-external-references-property
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            referencesField: 'external_references',
-          }"></app-external-references-property>
-      </div>
-    </div>
-  </div>
+  </ng-template>
 </div>
diff --git a/src/app/views/stix/software-view/software-view.component.html b/src/app/views/stix/software-view/software-view.component.html
index b6640b04f..d3621b905 100644
--- a/src/app/views/stix/software-view/software-view.component.html
+++ b/src/app/views/stix/software-view/software-view.component.html
@@ -1,4 +1,4 @@
-<div class="software-view view-page grid spacing-16">
+<div class="software-view view-page">
   <div class="row">
     <div class="col">
       <app-name-property
@@ -6,117 +6,147 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-attackid-property>
-    </div>
-    <div class="col">
-      <!-- VERSION NUMBER -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DOMAINS-->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'domains',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- TYPE -->
-      <app-string-property
-        matTooltip="this field cannot be edited"
-        [matTooltipDisabled]="!editing"
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode === 'diff' ? 'diff' : 'view',
-          object: config.object,
-          field: 'type',
-        }"></app-string-property>
-    </div>
-    <div class="col">
-      <!-- PLATFORMS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'platforms',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- CONTRIBUTORS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'contributors',
-          editType: 'any',
-        }"></app-list-property>
-    </div>
-    <div class="col">
-      <!-- SOFTWARE ALIASES -->
-      <app-alias-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'aliases',
-          referencesField: 'external_references',
-          label: 'Associated Software',
-        }"></app-alias-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DESCRIPTION -->
-      <app-descriptive-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'description',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Description',
-        }"></app-descriptive-property>
+
+  <!-- use shared tabbed wrapper -->
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [relationshipTabs]="[
+      { label: 'Techniques', template: techniquesTpl },
+      { label: 'Groups', template: groupsTpl },
+      { label: 'Campaigns', template: campaignsTpl }
+    ]"
+    [showHistory]="true"
+    [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <!-- ATT&CK ID -->
+          <app-attackid-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-attackid-property>
+        </div>
+        <div class="col">
+          <!-- VERSION NUMBER -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- DOMAINS-->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'domains',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- TYPE -->
+          <app-string-property
+            matTooltip="this field cannot be edited"
+            [matTooltipDisabled]="!editing"
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode === 'diff' ? 'diff' : 'view',
+              object: config.object,
+              field: 'type',
+            }"></app-string-property>
+        </div>
+        <div class="col">
+          <!-- PLATFORMS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'platforms',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- CONTRIBUTORS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'contributors',
+              editType: 'any',
+            }"></app-list-property>
+        </div>
+        <div class="col">
+          <!-- SOFTWARE ALIASES -->
+          <app-alias-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'aliases',
+              referencesField: 'external_references',
+              label: 'Associated Software',
+            }"></app-alias-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- DESCRIPTION -->
+          <app-descriptive-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'description',
+              firstParagraphOnly: false,
+              referencesField: 'external_references',
+              label: 'Description',
+            }"></app-descriptive-property>
+        </div>
+      </div>
+      <div
+        *ngIf="
+          software.external_references.list().length > 0 ||
+          previous?.external_references.list().length > 0
+        ">
+        <div class="row">
+          <div class="col">
+            <h2 class="section-header">References</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <app-external-references-property
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                referencesField: 'external_references',
+              }"></app-external-references-property>
+          </div>
+        </div>
+      </div>
     </div>
-  </div>
-  <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
-  <div
-    *ngIf="
-      (config.showRelationships ||
-        !config.hasOwnProperty('showRelationships')) &&
-      !editing
-    ">
-    <!-- techniques used -->
+  </ng-template>
+
+  <ng-template #techniquesTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Techniques Used</h2>
@@ -148,8 +178,9 @@ <h2 class="section-header">Techniques Used</h2>
           }"></app-stix-list>
       </div>
     </div>
+  </ng-template>
 
-    <!-- associated groups -->
+  <ng-template #groupsTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Associated Groups</h2>
@@ -181,8 +212,9 @@ <h2 class="section-header">Associated Groups</h2>
           }"></app-stix-list>
       </div>
     </div>
+  </ng-template>
 
-    <!-- campaigns -->
+  <ng-template #campaignsTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Campaigns</h2>
@@ -214,27 +246,6 @@ <h2 class="section-header">Campaigns</h2>
           }"></app-stix-list>
       </div>
     </div>
-  </div>
-  <!-- EXTERNAL REFERENCES -->
-  <div
-    *ngIf="
-      software.external_references.list().length > 0 ||
-      previous?.external_references.list().length > 0
-    ">
-    <div class="row">
-      <div class="col">
-        <h2 class="section-header">References</h2>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col">
-        <app-external-references-property
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            referencesField: 'external_references',
-          }"></app-external-references-property>
-      </div>
-    </div>
-  </div>
+  </ng-template>
+
 </div>
diff --git a/src/app/views/stix/tactic-view/tactic-view.component.html b/src/app/views/stix/tactic-view/tactic-view.component.html
index 0abba79b6..71c298a02 100644
--- a/src/app/views/stix/tactic-view/tactic-view.component.html
+++ b/src/app/views/stix/tactic-view/tactic-view.component.html
@@ -1,4 +1,4 @@
-<div class="tactic-view view-page grid spacing-16">
+<div class="tactic-view view-page">
   <div class="row">
     <div class="col">
       <app-name-property
@@ -7,79 +7,105 @@
           object: config.object,
         }"></app-name-property>
       <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+        [config]="config"></app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-attackid-property>
-    </div>
-    <div class="col">
-      <!-- VERSION NUMBER -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DOMAIN -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'domains',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-    <div class="col">
-      <!-- CONTRIBUTORS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'contributors',
-          editType: 'any',
-        }"></app-list-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DESCRIPTION -->
-      <app-descriptive-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'description',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Description',
-        }"></app-descriptive-property>
+
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [relationshipTabs]="[
+      { label: 'Techniques', template: techniquesTpl }
+    ]"
+    [showHistory]="true"
+    [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <!-- ATT&CK ID -->
+          <app-attackid-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-attackid-property>
+        </div>
+        <div class="col">
+          <!-- VERSION NUMBER -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- DOMAIN -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'domains',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+        <div class="col">
+          <!-- CONTRIBUTORS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'contributors',
+              editType: 'any',
+            }"></app-list-property>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- DESCRIPTION -->
+          <app-descriptive-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'description',
+              firstParagraphOnly: false,
+              referencesField: 'external_references',
+              label: 'Description',
+            }"></app-descriptive-property>
+        </div>
+      </div>
+      <div
+        *ngIf="
+          tactic.external_references.list().length > 0 ||
+          previous?.external_references.list().length > 0
+        ">
+        <div class="row">
+          <div class="col">
+            <h2 class="section-header">References</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <app-external-references-property
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                referencesField: 'external_references',
+              }"></app-external-references-property>
+          </div>
+        </div>
+      </div>
     </div>
-  </div>
+  </ng-template>
 
-  <!-- only show relationships if configured to show them -->
-  <!-- note: these only show in 'view' mode -->
-  <div
-    *ngIf="
-      (config.showRelationships ||
-        !config.hasOwnProperty('showRelationships')) &&
-      !editing &&
-      !loading
-    ">
+  <ng-template #techniquesTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Techniques</h2>
@@ -96,28 +122,5 @@ <h2 class="section-header">Techniques</h2>
           }"></app-stix-list>
       </div>
     </div>
-  </div>
-
-  <!-- EXTERNAL REFERENCES -->
-  <div
-    *ngIf="
-      tactic.external_references.list().length > 0 ||
-      previous?.external_references.list().length > 0
-    ">
-    <div class="row">
-      <div class="col">
-        <h2 class="section-header">References</h2>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col">
-        <app-external-references-property
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            referencesField: 'external_references',
-          }"></app-external-references-property>
-      </div>
-    </div>
-  </div>
+  </ng-template>
 </div>
diff --git a/src/app/views/stix/technique-view/technique-view.component.html b/src/app/views/stix/technique-view/technique-view.component.html
index 08b8dd666..32ef1f515 100644
--- a/src/app/views/stix/technique-view/technique-view.component.html
+++ b/src/app/views/stix/technique-view/technique-view.component.html
@@ -1,4 +1,4 @@
-<div class="technique-view view-page grid spacing-16">
+<div class="technique-view view-page">
   <div class="row">
     <!-- NAME -->
     <div class="col">
@@ -11,322 +11,340 @@
               ? technique.parentTechnique
               : null,
         }"></app-name-property>
-      <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
-  <div class="row">
-    <div class="col">
-      <!-- ATT&CK ID -->
-      <app-attackid-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-attackid-property>
-    </div>
-    <div class="col">
-      <app-boolean-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'is_subtechnique',
-          label: 'sub-technique?',
-        }"></app-boolean-property>
-    </div>
-    <div class="col">
-      <!-- VERSION NUMBER -->
-      <app-version-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-        }"></app-version-property>
-    </div>
-  </div>
-  <!-- PARENT SUBTECHNIQUE FIELDS -->
-  <div class="row" *ngIf="showParentField()">
-    <div class="col">
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'parentTechnique',
-          label: 'parent technique',
-          editType: 'stixList',
-          required: true,
-        }"></app-list-property>
-    </div>
-  </div>
-  <!-- DOMAIN SPECIFIC FIELDS -->
-  <div class="row">
-    <div class="col">
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'domains',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-    <ng-container
-      *ngIf="
-        technique.supportsDomainSpecificFields ||
-        previous?.supportsDomainSpecificFields
-      ">
-      <!-- Display only if domain specific fields exist or if in 'edit' mode -->
-      <div class="col arrow">
-        <mat-icon>arrow_forward</mat-icon>
-      </div>
-      <div class="col grid spacing-16">
-        <!-- DATA SOURCES (string array representation) -->
-        <div
-          *ngIf="technique.supportsDataSources || previous?.supportsDataSources"
-          class="row grow-to-row">
-          <app-list-property
+
+  <app-stix-page-tabs
+    [config]="config"
+    [detailsTemplate]="detailsTpl"
+    [relationshipTabs]="[
+      { label: 'Sub-techniques', template: subtechTpl },
+      { label: 'Procedure Examples', template: proceduresTpl },
+      { label: 'Mitigations', template: mitigationsTpl },
+      { label: 'Detection Strategies', template: detectsTpl },
+      { label: 'Campaigns', template: campaignsTpl },
+      { label: 'Assets', template: assetsTpl }
+    ]"
+    [showHistory]="true"
+    [showNotes]="true">
+  </app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <!-- ATT&CK ID -->
+          <app-attackid-property
             class="grow-to-row"
             [config]="{
               mode: config.mode,
               object: config.object,
-              field: 'data_sources',
-              label: 'ics data sources',
-              editType: 'select',
-            }"></app-list-property>
+            }"></app-attackid-property>
         </div>
-        <!-- SYSTEM REQUIREMENTS -->
-        <div
-          *ngIf="
-            technique.supportsSystemRequirements ||
-            previous?.supportsSystemRequirements
-          "
-          class="row grow-to-row">
+        <div class="col">
+          <app-boolean-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'is_subtechnique',
+              label: 'sub-technique?',
+            }"></app-boolean-property>
+        </div>
+        <div class="col">
+          <!-- VERSION NUMBER -->
+          <app-version-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+            }"></app-version-property>
+        </div>
+      </div>
+      <!-- PARENT SUBTECHNIQUE FIELDS -->
+      <div class="row" *ngIf="showParentField()">
+        <div class="col">
           <app-list-property
             class="grow-to-row"
             [config]="{
               mode: config.mode,
               object: config.object,
-              field: 'system_requirements',
-              label: 'system requirements',
-              editType: 'any',
+              field: 'parentTechnique',
+              label: 'parent technique',
+              editType: 'stixList',
+              required: true,
             }"></app-list-property>
         </div>
-        <!-- TACTIC TYPES -->
-        <div
-          *ngIf="technique.supportsTacticTypes || previous?.supportsTacticTypes"
-          class="row grow-to-row">
+      </div>
+  
+      <!-- DOMAIN SPECIFIC FIELDS -->
+      <div class="row">
+        <div class="col">
           <app-list-property
             class="grow-to-row"
             [config]="{
               mode: config.mode,
               object: config.object,
-              field: 'tactic_type',
-              label: 'tactic type',
+              field: 'domains',
               editType: 'select',
             }"></app-list-property>
         </div>
-      </div>
-    </ng-container>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- PLATFORMS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'platforms',
-          editType: 'select',
-        }"></app-list-property>
-    </div>
-    <div class="col">
-      <!-- CONTRIBUTORS -->
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'contributors',
-          editType: 'any',
-        }"></app-list-property>
-    </div>
-  </div>
-  <!-- ADDITIONAL IDs -->
-  <div *ngIf="showCapecIdsField()" class="row">
-    <div class="col">
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'capec_ids',
-          label: 'CAPEC IDs',
-          editType: 'any',
-        }"></app-list-property>
-    </div>
-  </div>
-  <div *ngIf="showMtcIdsField()" class="row">
-    <div class="col">
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'mtc_ids',
-          label: 'MTC IDs',
-          editType: 'any',
-        }"></app-list-property>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DESCRIPTION -->
-      <app-descriptive-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'description',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Description',
-        }"></app-descriptive-property>
-    </div>
-  </div>
-  <!-- TACTIC SPECIFIC FIELDS -->
-  <div class="row">
-    <div class="col">
-      <app-list-property
-        class="grow-to-row"
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'tactics',
-          editType: 'stixList',
-          disabled:
-            editing &&
-            (technique.domains.length === 0 || technique.is_subtechnique),
-        }"></app-list-property>
-    </div>
-    <ng-container
-      *ngIf="
-        technique.supportsTacticSpecificFields ||
-        previous?.supportsTacticSpecificFields
-      ">
-      <!-- Display only if tactic specific fields exist -->
-      <div class="col arrow">
-        <mat-icon>arrow_forward</mat-icon>
-      </div>
-      <div class="col grid spacing-16">
-        <!-- PERMISSIONS REQUIRED -->
-        <div
+        <ng-container
           *ngIf="
-            technique.supportsPermissionsRequired ||
-            previous?.supportsPermissionsRequired
-          "
-          class="row grow-to-row">
+            technique.supportsDomainSpecificFields ||
+            previous?.supportsDomainSpecificFields
+          ">
+          <!-- Display only if domain specific fields exist or if in 'edit' mode -->
+          <div class="col arrow">
+            <mat-icon>arrow_forward</mat-icon>
+          </div>
+          <div class="col grid spacing-16">
+            <!-- DATA SOURCES (string array representation) -->
+            <div
+              *ngIf="technique.supportsDataSources || previous?.supportsDataSources"
+              class="row grow-to-row">
+              <app-list-property
+                class="grow-to-row"
+                [config]="{
+                  mode: config.mode,
+                  object: config.object,
+                  field: 'data_sources',
+                  label: 'ics data sources',
+                  editType: 'select',
+                }"></app-list-property>
+            </div>
+            <!-- SYSTEM REQUIREMENTS -->
+            <div
+              *ngIf="
+                technique.supportsSystemRequirements ||
+                previous?.supportsSystemRequirements
+              "
+              class="row grow-to-row">
+              <app-list-property
+                class="grow-to-row"
+                [config]="{
+                  mode: config.mode,
+                  object: config.object,
+                  field: 'system_requirements',
+                  label: 'system requirements',
+                  editType: 'any',
+                }"></app-list-property>
+            </div>
+            <!-- TACTIC TYPES -->
+            <div
+              *ngIf="technique.supportsTacticTypes || previous?.supportsTacticTypes"
+              class="row grow-to-row">
+              <app-list-property
+                class="grow-to-row"
+                [config]="{
+                  mode: config.mode,
+                  object: config.object,
+                  field: 'tactic_type',
+                  label: 'tactic type',
+                  editType: 'select',
+                }"></app-list-property>
+            </div>
+          </div>
+        </ng-container>
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- PLATFORMS -->
           <app-list-property
             class="grow-to-row"
             [config]="{
               mode: config.mode,
               object: config.object,
-              field: 'permissions_required',
-              label: 'permissions required',
+              field: 'platforms',
               editType: 'select',
             }"></app-list-property>
         </div>
-        <!-- EFFECTIVE PERMISSIONS -->
-        <div
-          *ngIf="
-            technique.supportsEffectivePermissions ||
-            previous?.supportsEffectivePermissions
-          "
-          class="row grow-to-row">
+        <div class="col">
+          <!-- CONTRIBUTORS -->
           <app-list-property
             class="grow-to-row"
             [config]="{
               mode: config.mode,
               object: config.object,
-              field: 'effective_permissions',
-              label: 'effective permissions',
-              editType: 'select',
+              field: 'contributors',
+              editType: 'any',
             }"></app-list-property>
         </div>
-        <!-- IMPACT TYPE -->
-        <div
-          *ngIf="technique.supportsImpactType || previous?.supportsImpactType"
-          class="row grow-to-row">
+      </div>
+      <div *ngIf="showCapecIdsField()" class="row">
+        <div class="col">
           <app-list-property
             class="grow-to-row"
             [config]="{
               mode: config.mode,
               object: config.object,
-              field: 'impact_type',
-              label: 'impact type',
-              editType: 'select',
+              field: 'capec_ids',
+              label: 'CAPEC IDs',
+              editType: 'any',
             }"></app-list-property>
         </div>
-        <!-- DEFENSES BYPASSED -->
-        <div
-          *ngIf="
-            technique.supportsDefensesBypassed ||
-            previous?.supportsDefensesBypassed
-          "
-          class="row grow-to-row">
+      </div>
+      <div *ngIf="showMtcIdsField()" class="row">
+        <div class="col">
           <app-list-property
             class="grow-to-row"
             [config]="{
               mode: config.mode,
               object: config.object,
-              field: 'defense_bypassed',
-              label: 'defenses bypassed',
+              field: 'mtc_ids',
+              label: 'MTC IDs',
               editType: 'any',
             }"></app-list-property>
         </div>
-        <!-- SUPPORTS REMOTE -->
-        <div
-          *ngIf="
-            technique.supportsRemoteSupport || previous?.supportsRemoteSupport
-          "
-          class="row grow-to-row">
-          <app-boolean-property
+      </div>
+      <div class="row">
+        <div class="col">
+          <!-- DESCRIPTION -->
+          <app-descriptive-property
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'description',
+              firstParagraphOnly: false,
+              referencesField: 'external_references',
+              label: 'Description',
+            }"></app-descriptive-property>
+        </div>
+      </div>
+      <!-- TACTIC SPECIFIC FIELDS -->
+      <div class="row">
+        <div class="col">
+          <app-list-property
             class="grow-to-row"
             [config]="{
               mode: config.mode,
               object: config.object,
-              field: 'supports_remote',
-              label: 'Supports Remote?',
-            }"></app-boolean-property>
+              field: 'tactics',
+              editType: 'stixList',
+              disabled:
+                editing &&
+                (technique.domains.length === 0 || technique.is_subtechnique),
+            }"></app-list-property>
+        </div>
+        <ng-container
+          *ngIf="
+            technique.supportsTacticSpecificFields ||
+            previous?.supportsTacticSpecificFields
+          ">
+          <!-- Display only if tactic specific fields exist -->
+          <div class="col arrow">
+            <mat-icon>arrow_forward</mat-icon>
+          </div>
+          <div class="col grid spacing-16">
+            <!-- PERMISSIONS REQUIRED -->
+            <div
+              *ngIf="
+                technique.supportsPermissionsRequired ||
+                previous?.supportsPermissionsRequired
+              "
+              class="row grow-to-row">
+              <app-list-property
+                class="grow-to-row"
+                [config]="{
+                  mode: config.mode,
+                  object: config.object,
+                  field: 'permissions_required',
+                  label: 'permissions required',
+                  editType: 'select',
+                }"></app-list-property>
+            </div>
+            <!-- EFFECTIVE PERMISSIONS -->
+            <div
+              *ngIf="
+                technique.supportsEffectivePermissions ||
+                previous?.supportsEffectivePermissions
+              "
+              class="row grow-to-row">
+              <app-list-property
+                class="grow-to-row"
+                [config]="{
+                  mode: config.mode,
+                  object: config.object,
+                  field: 'effective_permissions',
+                  label: 'effective permissions',
+                  editType: 'select',
+                }"></app-list-property>
+            </div>
+            <!-- IMPACT TYPE -->
+            <div
+              *ngIf="technique.supportsImpactType || previous?.supportsImpactType"
+              class="row grow-to-row">
+              <app-list-property
+                class="grow-to-row"
+                [config]="{
+                  mode: config.mode,
+                  object: config.object,
+                  field: 'impact_type',
+                  label: 'impact type',
+                  editType: 'select',
+                }"></app-list-property>
+            </div>
+            <!-- DEFENSES BYPASSED -->
+            <div
+              *ngIf="
+                technique.supportsDefensesBypassed ||
+                previous?.supportsDefensesBypassed
+              "
+              class="row grow-to-row">
+              <app-list-property
+                class="grow-to-row"
+                [config]="{
+                  mode: config.mode,
+                  object: config.object,
+                  field: 'defense_bypassed',
+                  label: 'defenses bypassed',
+                  editType: 'any',
+                }"></app-list-property>
+            </div>
+            <!-- SUPPORTS REMOTE -->
+            <div
+              *ngIf="
+                technique.supportsRemoteSupport || previous?.supportsRemoteSupport
+              "
+              class="row grow-to-row">
+              <app-boolean-property
+                class="grow-to-row"
+                [config]="{
+                  mode: config.mode,
+                  object: config.object,
+                  field: 'supports_remote',
+                  label: 'Supports Remote?',
+                }"></app-boolean-property>
+            </div>
+          </div>
+        </ng-container>
+      </div>
+      <div
+        *ngIf="
+          technique.external_references.list().length > 0 ||
+          previous?.external_references.list().length > 0
+        ">
+        <div class="row">
+          <div class="col">
+            <h2 class="section-header">References</h2>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col">
+            <app-external-references-property
+              [config]="{
+                mode: config.mode,
+                object: config.object,
+                referencesField: 'external_references',
+              }"></app-external-references-property>
+          </div>
         </div>
       </div>
-    </ng-container>
-  </div>
-  <div class="row">
-    <div class="col">
-      <!-- DETECTION -->
-      <app-descriptive-property
-        [config]="{
-          mode: config.mode,
-          object: config.object,
-          field: 'detection',
-          firstParagraphOnly: false,
-          referencesField: 'external_references',
-          label: 'Detection',
-        }"></app-descriptive-property>
     </div>
-  </div>
-  <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
-  <div
-    *ngIf="
-      (config.showRelationships ||
-        !config.hasOwnProperty('showRelationships')) &&
-      !editing
-    ">
-    <!-- SUBTECHNIQUES -->
+  </ng-template>
+
+  <ng-template #subtechTpl>
     <div *ngIf="!technique.is_subtechnique; else othersubs">
       <div class="row">
         <div class="col">
@@ -382,7 +400,9 @@ <h2 class="section-header">
         </div>
       </ng-container>
     </ng-template>
-    <!-- campaigns -->
+  </ng-template>
+
+  <ng-template #campaignsTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Campaigns</h2>
@@ -414,7 +434,9 @@ <h2 class="section-header">Campaigns</h2>
           }"></app-stix-list>
       </div>
     </div>
-    <!-- MITIGATIONS -->
+  </ng-template>
+
+  <ng-template #mitigationsTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Mitigations</h2>
@@ -444,7 +466,9 @@ <h2 class="section-header">Mitigations</h2>
           }"></app-stix-list>
       </div>
     </div>
-    <!-- procedure examples -->
+  </ng-template>
+
+  <ng-template #proceduresTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Procedure Examples</h2>
@@ -474,7 +498,9 @@ <h2 class="section-header">Procedure Examples</h2>
           }"></app-stix-list>
       </div>
     </div>
-    <!-- data sources (deprecated source/component object representation) -->
+  </ng-template>
+
+  <ng-template #dataSourcesTpl>
     <div [ngStyle]="{ display: showDataSources ? 'inherit' : 'none' }">
       <div class="row">
         <div class="col">
@@ -502,7 +528,9 @@ <h2 class="section-header">Data Sources</h2>
         </div>
       </div>
     </div>
-    <!-- detection strategies -->
+  </ng-template>
+
+  <ng-template #detectsTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Detection Strategies</h2>
@@ -534,7 +562,9 @@ <h2 class="section-header">Detection Strategies</h2>
           }"></app-stix-list>
       </div>
     </div>
-    <!-- assets -->
+  </ng-template>
+
+  <ng-template #assetsTpl>
     <div class="row">
       <div class="col">
         <h2 class="section-header">Assets</h2>
@@ -565,27 +595,5 @@ <h2 class="section-header">Assets</h2>
           }"></app-stix-list>
       </div>
     </div>
-  </div>
-  <!-- EXTERNAL REFERENCES -->
-  <div
-    *ngIf="
-      technique.external_references.list().length > 0 ||
-      previous?.external_references.list().length > 0
-    ">
-    <div class="row">
-      <div class="col">
-        <h2 class="section-header">References</h2>
-      </div>
-    </div>
-    <div class="row">
-      <div class="col">
-        <app-external-references-property
-          [config]="{
-            mode: config.mode,
-            object: config.object,
-            referencesField: 'external_references',
-          }"></app-external-references-property>
-      </div>
-    </div>
-  </div>
+  </ng-template>
 </div>

From 9cddb6cf5c4ea77bef266f09024497857cb07aaf Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 6 Apr 2026 13:31:08 -0400
Subject: [PATCH 005/190] chore: formatting

---
 .../analytic-view.component.html              |  3 +--
 .../stix/asset-view/asset-view.component.html | 19 ++++++++++++-------
 .../campaign-view.component.html              |  2 +-
 .../data-component-view.component.html        |  6 +++---
 .../data-source-view.component.html           |  5 ++---
 .../detection-strategy-view.component.html    |  7 ++-----
 .../stix/group-view/group-view.component.html |  4 ++--
 .../matrix-view/matrix-view.component.html    |  7 +++----
 .../mitigation-view.component.html            |  8 ++------
 .../software-view.component.html              |  3 +--
 .../tactic-view/tactic-view.component.html    |  7 ++-----
 .../technique-view.component.html             | 19 +++++++++++++------
 12 files changed, 44 insertions(+), 46 deletions(-)

diff --git a/src/app/views/stix/analytic-view/analytic-view.component.html b/src/app/views/stix/analytic-view/analytic-view.component.html
index ed0cf3c8e..68bc8717e 100644
--- a/src/app/views/stix/analytic-view/analytic-view.component.html
+++ b/src/app/views/stix/analytic-view/analytic-view.component.html
@@ -7,8 +7,7 @@
           mode: config.mode === 'edit' ? 'view' : config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="config"></app-subheading>
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
 
diff --git a/src/app/views/stix/asset-view/asset-view.component.html b/src/app/views/stix/asset-view/asset-view.component.html
index a2fb9567f..da60f317a 100644
--- a/src/app/views/stix/asset-view/asset-view.component.html
+++ b/src/app/views/stix/asset-view/asset-view.component.html
@@ -14,9 +14,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[
-      { label: 'Techniques', template: techniquesTpl }
-    ]"
+    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]"
     [showHistory]="true"
     [showNotes]="true">
   </app-stix-page-tabs>
@@ -105,8 +103,16 @@
               label: 'related assets',
               subtypeFields: [
                 { name: 'name', editType: 'string', required: true, key: true },
-                { name: 'related_asset_sectors', label: 'sectors', editType: 'select' },
-                { name: 'description', supportsReferences: true, editType: 'description' }
+                {
+                  name: 'related_asset_sectors',
+                  label: 'sectors',
+                  editType: 'select',
+                },
+                {
+                  name: 'description',
+                  supportsReferences: true,
+                  editType: 'description',
+                },
               ],
               tooltip: 'a related asset',
             }"></app-subtype-property>
@@ -126,7 +132,7 @@
             }"></app-descriptive-property>
         </div>
       </div>
-  
+
       <!-- EXTERNAL REFERENCES -->
       <div
         *ngIf="
@@ -185,5 +191,4 @@ <h2 class="section-header">Techniques Used</h2>
       </div>
     </div>
   </ng-template>
-
 </div>
diff --git a/src/app/views/stix/campaign-view/campaign-view.component.html b/src/app/views/stix/campaign-view/campaign-view.component.html
index 24e5bca90..d707ebbf9 100644
--- a/src/app/views/stix/campaign-view/campaign-view.component.html
+++ b/src/app/views/stix/campaign-view/campaign-view.component.html
@@ -17,7 +17,7 @@
     [relationshipTabs]="[
       { label: 'Techniques', template: techniquesTpl },
       { label: 'Groups', template: groupsTpl },
-      { label: 'Software', template: softwareTpl }
+      { label: 'Software', template: softwareTpl },
     ]"
     [showHistory]="true"
     [showNotes]="true">
diff --git a/src/app/views/stix/data-component-view/data-component-view.component.html b/src/app/views/stix/data-component-view/data-component-view.component.html
index 22d2dd877..a1b14122d 100644
--- a/src/app/views/stix/data-component-view/data-component-view.component.html
+++ b/src/app/views/stix/data-component-view/data-component-view.component.html
@@ -6,8 +6,7 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="{ mode: config.mode, object: config.object }">
+      <app-subheading [config]="{ mode: config.mode, object: config.object }">
       </app-subheading>
     </div>
   </div>
@@ -99,7 +98,8 @@
       </div>
       <!-- RELATIONSHIPS - NOTE: these are only shown in 'view' mode -->
       @if (
-        (config.showRelationships || !config.hasOwnProperty('showRelationships')) &&
+        (config.showRelationships ||
+          !config.hasOwnProperty('showRelationships')) &&
         !editing
       ) {
         <div [ngStyle]="{ display: showTechniques ? 'inherit' : 'none' }">
diff --git a/src/app/views/stix/data-source-view/data-source-view.component.html b/src/app/views/stix/data-source-view/data-source-view.component.html
index 1b1e70520..18a286403 100644
--- a/src/app/views/stix/data-source-view/data-source-view.component.html
+++ b/src/app/views/stix/data-source-view/data-source-view.component.html
@@ -7,8 +7,7 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="config"></app-subheading>
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
 
@@ -17,7 +16,7 @@
     [detailsTemplate]="detailsTpl"
     [relationshipTabs]="[
       { label: 'Data Components', template: componentsTpl },
-      { label: 'Techniques', template: techniquesTpl }
+      { label: 'Techniques', template: techniquesTpl },
     ]"
     [showHistory]="true"
     [showNotes]="true">
diff --git a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
index 26f361b84..f3fa7fccd 100644
--- a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
+++ b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
@@ -7,17 +7,14 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="config"></app-subheading>
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
 
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[
-      { label: 'Techniques', template: techniquesTpl }
-    ]"
+    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]"
     [showHistory]="true"
     [showNotes]="true">
   </app-stix-page-tabs>
diff --git a/src/app/views/stix/group-view/group-view.component.html b/src/app/views/stix/group-view/group-view.component.html
index 4c90b7d86..16b1cb601 100644
--- a/src/app/views/stix/group-view/group-view.component.html
+++ b/src/app/views/stix/group-view/group-view.component.html
@@ -17,7 +17,7 @@
     [relationshipTabs]="[
       { label: 'Techniques', template: techniqueTpl },
       { label: 'Campaigns', template: campaignTpl },
-      { label: 'Software', template: softwareTpl }
+      { label: 'Software', template: softwareTpl },
     ]"
     [showHistory]="true"
     [showNotes]="true">
@@ -84,7 +84,7 @@
             }"></app-descriptive-property>
         </div>
       </div>
-  
+
       <!-- EXTERNAL REFERENCES -->
       <div
         *ngIf="
diff --git a/src/app/views/stix/matrix/matrix-view/matrix-view.component.html b/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
index d830a058a..ee3140b97 100644
--- a/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
+++ b/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
@@ -13,10 +13,9 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[
-      { label: 'Matrix', template: matrixTpl}
-    ]"
-    [showHistory]="true" [showNotes]="true">
+    [relationshipTabs]="[{ label: 'Matrix', template: matrixTpl }]"
+    [showHistory]="true"
+    [showNotes]="true">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/mitigation-view/mitigation-view.component.html b/src/app/views/stix/mitigation-view/mitigation-view.component.html
index ff76f0766..48c4b0f75 100644
--- a/src/app/views/stix/mitigation-view/mitigation-view.component.html
+++ b/src/app/views/stix/mitigation-view/mitigation-view.component.html
@@ -6,18 +6,14 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="config">
-      </app-subheading>
+      <app-subheading [config]="config"> </app-subheading>
     </div>
   </div>
 
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[
-      { label: 'Techniques', template: techniquesTpl }
-    ]"
+    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]"
     [showHistory]="true"
     [showNotes]="true">
   </app-stix-page-tabs>
diff --git a/src/app/views/stix/software-view/software-view.component.html b/src/app/views/stix/software-view/software-view.component.html
index d3621b905..72b2fa2f2 100644
--- a/src/app/views/stix/software-view/software-view.component.html
+++ b/src/app/views/stix/software-view/software-view.component.html
@@ -17,7 +17,7 @@
     [relationshipTabs]="[
       { label: 'Techniques', template: techniquesTpl },
       { label: 'Groups', template: groupsTpl },
-      { label: 'Campaigns', template: campaignsTpl }
+      { label: 'Campaigns', template: campaignsTpl },
     ]"
     [showHistory]="true"
     [showNotes]="true">
@@ -247,5 +247,4 @@ <h2 class="section-header">Campaigns</h2>
       </div>
     </div>
   </ng-template>
-
 </div>
diff --git a/src/app/views/stix/tactic-view/tactic-view.component.html b/src/app/views/stix/tactic-view/tactic-view.component.html
index 71c298a02..ce99010fd 100644
--- a/src/app/views/stix/tactic-view/tactic-view.component.html
+++ b/src/app/views/stix/tactic-view/tactic-view.component.html
@@ -6,17 +6,14 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="config"></app-subheading>
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
 
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[
-      { label: 'Techniques', template: techniquesTpl }
-    ]"
+    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]"
     [showHistory]="true"
     [showNotes]="true">
   </app-stix-page-tabs>
diff --git a/src/app/views/stix/technique-view/technique-view.component.html b/src/app/views/stix/technique-view/technique-view.component.html
index 32ef1f515..f29f96dca 100644
--- a/src/app/views/stix/technique-view/technique-view.component.html
+++ b/src/app/views/stix/technique-view/technique-view.component.html
@@ -24,7 +24,7 @@
       { label: 'Mitigations', template: mitigationsTpl },
       { label: 'Detection Strategies', template: detectsTpl },
       { label: 'Campaigns', template: campaignsTpl },
-      { label: 'Assets', template: assetsTpl }
+      { label: 'Assets', template: assetsTpl },
     ]"
     [showHistory]="true"
     [showNotes]="true">
@@ -77,7 +77,7 @@
             }"></app-list-property>
         </div>
       </div>
-  
+
       <!-- DOMAIN SPECIFIC FIELDS -->
       <div class="row">
         <div class="col">
@@ -102,7 +102,9 @@
           <div class="col grid spacing-16">
             <!-- DATA SOURCES (string array representation) -->
             <div
-              *ngIf="technique.supportsDataSources || previous?.supportsDataSources"
+              *ngIf="
+                technique.supportsDataSources || previous?.supportsDataSources
+              "
               class="row grow-to-row">
               <app-list-property
                 class="grow-to-row"
@@ -133,7 +135,9 @@
             </div>
             <!-- TACTIC TYPES -->
             <div
-              *ngIf="technique.supportsTacticTypes || previous?.supportsTacticTypes"
+              *ngIf="
+                technique.supportsTacticTypes || previous?.supportsTacticTypes
+              "
               class="row grow-to-row">
               <app-list-property
                 class="grow-to-row"
@@ -273,7 +277,9 @@
             </div>
             <!-- IMPACT TYPE -->
             <div
-              *ngIf="technique.supportsImpactType || previous?.supportsImpactType"
+              *ngIf="
+                technique.supportsImpactType || previous?.supportsImpactType
+              "
               class="row grow-to-row">
               <app-list-property
                 class="grow-to-row"
@@ -305,7 +311,8 @@
             <!-- SUPPORTS REMOTE -->
             <div
               *ngIf="
-                technique.supportsRemoteSupport || previous?.supportsRemoteSupport
+                technique.supportsRemoteSupport ||
+                previous?.supportsRemoteSupport
               "
               class="row grow-to-row">
               <app-boolean-property

From 784f18a489ebb68d07019cbb749dbd9c33de86e1 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Mon, 6 Apr 2026 14:51:24 -0400
Subject: [PATCH 006/190] fix: remove placeholder values from aliases

---
 src/app/classes/stix/campaign.ts | 2 +-
 src/app/classes/stix/group.ts    | 2 +-
 src/app/classes/stix/software.ts | 4 +---
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/app/classes/stix/campaign.ts b/src/app/classes/stix/campaign.ts
index 00a107e7c..9a1e7203a 100644
--- a/src/app/classes/stix/campaign.ts
+++ b/src/app/classes/stix/campaign.ts
@@ -11,7 +11,7 @@ export class Campaign extends StixObject {
   public last_seen: Date;
   public first_seen_citation = '';
   public last_seen_citation = '';
-  public aliases: string[] = ['placeholder']; // initialize field with placeholder in first index for campaign name
+  public aliases: string[] = [];
   public contributors: string[] = [];
 
   public readonly supportsAttackID = true;
diff --git a/src/app/classes/stix/group.ts b/src/app/classes/stix/group.ts
index 947c56aee..a23539f6f 100644
--- a/src/app/classes/stix/group.ts
+++ b/src/app/classes/stix/group.ts
@@ -7,7 +7,7 @@ import { WorkflowState } from 'src/app/utils/types';
 
 export class Group extends StixObject {
   public name = '';
-  public aliases: string[] = ['placeholder']; // initialize field with placeholder in first index for group name
+  public aliases: string[] = [];
   public contributors: string[] = [];
 
   public readonly supportsAttackID = true;
diff --git a/src/app/classes/stix/software.ts b/src/app/classes/stix/software.ts
index ba331fdd9..49be00804 100644
--- a/src/app/classes/stix/software.ts
+++ b/src/app/classes/stix/software.ts
@@ -9,7 +9,7 @@ type type_software = 'malware' | 'tool';
 export class Software extends StixObject {
   public name = '';
   public description: string;
-  public aliases: string[] = ['placeholder']; // initialize field with placeholder in first index for software name
+  public aliases: string[] = [];
   public platforms: string[] = [];
   public type: string;
   public contributors: string[] = [];
@@ -153,8 +153,6 @@ export class Software extends StixObject {
    * @returns {Observable} of the post
    */
   public save(restAPIService: RestApiConnectorService): Observable<Software> {
-    // update first index of aliases field to software name
-    this.aliases[0] = this.name;
     const postObservable = restAPIService.postSoftware(this);
     const subscription = postObservable.subscribe({
       next: result => {

From 4f0e587c15ab72df6988c6f91a9027d257086e95 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Mon, 6 Apr 2026 14:52:22 -0400
Subject: [PATCH 007/190] fix: remove required tag from certain fields in
 campaign objects

---
 src/app/views/stix/campaign-view/campaign-view.component.html | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/app/views/stix/campaign-view/campaign-view.component.html b/src/app/views/stix/campaign-view/campaign-view.component.html
index 0877f923e..f61041ff7 100644
--- a/src/app/views/stix/campaign-view/campaign-view.component.html
+++ b/src/app/views/stix/campaign-view/campaign-view.component.html
@@ -43,7 +43,6 @@
           object: config.object,
           field: 'first_seen',
           label: 'first seen',
-          required: true,
         }"></app-datepicker-property>
     </div>
     <div class="col">
@@ -55,7 +54,6 @@
           object: config.object,
           field: 'last_seen',
           label: 'last seen',
-          required: true,
         }"></app-datepicker-property>
     </div>
   </div>
@@ -69,7 +67,6 @@
           field: 'first_seen_citation',
           referencesField: 'external_references',
           label: 'first seen citation',
-          required: true,
         }"></app-citation-property>
     </div>
     <div class="col">
@@ -81,7 +78,6 @@
           field: 'last_seen_citation',
           referencesField: 'external_references',
           label: 'last seen citation',
-          required: true,
         }"></app-citation-property>
     </div>
   </div>

From 796f331827ac10fc302ea5e393abe9c4d7976cbb Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Mon, 6 Apr 2026 15:23:38 -0400
Subject: [PATCH 008/190] fix: remove first alias handling from save operations
 for campaigns and groups

---
 src/app/classes/stix/campaign.ts | 2 --
 src/app/classes/stix/group.ts    | 2 --
 2 files changed, 4 deletions(-)

diff --git a/src/app/classes/stix/campaign.ts b/src/app/classes/stix/campaign.ts
index 9a1e7203a..c6483bdb8 100644
--- a/src/app/classes/stix/campaign.ts
+++ b/src/app/classes/stix/campaign.ts
@@ -172,8 +172,6 @@ export class Campaign extends StixObject {
    * @returns {Observable} of the post
    */
   public save(restAPIService: RestApiConnectorService): Observable<Campaign> {
-    // update first index of aliases field to campaign name
-    this.aliases[0] = this.name;
     const postObservable = restAPIService.postCampaign(this);
     const subscription = postObservable.subscribe({
       next: result => {
diff --git a/src/app/classes/stix/group.ts b/src/app/classes/stix/group.ts
index a23539f6f..761495329 100644
--- a/src/app/classes/stix/group.ts
+++ b/src/app/classes/stix/group.ts
@@ -111,8 +111,6 @@ export class Group extends StixObject {
    * @returns {Observable} of the post
    */
   public save(restAPIService: RestApiConnectorService): Observable<Group> {
-    // update first index of aliases field to group name
-    this.aliases[0] = this.name;
     const postObservable = restAPIService.postGroup(this);
     const subscription = postObservable.subscribe({
       next: result => {

From 13468b75b1b3b24b150765d7bb9355bd8644b2e5 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Tue, 7 Apr 2026 00:17:44 -0400
Subject: [PATCH 009/190] fix: update how aliases are displayed for software,
 group and campaigns

---
 .../alias-property/alias-edit/alias-edit.component.html   | 2 +-
 .../alias-property/alias-edit/alias-edit.component.ts     | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/components/stix/alias-property/alias-edit/alias-edit.component.html b/src/app/components/stix/alias-property/alias-edit/alias-edit.component.html
index ef165eb27..b511e4092 100644
--- a/src/app/components/stix/alias-property/alias-edit/alias-edit.component.html
+++ b/src/app/components/stix/alias-property/alias-edit/alias-edit.component.html
@@ -2,7 +2,7 @@
   <div class="content">
     <mat-chip-listbox>
       <mat-chip
-        *ngFor="let value of config.object[config.field].slice(1)"
+        *ngFor="let value of visibleAliases"
         [removable]="true"
         (removed)="removeAlias(value)"
         (click)="editAlias(value)">
diff --git a/src/app/components/stix/alias-property/alias-edit/alias-edit.component.ts b/src/app/components/stix/alias-property/alias-edit/alias-edit.component.ts
index 9221c385a..90a573127 100644
--- a/src/app/components/stix/alias-property/alias-edit/alias-edit.component.ts
+++ b/src/app/components/stix/alias-property/alias-edit/alias-edit.component.ts
@@ -56,4 +56,12 @@ export class AliasEditComponent implements OnInit {
     });
     obj.external_references.deserialize(references);
   }
+  
+// When displaying aliases for software, groups and campaigns, filter out the object's name from the aliases list
+  public get visibleAliases(): string[] {
+    const object = this.config.object as StixObject;
+    const aliases = object?.[this.config.field] ?? [];
+    const name = 'name' in object ? object.name : undefined;
+    return aliases.filter(alias => alias !== name);
+  }
 }

From 924d9148e36a08fc9234ba666680ab1f6fabfd72 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Tue, 7 Apr 2026 00:18:28 -0400
Subject: [PATCH 010/190] chore: update identation

---
 .../stix/alias-property/alias-edit/alias-edit.component.ts    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/stix/alias-property/alias-edit/alias-edit.component.ts b/src/app/components/stix/alias-property/alias-edit/alias-edit.component.ts
index 90a573127..5f2e68903 100644
--- a/src/app/components/stix/alias-property/alias-edit/alias-edit.component.ts
+++ b/src/app/components/stix/alias-property/alias-edit/alias-edit.component.ts
@@ -56,8 +56,8 @@ export class AliasEditComponent implements OnInit {
     });
     obj.external_references.deserialize(references);
   }
-  
-// When displaying aliases for software, groups and campaigns, filter out the object's name from the aliases list
+
+  // When displaying aliases for software, groups and campaigns, filter out the object's name from the aliases list
   public get visibleAliases(): string[] {
     const object = this.config.object as StixObject;
     const aliases = object?.[this.config.field] ?? [];

From d0f493c447678b3435b612bc8ab6777aa875e8ed Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Wed, 8 Apr 2026 15:26:15 -0400
Subject: [PATCH 011/190] fix: call setOrganizationIdentity when identity is
 saved instead of postIdentity

setOrganizationIdentity will chain postIdentity with setOrganizationIdentity and
should have been called all along.
---
 .../org-settings-page/org-settings-page.component.ts            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.ts b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.ts
index b491d081e..7568be3e2 100644
--- a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.ts
+++ b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.ts
@@ -61,7 +61,7 @@ export class OrgSettingsPageComponent implements OnInit {
 
   saveIdentity(): void {
     const subscription = this.restAPIConnector
-      .postIdentity(this.organizationIdentity)
+      .setOrganizationIdentity(this.organizationIdentity)
       .subscribe({
         next: identity => (this.organizationIdentity = identity),
         complete: () => subscription.unsubscribe(),

From 49bb8bae381090acb6dd96c31bb07a0637ba1d07 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 16 Apr 2026 10:09:17 -0400
Subject: [PATCH 012/190] fix: show attack id as auto-generated on save for new
 objects

---
 .../stix/attackid-property/attackid-property.component.html   | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/app/components/stix/attackid-property/attackid-property.component.html b/src/app/components/stix/attackid-property/attackid-property.component.html
index 2e6ed69de..ddc362482 100644
--- a/src/app/components/stix/attackid-property/attackid-property.component.html
+++ b/src/app/components/stix/attackid-property/attackid-property.component.html
@@ -27,6 +27,10 @@
             aria-label="copy linkById">
             <mat-icon>content_copy</mat-icon>
           </button>
+        } @else {
+          <span class="text-deemphasis">
+            Auto-generated on save.
+          </span>
         }
       </div>
       <span class="labelled-box-label">ATT&CK ID</span>

From 23e86f33911ed97d02b4779df1d1ce1400e4f8e6 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 16 Apr 2026 10:09:41 -0400
Subject: [PATCH 013/190] chore: formatting

---
 .../stix/attackid-property/attackid-property.component.html   | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/app/components/stix/attackid-property/attackid-property.component.html b/src/app/components/stix/attackid-property/attackid-property.component.html
index ddc362482..ede1e805c 100644
--- a/src/app/components/stix/attackid-property/attackid-property.component.html
+++ b/src/app/components/stix/attackid-property/attackid-property.component.html
@@ -28,9 +28,7 @@
             <mat-icon>content_copy</mat-icon>
           </button>
         } @else {
-          <span class="text-deemphasis">
-            Auto-generated on save.
-          </span>
+          <span class="text-deemphasis"> Auto-generated on save. </span>
         }
       </div>
       <span class="labelled-box-label">ATT&CK ID</span>

From a72bbb681f46be60e0ebfa2f65954fb050828e53 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 16 Apr 2026 15:27:42 -0400
Subject: [PATCH 014/190] feat(release-tracks): added release management
 dashboard page

---
 src/app/app-routing.module.ts                 |  10 ++
 src/app/app.module.ts                         |   7 +
 .../new-track-dialog.component.html           |  86 +++++++++
 .../new-track-dialog.component.scss           |  62 +++++++
 .../new-track-dialog.component.ts             | 117 ++++++++++++
 .../rest-api/release-tracks.service.ts        |   3 +-
 .../dashboard-page.component.html             |   6 +
 .../release-management.component.html         | 165 +++++++++++++++++
 .../release-management.component.scss         | 140 +++++++++++++++
 .../release-management.component.ts           | 167 ++++++++++++++++++
 src/style/typography.scss                     |   3 +
 11 files changed, 765 insertions(+), 1 deletion(-)
 create mode 100644 src/app/components/new-track-dialog/new-track-dialog.component.html
 create mode 100644 src/app/components/new-track-dialog/new-track-dialog.component.scss
 create mode 100644 src/app/components/new-track-dialog/new-track-dialog.component.ts
 create mode 100644 src/app/views/dashboard-page/release-management/release-management.component.html
 create mode 100644 src/app/views/dashboard-page/release-management/release-management.component.scss
 create mode 100644 src/app/views/dashboard-page/release-management/release-management.component.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index ea3e93aa0..f3a20208d 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -12,6 +12,7 @@ import { AuthorizationGuard } from './services/helpers/authorization.guard';
 import { Role } from './classes/authn/role';
 import { TeamsListPageComponent } from './views/dashboard-page/teams/teams-list-page/teams-list-page.component';
 import { TeamsViewPageComponent } from './views/dashboard-page/teams/teams-view-page/teams-view-page.component';
+import { ReleaseManagementComponent } from './views/dashboard-page/release-management/release-management.component';
 
 const editRoles = [Role.EDITOR, Role.TEAM_LEAD, Role.ADMIN];
 
@@ -54,6 +55,15 @@ const routes: Routes = [
             },
             component: DashboardPageComponent,
           },
+          {
+            path: 'release-management',
+            data: {
+              breadcrumb: 'release management',
+              title: 'Release Management',
+              roles: [Role.ADMIN, Role.TEAM_LEAD],
+            },
+            component: ReleaseManagementComponent,
+          },
           {
             path: 'teams',
             data: {
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 26608c6b7..dd837ba29 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -45,6 +45,7 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatRadioModule } from '@angular/material/radio';
 import { MatSelectModule } from '@angular/material/select';
 import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatSortModule } from '@angular/material/sort';
 import { MatStepperModule } from '@angular/material/stepper';
@@ -228,6 +229,8 @@ import { DictionaryEditComponent } from './components/stix/dictionary-property/d
 import { DictionaryViewComponent } from './components/stix/dictionary-property/dictionary-view/dictionary-view.component';
 import { DictionaryDiffComponent } from './components/stix/dictionary-property/dictionary-diff/dictionary-diff.component';
 import { StixPageTabsComponent } from './components/stix/stix-page-tabs/stix-page-tabs.component';
+import { ReleaseManagementComponent } from './views/dashboard-page/release-management/release-management.component';
+import { NewTrackDialogComponent } from './components/new-track-dialog/new-track-dialog.component';
 
 export function initConfig(appConfigService: AppConfigService) {
   return () => appConfigService.loadAppConfig();
@@ -374,11 +377,14 @@ export function initConfig(appConfigService: AppConfigService) {
     DictionaryEditComponent,
     DictionaryViewComponent,
     DictionaryDiffComponent,
+    ReleaseManagementComponent,
+    NewTrackDialogComponent,
   ],
   exports: [
     MatToolbarModule,
     MatButtonModule,
     MatSidenavModule,
+    MatSlideToggleModule,
     MatIconModule,
     MatTableModule,
     MatSortModule,
@@ -424,6 +430,7 @@ export function initConfig(appConfigService: AppConfigService) {
     MatToolbarModule,
     MatButtonModule,
     MatSidenavModule,
+    MatSlideToggleModule,
     MatIconModule,
     MatTableModule,
     MatSortModule,
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
new file mode 100644
index 000000000..b1a786e1c
--- /dev/null
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -0,0 +1,86 @@
+<div class="new-track-dialog">
+  <h2>Create New Release Track</h2>
+
+  <form [formGroup]="form" (ngSubmit)="handleCreate()">
+    <mat-form-field appearance="outline" class="no-hint">
+      <mat-label>Track Name</mat-label>
+      <input
+        matInput
+        id="track-name"
+        formControlName="name"
+        placeholder="e.g., Enterprise CTI" />
+    </mat-form-field>
+
+    <mat-form-field appearance="outline" class="no-hint">
+      <mat-label>Description</mat-label>
+      <textarea
+        matInput
+        id="track-description"
+        formControlName="description"
+        placeholder="A brief description of the track's purpose.."></textarea>
+    </mat-form-field>
+
+    <mat-divider></mat-divider>
+
+    <div class="section-block">
+      <div>
+        <div class="section-title">Auto-promote Candidates</div>
+        <div class="section-sub">
+          Automatically promote Candidates to "Staged" when they meet the threshold.
+        </div>
+      </div>
+      <mat-slide-toggle formControlName="autoPromote">
+        <span style="margin-left: 8px">
+          Auto-promote
+        </span>
+      </mat-slide-toggle>
+    </div>
+    <div class="section-block">
+      <mat-form-field appearance="outline" class="no-hint">
+        <mat-label>Candidacy Threshold</mat-label>
+        <mat-select formControlName="candidacyThreshold">
+          <mat-option *ngFor="let opt of candidacyOptions" [value]="opt">{{
+            opt
+          }}</mat-option>
+        </mat-select>
+      </mat-form-field>
+    </div>
+
+    <mat-divider></mat-divider>
+
+    <mat-form-field appearance="outline" class="w-full">
+      <mat-label>Member Sync Strategy</mat-label>
+      <mat-select formControlName="memberSync">
+        <mat-option *ngFor="let opt of memberSyncOptions" [value]="opt">{{
+          opt
+        }}</mat-option>
+      </mat-select>
+      <mat-hint>
+        Determines if new revisions to existing member objects are automatically added as candidates.
+      </mat-hint>
+    </mat-form-field>
+
+    <mat-form-field appearance="outline" class="w-full">
+      <mat-label>Supplant Behavior</mat-label>
+      <mat-select formControlName="supplantBehavior">
+        <mat-option *ngFor="let opt of supplantOptions" [value]="opt">{{
+          opt
+        }}</mat-option>
+      </mat-select>
+      <mat-hint>
+        Dictates how to handle a new version of an object that is already staged.
+      </mat-hint>
+    </mat-form-field>
+  </form>
+
+  <mat-dialog-actions align="end">
+    <button mat-button (click)="closeDialog()">cancel</button>
+    <button
+      mat-stroked-button
+      class="success"
+      [disabled]="!isFormValid()"
+      (click)="handleCreate()">
+      create
+    </button>
+  </mat-dialog-actions>
+</div>
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.scss b/src/app/components/new-track-dialog/new-track-dialog.component.scss
new file mode 100644
index 000000000..0a2514091
--- /dev/null
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.scss
@@ -0,0 +1,62 @@
+@use '../../../style/globals';
+@use '../../../style/colors';
+
+.new-track-dialog {
+  margin: 0 24px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .divider {
+    margin: 12px 0;
+  }
+
+  form {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+  }
+
+  .section-block {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .section-title {
+    font-weight: 600;
+    color: rgba(0, 0, 0, 0.85);
+  }
+  .section-sub {
+    font-size: 0.9em;
+    color: rgba(0, 0, 0, 0.6);
+  }
+
+  .mat-mdc-form-field {
+    width: 100%;
+  }
+
+  .no-hint .mat-mdc-form-field-subscript-wrapper {
+    display: none; // remove bottom padding used for hint
+  }
+
+  mat-hint {
+    color: rgba(0, 0, 0, 0.65);
+  }
+
+  // actions pinned to bottom of dialog
+  mat-dialog-actions {
+    display: flex;
+    justify-content: flex-end;
+    margin: 16px 0px;
+    padding: 0px;
+
+    button + button {
+      margin-left: 12px;
+    }
+
+    .success {
+      color: colors.color(success);
+    }
+  }
+}
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.ts b/src/app/components/new-track-dialog/new-track-dialog.component.ts
new file mode 100644
index 000000000..7a6030852
--- /dev/null
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.ts
@@ -0,0 +1,117 @@
+import { Component, OnInit, ViewEncapsulation, Inject } from '@angular/core';
+import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import {
+  WorkflowStatus,
+  MemberSyncStrategy,
+  MemberSyncBehavior,
+  ReleaseTrack,
+} from 'src/app/classes/release-tracks/enums';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+
+@Component({
+  standalone: false,
+  selector: 'app-new-track-dialog',
+  templateUrl: './new-track-dialog.component.html',
+  styleUrls: ['./new-track-dialog.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+})
+export class NewTrackDialogComponent implements OnInit {
+  public form: FormGroup;
+  public loading = false;
+
+  public WorkflowStatus = WorkflowStatus;
+  public MemberSyncStrategy = MemberSyncStrategy;
+  public MemberSyncBehavior = MemberSyncBehavior;
+
+  public candidacyOptions = Object.values(WorkflowStatus);
+  public memberSyncOptions = Object.values(MemberSyncStrategy);
+  public supplantOptions = Object.values(MemberSyncBehavior);
+
+  constructor(
+    public dialogRef: MatDialogRef<NewTrackDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any,
+    private fb: FormBuilder,
+    private connector: ReleaseTracksConnectorService
+  ) {
+    this.form = this.fb.group({
+      name: ['', [Validators.required]],
+      description: [''],
+      autoPromote: [false],
+      candidacyThreshold: [{ value: WorkflowStatus.Reviewed, disabled: true }],
+      memberSync: [MemberSyncStrategy.TrackLatest],
+      supplantBehavior: [MemberSyncBehavior.Replace],
+    });
+  }
+
+  ngOnInit(): void {
+    if (this.data) {
+      const init = this.data || {};
+      if (init.name) this.form.get('name')?.setValue(init.name);
+      if (init.description)
+        this.form.get('description')?.setValue(init.description);
+      if (typeof init.autoPromote !== 'undefined')
+        this.form.get('autoPromote')?.setValue(!!init.autoPromote);
+      if (init.candidacyThreshold)
+        this.form.get('candidacyThreshold')?.setValue(init.candidacyThreshold);
+      if (init.memberSync)
+        this.form.get('memberSync')?.setValue(init.memberSync);
+      if (init.supplantBehavior)
+        this.form.get('supplantBehavior')?.setValue(init.supplantBehavior);
+    }
+
+    const autoCtrl = this.form.get('autoPromote');
+    const candidacyCtrl = this.form.get('candidacyThreshold');
+    if (autoCtrl && candidacyCtrl) {
+      // Initialize based on current value
+      if (autoCtrl.value) candidacyCtrl.enable({ emitEvent: false });
+      else candidacyCtrl.disable({ emitEvent: false });
+
+      // Subscribe to changes to enable/disable control
+      autoCtrl.valueChanges.subscribe(value => {
+        if (value) candidacyCtrl.enable();
+        else candidacyCtrl.disable();
+      });
+    }
+  }
+
+  public closeDialog(): void {
+    this.dialogRef.close();
+  }
+
+  public isFormValid(): boolean {
+    return this.form.valid && !!this.form.get('name')?.value?.trim();
+  }
+
+  public handleCreate(): void {
+    if (!this.isFormValid() || this.loading) return;
+
+    const payload: any = {
+      name: this.form.get('name')?.value,
+      description: this.form.get('description')?.value,
+      config: {
+        auto_promote: !!this.form.get('autoPromote')?.value,
+        candidacy_threshold: this.form.get('candidacyThreshold')?.value,
+        member_sync: {
+          strategy: this.form.get('memberSync')?.value,
+          supplant: this.form.get('supplantBehavior')?.value,
+        },
+      },
+      type: ReleaseTrack.Standard,
+    };
+
+    this.loading = true;
+    const subscription = this.connector.createReleaseTrack(payload).subscribe({
+      next: result => {
+        this.dialogRef.close(result);
+      },
+      error: () => {
+        // leave dialog open and stop loading
+        this.loading = false;
+      },
+      complete: () => {
+        if (subscription) subscription.unsubscribe();
+      },
+    });
+  }
+}
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 96c7dcf3b..3ede228cf 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -11,6 +11,7 @@ import {
   ReleaseTrackType,
   WorkflowStatusType,
 } from 'src/app/classes/release-tracks';
+import { Paginated } from './rest-api-connector.service';
 
 // -----------------------------------------------------------------------------
 // Request Payload Definitions for Release Tracks API Requests
@@ -130,7 +131,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     limit?: number;
     offset?: number;
     search?: string;
-  }): Observable<any> {
+  }): Observable<Paginated<any>> {
     let params = new HttpParams();
     if (options?.type) params = params.set('type', options.type);
     if (options?.releases) params = params.set('releases', options.releases);
diff --git a/src/app/views/dashboard-page/dashboard-page.component.html b/src/app/views/dashboard-page/dashboard-page.component.html
index aa9236846..8a37e0013 100644
--- a/src/app/views/dashboard-page/dashboard-page.component.html
+++ b/src/app/views/dashboard-page/dashboard-page.component.html
@@ -7,6 +7,12 @@ <h1>Dashboard</h1>
   <div class="row" *ngIf="isTeamLead || isAdmin">
     <div class="col center">
       <div>
+        <button mat-raised-button color="primary" routerLink="release-management">
+          <h2>Release Management</h2>
+          <h3 class="display-icon">
+            <mat-icon>published_with_changes</mat-icon>
+          </h3>
+        </button>
         <button mat-raised-button color="primary" routerLink="teams">
           <h2><br />Teams</h2>
           <h3 class="display-icon">
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.html b/src/app/views/dashboard-page/release-management/release-management.component.html
new file mode 100644
index 000000000..5cbbb4a54
--- /dev/null
+++ b/src/app/views/dashboard-page/release-management/release-management.component.html
@@ -0,0 +1,165 @@
+<div class="release-management list-page grid spacing-20">
+  <div class="list-page-header">
+    <h1>Release Management</h1>
+    <div class="button-group">
+      <button
+        mat-raised-button
+        class="extended-button"
+        color="primary"
+        (click)="openNewTrackDialog()">
+        <mat-icon>create</mat-icon>
+        <span class="text-label">new track</span>
+      </button>
+    </div>
+  </div>
+
+  <div class="mt-8">
+    <div class="cards-container">
+      <!-- Standard tracks (full-width row) -->
+      <section class="tracks-section standard-section">
+        <h2 class="section-header">
+          Release Tracks ({{ standardTracks.length }})
+        </h2>
+        <div class="cards-grid">
+          <div
+            *ngFor="let track of standardTracks"
+            class="list-card card-standard"
+            role="button"
+            tabindex="0"
+            (click)="onViewTrack(track.id)"
+            (keydown.enter)="onViewTrack(track.id)"
+            (keydown.space)="onViewTrack(track.id)"
+            style="
+              display: flex;
+              flex-direction: column;
+              justify-content: space-between;
+              border-radius: 8px;
+              padding: 16px;
+              background: #ffffff;
+              color: #111111;
+              box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
+              border: 1px solid rgba(0, 0, 0, 0.06);
+              min-height: 10rem;
+            ">
+            <div class="card-top">
+              <span class="subheading">
+                {{ track.name }}
+              </span>
+              <mat-chip>Standard</mat-chip>
+            </div>
+
+            @if (track.description) {
+              <span class="description-text card-desc">
+                {{ track.description }}
+              </span>
+            }
+
+            <div class="card-stats">
+              <div class="stat">
+                <div class="stat-label">CANDIDATES</div>
+                <div class="stat-value">
+                  {{ track.stats?.candidates || track.snapshot_count || 0 }}
+                </div>
+              </div>
+              <div class="stat">
+                <div class="stat-label">STAGED</div>
+                <div class="stat-value">{{ track.stats?.staged || 0 }}</div>
+              </div>
+              <div class="stat">
+                <div class="stat-label">MEMBERS</div>
+                <div class="stat-value">
+                  {{ track.stats?.members || track.tagged_release_count || 0 }}
+                </div>
+              </div>
+            </div>
+
+            <mat-divider class="card-sep"></mat-divider>
+
+            <div class="card-footer">
+              <div class="version">
+                <mat-icon class="tiny-icon">sell</mat-icon>
+                {{ track.latestVersion }}
+              </div>
+              <div class="date">
+                {{ track.latestModified | date: 'shortDate' }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- Virtual tracks (full-width row below) -->
+      <section class="tracks-section virtual-section">
+        <h2 class="section-header">
+          Virtual Tracks ({{ virtualTracks.length }})
+        </h2>
+        <div class="cards-grid">
+          <div
+            *ngFor="let track of virtualTracks"
+            class="list-card card-virtual"
+            role="button"
+            tabindex="0"
+            (click)="onViewTrack(track.id)"
+            (keydown.enter)="onViewTrack(track.id)"
+            (keydown.space)="onViewTrack(track.id)"
+            style="
+              display: flex;
+              flex-direction: column;
+              justify-content: space-between;
+              border-radius: 8px;
+              padding: 16px;
+              background: #ffffff;
+              color: #111111;
+              box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
+              border: 1px solid rgba(0, 0, 0, 0.06);
+              min-height: 10rem;
+            ">
+            <div class="card-top">
+              <span class="subheading">
+                {{ track.name }}
+              </span>
+              <mat-chip>Virtual</mat-chip>
+            </div>
+
+            @if (track.description) {
+              <span class="description-text card-desc">
+                {{ track.description }}
+              </span>
+            }
+
+            <div class="card-stats">
+              <div class="stat">
+                <div class="stat-label">COMPONENTS</div>
+                <div class="stat-value">
+                  {{ track.composition?.component_tracks?.length || 0 }}
+                </div>
+              </div>
+              <div class="stat">
+                <div class="stat-label">QUARANTINED</div>
+                <div class="stat-value">
+                  {{ track.stats?.quarantined || 0 }}
+                </div>
+              </div>
+              <div class="stat">
+                <div class="stat-label">MEMBERS</div>
+                <div class="stat-value">{{ track.stats?.members || 0 }}</div>
+              </div>
+            </div>
+
+            <mat-divider class="card-sep"></mat-divider>
+
+            <div class="card-footer">
+              <div class="version">
+                <mat-icon class="tiny-icon">sell</mat-icon>
+                {{ track.latestVersion }}
+              </div>
+              <div class="date">
+                {{ track.latestModified | date: 'shortDate' }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  </div>
+</div>
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.scss b/src/app/views/dashboard-page/release-management/release-management.component.scss
new file mode 100644
index 000000000..f44325ba6
--- /dev/null
+++ b/src/app/views/dashboard-page/release-management/release-management.component.scss
@@ -0,0 +1,140 @@
+@use '../../../../style/globals';
+@use '../../../../style/colors';
+
+.release-management {
+  .controls {
+    margin-bottom: 16px;
+  }
+
+  .sections-row {
+    /* Force the sections to stack vertically so Standard is always above Virtual */
+    display: block;
+    width: 100%;
+  }
+
+  .cards-container {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    padding: 10px;
+
+    .cards-grid {
+      /* responsive grid for cards inside each column */
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
+      gap: 24px;
+    }
+
+    /* lightweight wrapper for each card to ensure consistent surface styles
+       Added explicit fallback colors (do not rely solely on color() accessors)
+       to guard against build-time issues or runtime theming differences. */
+    .cards-grid > .list-card,
+    .cards-grid > div.list-card {
+      border-radius: 8px;
+      padding: 1.5rem;
+      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      border: 1px solid rgba(0, 0, 0, 0.06);
+      min-height: 10rem;
+      box-sizing: border-box;
+      /* Fallback surface colors so cards render even without theme context */
+      background: #ffffff;
+      color: #111111;
+
+      /* Theme-aware overrides (preferred) */
+      .light & {
+        background: colors.color(light);
+        color: colors.on-color(light);
+      }
+      .dark & {
+        background: colors.color(dark);
+        color: colors.on-color(dark);
+      }
+    }
+
+    .card-standard,
+    .card-virtual {
+      /* card surface */
+      border-radius: 8px;
+      padding: 24px;
+      min-height: 12rem;
+      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+
+      .light & {
+        background: colors.color(light);
+      }
+
+      .dark & {
+        background: colors.color(dark);
+      }
+
+      .card-top {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin: 8px 0;
+      }
+
+      .card-desc {
+        color: colors.on-color-deemphasis(dark);
+        margin: 6px 0;
+      }
+
+      .card-stats {
+        display: flex;
+        gap: 12px;
+        background: rgba(0, 0, 0, 0.06);
+        padding: 12px;
+        border-radius: 8px;
+        margin-top: 12px;
+      }
+
+      .stat {
+        flex: 1;
+        text-align: center;
+      }
+
+      .stat-label {
+        font-size: 11px;
+        color: colors.on-color-deemphasis(dark);
+        text-transform: uppercase;
+        letter-spacing: 0.06em;
+        margin-bottom: 6px;
+      }
+
+      .stat-value {
+        font-weight: 700;
+        font-size: 1.25rem;
+      }
+
+      .card-sep {
+        margin: 12px 0;
+      }
+
+      .card-footer {
+        display: flex;
+        justify-content: space-between;
+        color: colors.on-color-deemphasis(dark);
+        font-size: 13px;
+      }
+    }
+
+    .tiny-icon {
+      font-size: 14px !important;
+      width: 14px !important;
+      height: 14px !important;
+      line-height: 14px !important;
+      margin-right: 6px;
+    }
+
+    .version {
+      display: flex;
+      align-items: center;
+    }
+  }
+}
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.ts b/src/app/views/dashboard-page/release-management/release-management.component.ts
new file mode 100644
index 000000000..8b52dfe67
--- /dev/null
+++ b/src/app/views/dashboard-page/release-management/release-management.component.ts
@@ -0,0 +1,167 @@
+import {
+  Component,
+  OnInit,
+  OnDestroy,
+  Output,
+  EventEmitter,
+  ViewEncapsulation,
+} from '@angular/core';
+import { Subscription } from 'rxjs';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import { ReleaseTrack } from 'src/app/classes/release-tracks';
+import { MatDialog } from '@angular/material/dialog';
+import { NewTrackDialogComponent } from 'src/app/components/new-track-dialog/new-track-dialog.component';
+
+@Component({
+  selector: 'app-release-tracks-list',
+  templateUrl: './release-management.component.html',
+  styleUrls: ['./release-management.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  standalone: false,
+})
+export class ReleaseManagementComponent implements OnInit, OnDestroy {
+  @Output() viewTrack = new EventEmitter<string>();
+
+  public filter: 'all' | 'Standard' | 'Virtual' = 'all';
+  public allTracks: any[] = [];
+
+  private subscription: Subscription | null = null;
+
+  public get standardTracks(): any[] {
+    return this.allTracks.filter(
+      t => t.type === ReleaseTrack.Standard || t.type === 'standard'
+    );
+  }
+
+  public get virtualTracks(): any[] {
+    return this.allTracks.filter(
+      t => t.type === ReleaseTrack.Virtual || t.type === 'virtual'
+    );
+  }
+
+  constructor(
+    private connector: ReleaseTracksConnectorService,
+    private dialog: MatDialog
+  ) {}
+
+  ngOnInit(): void {
+    this.loadTracks();
+  }
+
+  ngOnDestroy(): void {
+    this.subscription?.unsubscribe();
+  }
+
+  private loadTracks(): void {
+    this.subscription = this.connector.listReleaseTracks().subscribe(result => {
+      if (!result || !result.data) {
+        this.allTracks = [];
+        return;
+      }
+      this.allTracks = this.tracksWithComputedData(result.data);
+    });
+  }
+
+  public setFilter(value: 'all' | 'Standard' | 'Virtual'): void {
+    this.filter = value;
+  }
+
+  public onViewTrack(id: string): void {
+    this.viewTrack.emit(id);
+  }
+
+  private tracksWithComputedData(data: any[]): any[] {
+    return data?.map((track: any) => {
+      // If snapshots are available, compute stats from them. Otherwise use
+      // server-provided summary fields like latest_snapshot_modified.
+      const snapshots: any[] = Array.isArray(track.snapshots)
+        ? track.snapshots
+        : [];
+
+      let latestVersion: any = 'No tagged releases';
+      let latestModified: any =
+        track.latest_snapshot_modified ||
+        track.created_at ||
+        track.updated_at ||
+        null;
+      let stats: any = {
+        candidates: 0,
+        staged: 0,
+        members: 0,
+        quarantined: 0,
+      };
+
+      if (snapshots.length) {
+        const sortedByModified = [...snapshots].sort((a, b) => {
+          const ma = a?.modified || '';
+          const mb = b?.modified || '';
+          return String(mb).localeCompare(String(ma));
+        });
+
+        const latestSnapshot = sortedByModified[0] || null;
+        const taggedSnapshots = sortedByModified.filter(
+          (s: any) => s && s.version
+        );
+        const latestTaggedSnapshot =
+          taggedSnapshots.length > 0 ? taggedSnapshots[0] : null;
+
+        latestVersion = latestTaggedSnapshot
+          ? latestTaggedSnapshot.version
+          : 'No tagged releases';
+        latestModified =
+          latestSnapshot?.modified || latestSnapshot?.created || latestModified;
+
+        stats = {
+          candidates:
+            latestSnapshot?.candidates?.length ||
+            latestSnapshot?.contents?.candidates?.length ||
+            0,
+          staged:
+            latestSnapshot?.staged?.length ||
+            latestSnapshot?.contents?.staged?.length ||
+            0,
+          members:
+            latestTaggedSnapshot?.members?.length ||
+            latestTaggedSnapshot?.contents?.members?.length ||
+            0,
+          quarantined:
+            latestSnapshot?.quarantine?.length ||
+            latestSnapshot?.contents?.quarantine?.length ||
+            0,
+        };
+      } else {
+        latestVersion = track.latest_tagged_version || 'No tagged releases';
+        latestModified = track.latest_snapshot_modified || latestModified;
+        stats = {
+          candidates: track.snapshot_count || 0,
+          staged: 0,
+          members: track.tagged_release_count || 0,
+          quarantined: 0,
+        };
+      }
+
+      return {
+        ...track,
+        latestVersion,
+        latestModified,
+        stats,
+      };
+    });
+  }
+
+  public openNewTrackDialog(): void {
+    const dialogRef = this.dialog.open(NewTrackDialogComponent, {
+      width: '50em',
+      autoFocus: false,
+    });
+
+    dialogRef.afterClosed().subscribe(result => {
+      if (!result) return;
+      // attempt to extract an id from the result
+      const createdId = result?.id || result?.track_id || null;
+      if (createdId) this.viewTrack.emit(createdId);
+      // refresh list to include the newly-created track
+      this.loadTracks();
+    });
+  }
+}
diff --git a/src/style/typography.scss b/src/style/typography.scss
index 6e98787dc..e5a2d5115 100644
--- a/src/style/typography.scss
+++ b/src/style/typography.scss
@@ -79,6 +79,9 @@
     color: rgba(255, 255, 255, 0.6);
   }
 }
+.description-text {
+  @extend .placeholder-text;
+}
 .mdc-label {
   line-height: 24px;
   padding: 0px !important;

From 25f8e6dcc9f51ba847a15de07c8df1d929503d61 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 16 Apr 2026 15:29:54 -0400
Subject: [PATCH 015/190] chore: formatting

---
 .../new-track-dialog.component.html                 | 13 +++++++------
 .../dashboard-page/dashboard-page.component.html    |  5 ++++-
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
index b1a786e1c..7e5163158 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.html
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -26,13 +26,12 @@ <h2>Create New Release Track</h2>
       <div>
         <div class="section-title">Auto-promote Candidates</div>
         <div class="section-sub">
-          Automatically promote Candidates to "Staged" when they meet the threshold.
+          Automatically promote Candidates to "Staged" when they meet the
+          threshold.
         </div>
       </div>
       <mat-slide-toggle formControlName="autoPromote">
-        <span style="margin-left: 8px">
-          Auto-promote
-        </span>
+        <span style="margin-left: 8px"> Auto-promote </span>
       </mat-slide-toggle>
     </div>
     <div class="section-block">
@@ -56,7 +55,8 @@ <h2>Create New Release Track</h2>
         }}</mat-option>
       </mat-select>
       <mat-hint>
-        Determines if new revisions to existing member objects are automatically added as candidates.
+        Determines if new revisions to existing member objects are automatically
+        added as candidates.
       </mat-hint>
     </mat-form-field>
 
@@ -68,7 +68,8 @@ <h2>Create New Release Track</h2>
         }}</mat-option>
       </mat-select>
       <mat-hint>
-        Dictates how to handle a new version of an object that is already staged.
+        Dictates how to handle a new version of an object that is already
+        staged.
       </mat-hint>
     </mat-form-field>
   </form>
diff --git a/src/app/views/dashboard-page/dashboard-page.component.html b/src/app/views/dashboard-page/dashboard-page.component.html
index 8a37e0013..6c52cd8ac 100644
--- a/src/app/views/dashboard-page/dashboard-page.component.html
+++ b/src/app/views/dashboard-page/dashboard-page.component.html
@@ -7,7 +7,10 @@ <h1>Dashboard</h1>
   <div class="row" *ngIf="isTeamLead || isAdmin">
     <div class="col center">
       <div>
-        <button mat-raised-button color="primary" routerLink="release-management">
+        <button
+          mat-raised-button
+          color="primary"
+          routerLink="release-management">
           <h2>Release Management</h2>
           <h3 class="display-icon">
             <mat-icon>published_with_changes</mat-icon>

From bcc74f05f343e223e8ade7a80161a3f5f5ca6f6f Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Mon, 20 Apr 2026 17:06:44 -0400
Subject: [PATCH 016/190] feat: use new revoke endpoint

---
 src/app/classes/stix/asset.ts                 | 13 +++
 src/app/classes/stix/campaign.ts              | 13 +++
 src/app/classes/stix/data-component.ts        | 13 +++
 src/app/classes/stix/data-source.ts           | 13 +++
 src/app/classes/stix/group.ts                 | 13 +++
 src/app/classes/stix/matrix.ts                | 13 +++
 src/app/classes/stix/mitigation.ts            | 13 +++
 src/app/classes/stix/software.ts              | 13 +++
 src/app/classes/stix/stix-object.ts           | 11 +++
 src/app/classes/stix/tactic.ts                | 13 +++
 src/app/classes/stix/technique.ts             | 13 +++
 .../object-status/object-status.component.ts  | 39 +++++++-
 .../rest-api/rest-api-connector.service.ts    | 95 +++++++++++++++++++
 13 files changed, 272 insertions(+), 3 deletions(-)

diff --git a/src/app/classes/stix/asset.ts b/src/app/classes/stix/asset.ts
index 06f2be97f..72b0031c7 100644
--- a/src/app/classes/stix/asset.ts
+++ b/src/app/classes/stix/asset.ts
@@ -195,6 +195,19 @@ export class Asset extends StixObject {
     });
     return putObservable;
   }
+
+  /**
+   * Revoke the STIX object in the database.
+   * @param restAPIService [RestApiConnectorService] the service to perform the revoke through
+   * @param revokingObject the revoking object payload
+   * @returns {Observable} of the revoke
+   */
+  public revoke(
+    restAPIService: RestApiConnectorService,
+    revokingObject: { revoking: { stixId: string; modified: string } }
+  ): Observable<object> {
+    return restAPIService.revokeAsset(this.stixID, revokingObject);
+  }
 }
 
 export interface RelatedAsset {
diff --git a/src/app/classes/stix/campaign.ts b/src/app/classes/stix/campaign.ts
index c6483bdb8..10db5d943 100644
--- a/src/app/classes/stix/campaign.ts
+++ b/src/app/classes/stix/campaign.ts
@@ -215,4 +215,17 @@ export class Campaign extends StixObject {
     });
     return putObservable;
   }
+
+  /**
+   * Revoke the STIX object in the database.
+   * @param restAPIService [RestApiConnectorService] the service to perform the revoke through
+   * @param revokingObject the revoking object payload
+   * @returns {Observable} of the revoke
+   */
+  public revoke(
+    restAPIService: RestApiConnectorService,
+    revokingObject: { revoking: { stixId: string; modified: string } }
+  ): Observable<object> {
+    return restAPIService.revokeCampaign(this.stixID, revokingObject);
+  }
 }
diff --git a/src/app/classes/stix/data-component.ts b/src/app/classes/stix/data-component.ts
index 6bc177822..d7cef2c59 100644
--- a/src/app/classes/stix/data-component.ts
+++ b/src/app/classes/stix/data-component.ts
@@ -191,6 +191,19 @@ export class DataComponent extends StixObject {
     });
     return putObservable;
   }
+
+  /**
+   * Revoke the STIX object in the database.
+   * @param restAPIService [RestApiConnectorService] the service to perform the revoke through
+   * @param revokingObject the revoking object payload
+   * @returns {Observable} of the revoke
+   */
+  public revoke(
+    restAPIService: RestApiConnectorService,
+    revokingObject: { revoking: { stixId: string; modified: string } }
+  ): Observable<object> {
+    return restAPIService.revokeDataComponent(this.stixID, revokingObject);
+  }
 }
 
 export interface LogSource {
diff --git a/src/app/classes/stix/data-source.ts b/src/app/classes/stix/data-source.ts
index 24a215a96..4505695bb 100644
--- a/src/app/classes/stix/data-source.ts
+++ b/src/app/classes/stix/data-source.ts
@@ -192,4 +192,17 @@ export class DataSource extends StixObject {
     });
     return putObservable;
   }
+
+  /**
+   * Revoke the STIX object in the database.
+   * @param restAPIService [RestApiConnectorService] the service to perform the revoke through
+   * @param revokingObject the revoking object payload
+   * @returns {Observable} of the revoke
+   */
+  public revoke(
+    restAPIService: RestApiConnectorService,
+    revokingObject: { revoking: { stixId: string; modified: string } }
+  ): Observable<object> {
+    return restAPIService.revokeDataSource(this.stixID, revokingObject);
+  }
 }
diff --git a/src/app/classes/stix/group.ts b/src/app/classes/stix/group.ts
index 761495329..94b4ac98a 100644
--- a/src/app/classes/stix/group.ts
+++ b/src/app/classes/stix/group.ts
@@ -154,4 +154,17 @@ export class Group extends StixObject {
     });
     return putObservable;
   }
+
+  /**
+   * Revoke the STIX object in the database.
+   * @param restAPIService [RestApiConnectorService] the service to perform the revoke through
+   * @param revokingObject the revoking object payload
+   * @returns {Observable} of the revoke
+   */
+  public revoke(
+    restAPIService: RestApiConnectorService,
+    revokingObject: { revoking: { stixId: string; modified: string } }
+  ): Observable<object> {
+    return restAPIService.revokeGroup(this.stixID, revokingObject);
+  }
 }
diff --git a/src/app/classes/stix/matrix.ts b/src/app/classes/stix/matrix.ts
index fde7e2e99..cdb3270d3 100644
--- a/src/app/classes/stix/matrix.ts
+++ b/src/app/classes/stix/matrix.ts
@@ -136,4 +136,17 @@ export class Matrix extends StixObject {
     });
     return putObservable;
   }
+
+  /**
+   * Revoke the STIX object in the database.
+   * @param restAPIService [RestApiConnectorService] the service to perform the revoke through
+   * @param revokingObject the revoking object payload
+   * @returns {Observable} of the revoke
+   */
+  public revoke(
+    restAPIService: RestApiConnectorService,
+    revokingObject: { revoking: { stixId: string; modified: string } }
+  ): Observable<object> {
+    return restAPIService.revokeMatrix(this.stixID, revokingObject);
+  }
 }
diff --git a/src/app/classes/stix/mitigation.ts b/src/app/classes/stix/mitigation.ts
index e2b0e942c..0bb06f3ad 100644
--- a/src/app/classes/stix/mitigation.ts
+++ b/src/app/classes/stix/mitigation.ts
@@ -150,4 +150,17 @@ export class Mitigation extends StixObject {
     });
     return putObservable;
   }
+
+  /**
+   * Revoke the STIX object in the database.
+   * @param restAPIService [RestApiConnectorService] the service to perform the revoke through
+   * @param revokingObject the revoking object payload
+   * @returns {Observable} of the revoke
+   */
+  public revoke(
+    restAPIService: RestApiConnectorService,
+    revokingObject: { revoking: { stixId: string; modified: string } }
+  ): Observable<object> {
+    return restAPIService.revokeMitigation(this.stixID, revokingObject);
+  }
 }
diff --git a/src/app/classes/stix/software.ts b/src/app/classes/stix/software.ts
index 49be00804..9aa3dccf7 100644
--- a/src/app/classes/stix/software.ts
+++ b/src/app/classes/stix/software.ts
@@ -196,4 +196,17 @@ export class Software extends StixObject {
     });
     return putObservable;
   }
+
+  /**
+   * Revoke the STIX object in the database.
+   * @param restAPIService [RestApiConnectorService] the service to perform the revoke through
+   * @param revokingObject the revoking object payload
+   * @returns {Observable} of the revoke
+   */
+  public revoke(
+    restAPIService: RestApiConnectorService,
+    revokingObject: { revoking: { stixId: string; modified: string } }
+  ): Observable<object> {
+    return restAPIService.revokeSoftware(this.stixID, revokingObject);
+  }
 }
diff --git a/src/app/classes/stix/stix-object.ts b/src/app/classes/stix/stix-object.ts
index 96e3831a5..fa2fa26f1 100644
--- a/src/app/classes/stix/stix-object.ts
+++ b/src/app/classes/stix/stix-object.ts
@@ -797,6 +797,17 @@ export abstract class StixObject extends Serializable {
    */
   abstract update(restAPIService: RestApiConnectorService): Observable<object>;
 
+  /**
+   * Revoke the STIX object in the database.
+   * @param restAPIService [RestApiConnectorService] the service to perform the revoke through
+   * @param revokingObject the revoking object payload
+   * @returns {Observable} of the revoke
+   */
+  public revoke?(
+    restAPIService: RestApiConnectorService,
+    revokingObject: { revoking: { stixId: string; modified: string } }
+  ): Observable<object>;
+
   /**
    * Updates the object's marking definitions with the default the first time an object is created
    * @param restAPIService [RestApiConnectorService] the service to perform the POST/PUT through
diff --git a/src/app/classes/stix/tactic.ts b/src/app/classes/stix/tactic.ts
index 1209d4e4e..80600140d 100644
--- a/src/app/classes/stix/tactic.ts
+++ b/src/app/classes/stix/tactic.ts
@@ -150,4 +150,17 @@ export class Tactic extends StixObject {
     });
     return putObservable;
   }
+
+  /**
+   * Revoke the STIX object in the database.
+   * @param restAPIService [RestApiConnectorService] the service to perform the revoke through
+   * @param revokingObject the revoking object payload
+   * @returns {Observable} of the revoke
+   */
+  public revoke(
+    restAPIService: RestApiConnectorService,
+    revokingObject: { revoking: { stixId: string; modified: string } }
+  ): Observable<object> {
+    return restAPIService.revokeTactic(this.stixID, revokingObject);
+  }
 }
diff --git a/src/app/classes/stix/technique.ts b/src/app/classes/stix/technique.ts
index 167bf68ab..39a91ddc7 100644
--- a/src/app/classes/stix/technique.ts
+++ b/src/app/classes/stix/technique.ts
@@ -780,4 +780,17 @@ export class Technique extends StixObject {
     });
     return putObservable;
   }
+
+  /**
+   * Revoke the STIX object in the database.
+   * @param restAPIService [RestApiConnectorService] the service to perform the revoke through
+   * @param revokingObject the revoking object payload
+   * @returns {Observable} of the revoke
+   */
+  public revoke(
+    restAPIService: RestApiConnectorService,
+    revokingObject: { revoking: { stixId: string; modified: string } }
+  ): Observable<object> {
+    return restAPIService.revokeTechnique(this.stixID, revokingObject);
+  }
 }
diff --git a/src/app/components/object-status/object-status.component.ts b/src/app/components/object-status/object-status.component.ts
index 43269603e..b87d292c1 100644
--- a/src/app/components/object-status/object-status.component.ts
+++ b/src/app/components/object-status/object-status.component.ts
@@ -198,9 +198,7 @@ export class ObjectStatusComponent implements OnInit {
       const revokedSubscription = revokedDialog.afterClosed().subscribe({
         next: result => {
           if (result && this.select.selected.length) {
-            // target object selected
-            const target_id = this.select.selected[0];
-            this.deprecateObjects(true, target_id);
+            this.revokeObject();
           } else {
             // user cancelled or no object selected
             this.revoked = false;
@@ -240,6 +238,41 @@ export class ObjectStatusComponent implements OnInit {
     }
   }
 
+  private revokeObject() {
+    const revokingObjectId = this.select.selected[0];
+    const revokingObject = this.objects.find(
+      object => object.stixID === revokingObjectId
+    );
+
+    if (!revokingObject?.modified) {
+      this.revoked = false;
+      return;
+    }
+
+    const revokePayload = {
+      revoking: {
+        stixId: revokingObject.stixID,
+        modified: revokingObject.modified.toISOString(),
+      },
+    };
+
+    const revoke = this.object.revoke?.(this.restAPIService, revokePayload);
+    if (!revoke) {
+      this.revoked = false;
+      return;
+    }
+
+    const revokeSubscription = revoke.subscribe({
+      complete: () => {
+        this.editorService.onReload.emit();
+        revokeSubscription.unsubscribe();
+      },
+      error: () => {
+        this.revoked = false;
+      },
+    });
+  }
+
   /**
    * Deprecates or revokes the object and deprecates all relationships with this object,
    * with the exception of 'subtechnique-of' relationships
diff --git a/src/app/services/connectors/rest-api/rest-api-connector.service.ts b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
index 59e252e56..db2921b4c 100644
--- a/src/app/services/connectors/rest-api/rest-api-connector.service.ts
+++ b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
@@ -1467,6 +1467,21 @@ export class RestApiConnectorService extends ApiConnector {
     };
   }
 
+  private revokeStixObjectFactory(attackType: AttackType) {
+    const plural = AttackTypeToPlural[attackType];
+    return function (
+      id: string,
+      revokingObject: { revoking: { stixId: string; modified: string } }
+    ): Observable<{}> {
+      const url = `${this.apiUrl}/${plural}/${id}/revoke`;
+      return this.http.post(url, revokingObject).pipe(
+        tap(this.handleSuccess(`${attackType} revoked`)),
+        catchError(this.handleError_raise()),
+        share() // multicast so that multiple subscribers don't trigger the call twice. THIS MUST BE THE LAST LINE OF THE PIPE
+      );
+    };
+  }
+
   /**
    * DELETE a technique
    * @param {string} id the STIX ID of the object to delete
@@ -1563,6 +1578,86 @@ export class RestApiConnectorService extends ApiConnector {
   public get deleteMatrix() {
     return this.deleteStixObjectFactory('matrix');
   }
+  /**
+   * REVOKE a technique
+   * @param {string} id the STIX ID of the object to revoke
+   * @returns {Observable<{}>} observable of the response body
+   */
+  public get revokeTechnique() {
+    return this.revokeStixObjectFactory('technique');
+  }
+  /**
+   * REVOKE a tactic
+   * @param {string} id the STIX ID of the object to revoke
+   * @returns {Observable<{}>} observable of the response body
+   */
+  public get revokeTactic() {
+    return this.revokeStixObjectFactory('tactic');
+  }
+  /**
+   * REVOKE a group
+   * @param {string} id the STIX ID of the object to revoke
+   * @returns {Observable<{}>} observable of the response body
+   */
+  public get revokeGroup() {
+    return this.revokeStixObjectFactory('group');
+  }
+  /**
+   * REVOKE a matrix
+   * @param {string} id the STIX ID of the object to revoke
+   * @returns {Observable<{}>} observable of the response body
+   */
+  public get revokeMatrix() {
+    return this.revokeStixObjectFactory('matrix');
+  }
+  /**
+   * REVOKE a campaign
+   * @param {string} id the STIX ID of the object to revoke
+   * @returns {Observable<{}>} observable of the response body
+   */
+  public get revokeCampaign() {
+    return this.revokeStixObjectFactory('campaign');
+  }
+  /**
+   * REVOKE an asset
+   * @param {string} id the STIX ID of the object to revoke
+   * @returns {Observable<{}>} observable of the response body
+   */
+  public get revokeAsset() {
+    return this.revokeStixObjectFactory('asset');
+  }
+  /**
+   * REVOKE a software
+   * @param {string} id the STIX ID of the object to revoke
+   * @returns {Observable<{}>} observable of the response body
+   */
+  public get revokeSoftware() {
+    return this.revokeStixObjectFactory('software');
+  }
+  /**
+   * REVOKE a mitigation
+   * @param {string} id the STIX ID of the object to revoke
+   * @returns {Observable<{}>} observable of the response body
+   */
+  public get revokeMitigation() {
+    return this.revokeStixObjectFactory('mitigation');
+  }
+  /**
+   * REVOKE a data source
+   * @param {string} id the STIX ID of the object to revoke
+   * @returns {Observable<{}>} observable of the response body
+   */
+  public get revokeDataSource() {
+    return this.revokeStixObjectFactory('data-source');
+  }
+  /**
+   * REVOKE a data component
+   * @param {string} id the STIX ID of the object to revoke
+   * @returns {Observable<{}>} observable of the response body
+   */
+  public get revokeDataComponent() {
+    return this.revokeStixObjectFactory('data-component');
+  }
   /**
    * DELETE a collection
    * @param {string} id the STIX ID of the object to delete

From 063f50b9a113c289a519c46e8fbc500b4ccbf11f Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Apr 2026 12:01:13 -0400
Subject: [PATCH 017/190] feat(release-tracks): added release track summary
 cards to dashboard page

---
 src/app/app.module.ts                         |   2 +
 .../release-track-card.component.html         |  64 ++++++++
 .../release-track-card.component.scss         | 104 ++++++++++++
 .../release-track-card.component.ts           |  23 +++
 .../release-management.component.html         | 148 ++----------------
 .../release-management.component.scss         | 107 +------------
 6 files changed, 211 insertions(+), 237 deletions(-)
 create mode 100644 src/app/components/release-track-card/release-track-card.component.html
 create mode 100644 src/app/components/release-track-card/release-track-card.component.scss
 create mode 100644 src/app/components/release-track-card/release-track-card.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index dd837ba29..efab5a451 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -230,6 +230,7 @@ import { DictionaryViewComponent } from './components/stix/dictionary-property/d
 import { DictionaryDiffComponent } from './components/stix/dictionary-property/dictionary-diff/dictionary-diff.component';
 import { StixPageTabsComponent } from './components/stix/stix-page-tabs/stix-page-tabs.component';
 import { ReleaseManagementComponent } from './views/dashboard-page/release-management/release-management.component';
+import { ReleaseTrackCardComponent } from './components/release-track-card/release-track-card.component';
 import { NewTrackDialogComponent } from './components/new-track-dialog/new-track-dialog.component';
 
 export function initConfig(appConfigService: AppConfigService) {
@@ -463,6 +464,7 @@ export function initConfig(appConfigService: AppConfigService) {
     ClipboardModule,
     OverlayModule,
     MatAutocompleteModule,
+    ReleaseTrackCardComponent,
   ],
   providers: [
     AppConfigService,
diff --git a/src/app/components/release-track-card/release-track-card.component.html b/src/app/components/release-track-card/release-track-card.component.html
new file mode 100644
index 000000000..4253d0572
--- /dev/null
+++ b/src/app/components/release-track-card/release-track-card.component.html
@@ -0,0 +1,64 @@
+<div
+  class="list-card"
+  [ngClass]="{ 'card-standard': type === 'standard', 'card-virtual': type === 'virtual' }"
+  role="button"
+  tabindex="0"
+  (click)="onViewTrack()"
+  (keydown.enter)="onViewTrack()"
+  (keydown.space)="onViewTrack()"
+>
+  <div class="card-top">
+    <span class="subheading">{{ track.name }}</span>
+    <mat-chip>{{ type | titlecase }}</mat-chip>
+  </div>
+
+  <div class="card-body">
+    <ng-container *ngIf="track.description">
+      <span class="description-text card-desc">{{ track.description }}</span>
+    </ng-container>
+
+    <div class="card-middle">
+      <div class="card-stats">
+        <ng-container *ngIf="type === 'standard'">
+          <div class="stat">
+            <div class="stat-label">CANDIDATES</div>
+            <div class="stat-value">{{ track.stats?.candidates || track.snapshot_count || 0 }}</div>
+          </div>
+          <div class="stat">
+            <div class="stat-label">STAGED</div>
+            <div class="stat-value">{{ track.stats?.staged || 0 }}</div>
+          </div>
+          <div class="stat">
+            <div class="stat-label">MEMBERS</div>
+            <div class="stat-value">{{ track.stats?.members || track.tagged_release_count || 0 }}</div>
+          </div>
+        </ng-container>
+
+        <ng-container *ngIf="type === 'virtual'">
+          <div class="stat">
+            <div class="stat-label">COMPONENTS</div>
+            <div class="stat-value">{{ track.composition?.component_tracks?.length || 0 }}</div>
+          </div>
+          <div class="stat">
+            <div class="stat-label">QUARANTINED</div>
+            <div class="stat-value">{{ track.stats?.quarantined || 0 }}</div>
+          </div>
+          <div class="stat">
+            <div class="stat-label">MEMBERS</div>
+            <div class="stat-value">{{ track.stats?.members || 0 }}</div>
+          </div>
+        </ng-container>
+      </div>
+
+      <mat-divider class="card-sep"></mat-divider>
+    </div>
+  </div>
+
+  <div class="card-footer">
+    <div class="version">
+      <mat-icon class="tiny-icon">sell</mat-icon>
+      {{ track.latestVersion }}
+    </div>
+    <div class="date">{{ track.latestModified | date: 'shortDate' }}</div>
+  </div>
+</div>
diff --git a/src/app/components/release-track-card/release-track-card.component.scss b/src/app/components/release-track-card/release-track-card.component.scss
new file mode 100644
index 000000000..b552ef622
--- /dev/null
+++ b/src/app/components/release-track-card/release-track-card.component.scss
@@ -0,0 +1,104 @@
+@use '../../../style/colors';
+
+.list-card {
+  cursor: pointer;
+  background: #ffffff;
+  width: 22rem;
+  height: 18rem;
+  box-sizing: border-box;
+}
+
+.card-top {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+}
+
+.card-body {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  flex: 1; /* push the footer to the bottom */
+}
+
+.card-middle {
+  margin-top: auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: stretch;
+  min-height: 4.5rem;
+}
+
+.card-stats {
+  display: flex;
+  gap: 1rem;
+  width: 100%;
+  justify-content: flex-start;
+  align-items: center;
+  min-height: 3.25rem;
+  padding: 12px 16px;
+  box-sizing: border-box;
+  background: rgba(0, 0, 0, 0.06);
+  border-radius: 8px;
+}
+
+.stat {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  text-align: center;
+}
+
+.card-standard,
+.card-virtual {
+  border-radius: 8px;
+  padding: 24px;
+  min-height: 12rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+
+  &:hover {
+    border: 1px solid colors.color(secondary);
+    .subheading {
+      color: colors.color(secondary);
+    }
+  }
+
+  .light & {
+    background: colors.color(light);
+  }
+
+  .dark & {
+    background: colors.color(dark);
+  }
+
+  .stat-label {
+    font-size: 11px;
+    color: colors.on-color-deemphasis(dark);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    margin-bottom: 6px;
+  }
+
+  .stat-value {
+    font-weight: 700;
+    font-size: 1.25rem;
+  }
+
+  .card-sep {
+    margin: 12px 0;
+  }
+
+  .card-footer {
+    display: flex;
+    justify-content: space-between;
+    color: colors.on-color-deemphasis(dark);
+    font-size: 13px;
+  }
+}
\ No newline at end of file
diff --git a/src/app/components/release-track-card/release-track-card.component.ts b/src/app/components/release-track-card/release-track-card.component.ts
new file mode 100644
index 000000000..a30d4fb1c
--- /dev/null
+++ b/src/app/components/release-track-card/release-track-card.component.ts
@@ -0,0 +1,23 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatIconModule } from '@angular/material/icon';
+
+@Component({
+  selector: 'app-release-track-card',
+  standalone: true,
+  imports: [CommonModule, MatChipsModule, MatDividerModule, MatIconModule],
+  templateUrl: './release-track-card.component.html',
+  styleUrls: ['./release-track-card.component.scss'],
+})
+export class ReleaseTrackCardComponent {
+  @Input() track: any = {};
+  @Input() type: 'standard' | 'virtual' | null = null;
+  @Output() viewTrack = new EventEmitter<string>();
+
+  public onViewTrack(): void {
+    const id = this.track?.id || this.track?.track_id || null;
+    if (id) this.viewTrack.emit(id);
+  }
+}
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.html b/src/app/views/dashboard-page/release-management/release-management.component.html
index 5cbbb4a54..45871d5b2 100644
--- a/src/app/views/dashboard-page/release-management/release-management.component.html
+++ b/src/app/views/dashboard-page/release-management/release-management.component.html
@@ -15,149 +15,29 @@ <h1>Release Management</h1>
 
   <div class="mt-8">
     <div class="cards-container">
-      <!-- Standard tracks (full-width row) -->
+      <!-- Standard tracks -->
       <section class="tracks-section standard-section">
-        <h2 class="section-header">
-          Release Tracks ({{ standardTracks.length }})
-        </h2>
+        <h2 class="section-header">Release Tracks ({{ standardTracks.length }})</h2>
         <div class="cards-grid">
-          <div
+          <app-release-track-card
             *ngFor="let track of standardTracks"
-            class="list-card card-standard"
-            role="button"
-            tabindex="0"
-            (click)="onViewTrack(track.id)"
-            (keydown.enter)="onViewTrack(track.id)"
-            (keydown.space)="onViewTrack(track.id)"
-            style="
-              display: flex;
-              flex-direction: column;
-              justify-content: space-between;
-              border-radius: 8px;
-              padding: 16px;
-              background: #ffffff;
-              color: #111111;
-              box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
-              border: 1px solid rgba(0, 0, 0, 0.06);
-              min-height: 10rem;
-            ">
-            <div class="card-top">
-              <span class="subheading">
-                {{ track.name }}
-              </span>
-              <mat-chip>Standard</mat-chip>
-            </div>
-
-            @if (track.description) {
-              <span class="description-text card-desc">
-                {{ track.description }}
-              </span>
-            }
-
-            <div class="card-stats">
-              <div class="stat">
-                <div class="stat-label">CANDIDATES</div>
-                <div class="stat-value">
-                  {{ track.stats?.candidates || track.snapshot_count || 0 }}
-                </div>
-              </div>
-              <div class="stat">
-                <div class="stat-label">STAGED</div>
-                <div class="stat-value">{{ track.stats?.staged || 0 }}</div>
-              </div>
-              <div class="stat">
-                <div class="stat-label">MEMBERS</div>
-                <div class="stat-value">
-                  {{ track.stats?.members || track.tagged_release_count || 0 }}
-                </div>
-              </div>
-            </div>
-
-            <mat-divider class="card-sep"></mat-divider>
-
-            <div class="card-footer">
-              <div class="version">
-                <mat-icon class="tiny-icon">sell</mat-icon>
-                {{ track.latestVersion }}
-              </div>
-              <div class="date">
-                {{ track.latestModified | date: 'shortDate' }}
-              </div>
-            </div>
-          </div>
+            [track]="track"
+            type="standard"
+            (viewTrack)="onViewTrack($event)"
+          ></app-release-track-card>
         </div>
       </section>
 
-      <!-- Virtual tracks (full-width row below) -->
+      <!-- Virtual tracks -->
       <section class="tracks-section virtual-section">
-        <h2 class="section-header">
-          Virtual Tracks ({{ virtualTracks.length }})
-        </h2>
+        <h2 class="section-header">Virtual Tracks ({{ virtualTracks.length }})</h2>
         <div class="cards-grid">
-          <div
+          <app-release-track-card
             *ngFor="let track of virtualTracks"
-            class="list-card card-virtual"
-            role="button"
-            tabindex="0"
-            (click)="onViewTrack(track.id)"
-            (keydown.enter)="onViewTrack(track.id)"
-            (keydown.space)="onViewTrack(track.id)"
-            style="
-              display: flex;
-              flex-direction: column;
-              justify-content: space-between;
-              border-radius: 8px;
-              padding: 16px;
-              background: #ffffff;
-              color: #111111;
-              box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
-              border: 1px solid rgba(0, 0, 0, 0.06);
-              min-height: 10rem;
-            ">
-            <div class="card-top">
-              <span class="subheading">
-                {{ track.name }}
-              </span>
-              <mat-chip>Virtual</mat-chip>
-            </div>
-
-            @if (track.description) {
-              <span class="description-text card-desc">
-                {{ track.description }}
-              </span>
-            }
-
-            <div class="card-stats">
-              <div class="stat">
-                <div class="stat-label">COMPONENTS</div>
-                <div class="stat-value">
-                  {{ track.composition?.component_tracks?.length || 0 }}
-                </div>
-              </div>
-              <div class="stat">
-                <div class="stat-label">QUARANTINED</div>
-                <div class="stat-value">
-                  {{ track.stats?.quarantined || 0 }}
-                </div>
-              </div>
-              <div class="stat">
-                <div class="stat-label">MEMBERS</div>
-                <div class="stat-value">{{ track.stats?.members || 0 }}</div>
-              </div>
-            </div>
-
-            <mat-divider class="card-sep"></mat-divider>
-
-            <div class="card-footer">
-              <div class="version">
-                <mat-icon class="tiny-icon">sell</mat-icon>
-                {{ track.latestVersion }}
-              </div>
-              <div class="date">
-                {{ track.latestModified | date: 'shortDate' }}
-              </div>
-            </div>
-          </div>
+            [track]="track"
+            type="virtual"
+            (viewTrack)="onViewTrack($event)"
+          ></app-release-track-card>
         </div>
       </section>
     </div>
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.scss b/src/app/views/dashboard-page/release-management/release-management.component.scss
index f44325ba6..785bc7295 100644
--- a/src/app/views/dashboard-page/release-management/release-management.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-management.component.scss
@@ -7,7 +7,6 @@
   }
 
   .sections-row {
-    /* Force the sections to stack vertically so Standard is always above Virtual */
     display: block;
     width: 100%;
   }
@@ -19,109 +18,11 @@
     padding: 10px;
 
     .cards-grid {
-      /* responsive grid for cards inside each column */
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
-      gap: 24px;
-    }
-
-    /* lightweight wrapper for each card to ensure consistent surface styles
-       Added explicit fallback colors (do not rely solely on color() accessors)
-       to guard against build-time issues or runtime theming differences. */
-    .cards-grid > .list-card,
-    .cards-grid > div.list-card {
-      border-radius: 8px;
-      padding: 1.5rem;
-      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
       display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      border: 1px solid rgba(0, 0, 0, 0.06);
-      min-height: 10rem;
-      box-sizing: border-box;
-      /* Fallback surface colors so cards render even without theme context */
-      background: #ffffff;
-      color: #111111;
-
-      /* Theme-aware overrides (preferred) */
-      .light & {
-        background: colors.color(light);
-        color: colors.on-color(light);
-      }
-      .dark & {
-        background: colors.color(dark);
-        color: colors.on-color(dark);
-      }
-    }
-
-    .card-standard,
-    .card-virtual {
-      /* card surface */
-      border-radius: 8px;
-      padding: 24px;
-      min-height: 12rem;
-      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-
-      .light & {
-        background: colors.color(light);
-      }
-
-      .dark & {
-        background: colors.color(dark);
-      }
-
-      .card-top {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin: 8px 0;
-      }
-
-      .card-desc {
-        color: colors.on-color-deemphasis(dark);
-        margin: 6px 0;
-      }
-
-      .card-stats {
-        display: flex;
-        gap: 12px;
-        background: rgba(0, 0, 0, 0.06);
-        padding: 12px;
-        border-radius: 8px;
-        margin-top: 12px;
-      }
-
-      .stat {
-        flex: 1;
-        text-align: center;
-      }
-
-      .stat-label {
-        font-size: 11px;
-        color: colors.on-color-deemphasis(dark);
-        text-transform: uppercase;
-        letter-spacing: 0.06em;
-        margin-bottom: 6px;
-      }
-
-      .stat-value {
-        font-weight: 700;
-        font-size: 1.25rem;
-      }
-
-      .card-sep {
-        margin: 12px 0;
-      }
-
-      .card-footer {
-        display: flex;
-        justify-content: space-between;
-        color: colors.on-color-deemphasis(dark);
-        font-size: 13px;
-      }
+      flex-direction: row;
+      flex-wrap: wrap;
+      gap: 24px;
+      align-items: flex-start;
     }
 
     .tiny-icon {

From 3b5fd643c79714b4434307621067f4e6d70babdd Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Apr 2026 12:01:27 -0400
Subject: [PATCH 018/190] chore: formatting

---
 .../release-track-card.component.html         | 20 +++++++++++++------
 .../release-track-card.component.scss         | 10 +++++-----
 .../release-management.component.html         | 14 +++++++------
 3 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/src/app/components/release-track-card/release-track-card.component.html b/src/app/components/release-track-card/release-track-card.component.html
index 4253d0572..23e4f0c19 100644
--- a/src/app/components/release-track-card/release-track-card.component.html
+++ b/src/app/components/release-track-card/release-track-card.component.html
@@ -1,12 +1,14 @@
 <div
   class="list-card"
-  [ngClass]="{ 'card-standard': type === 'standard', 'card-virtual': type === 'virtual' }"
+  [ngClass]="{
+    'card-standard': type === 'standard',
+    'card-virtual': type === 'virtual',
+  }"
   role="button"
   tabindex="0"
   (click)="onViewTrack()"
   (keydown.enter)="onViewTrack()"
-  (keydown.space)="onViewTrack()"
->
+  (keydown.space)="onViewTrack()">
   <div class="card-top">
     <span class="subheading">{{ track.name }}</span>
     <mat-chip>{{ type | titlecase }}</mat-chip>
@@ -22,7 +24,9 @@
         <ng-container *ngIf="type === 'standard'">
           <div class="stat">
             <div class="stat-label">CANDIDATES</div>
-            <div class="stat-value">{{ track.stats?.candidates || track.snapshot_count || 0 }}</div>
+            <div class="stat-value">
+              {{ track.stats?.candidates || track.snapshot_count || 0 }}
+            </div>
           </div>
           <div class="stat">
             <div class="stat-label">STAGED</div>
@@ -30,14 +34,18 @@
           </div>
           <div class="stat">
             <div class="stat-label">MEMBERS</div>
-            <div class="stat-value">{{ track.stats?.members || track.tagged_release_count || 0 }}</div>
+            <div class="stat-value">
+              {{ track.stats?.members || track.tagged_release_count || 0 }}
+            </div>
           </div>
         </ng-container>
 
         <ng-container *ngIf="type === 'virtual'">
           <div class="stat">
             <div class="stat-label">COMPONENTS</div>
-            <div class="stat-value">{{ track.composition?.component_tracks?.length || 0 }}</div>
+            <div class="stat-value">
+              {{ track.composition?.component_tracks?.length || 0 }}
+            </div>
           </div>
           <div class="stat">
             <div class="stat-label">QUARANTINED</div>
diff --git a/src/app/components/release-track-card/release-track-card.component.scss b/src/app/components/release-track-card/release-track-card.component.scss
index b552ef622..0aa22d189 100644
--- a/src/app/components/release-track-card/release-track-card.component.scss
+++ b/src/app/components/release-track-card/release-track-card.component.scss
@@ -9,10 +9,10 @@
 }
 
 .card-top {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
 }
 
 .card-body {
@@ -101,4 +101,4 @@
     color: colors.on-color-deemphasis(dark);
     font-size: 13px;
   }
-}
\ No newline at end of file
+}
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.html b/src/app/views/dashboard-page/release-management/release-management.component.html
index 45871d5b2..384c7ccf3 100644
--- a/src/app/views/dashboard-page/release-management/release-management.component.html
+++ b/src/app/views/dashboard-page/release-management/release-management.component.html
@@ -17,27 +17,29 @@ <h1>Release Management</h1>
     <div class="cards-container">
       <!-- Standard tracks -->
       <section class="tracks-section standard-section">
-        <h2 class="section-header">Release Tracks ({{ standardTracks.length }})</h2>
+        <h2 class="section-header">
+          Release Tracks ({{ standardTracks.length }})
+        </h2>
         <div class="cards-grid">
           <app-release-track-card
             *ngFor="let track of standardTracks"
             [track]="track"
             type="standard"
-            (viewTrack)="onViewTrack($event)"
-          ></app-release-track-card>
+            (viewTrack)="onViewTrack($event)"></app-release-track-card>
         </div>
       </section>
 
       <!-- Virtual tracks -->
       <section class="tracks-section virtual-section">
-        <h2 class="section-header">Virtual Tracks ({{ virtualTracks.length }})</h2>
+        <h2 class="section-header">
+          Virtual Tracks ({{ virtualTracks.length }})
+        </h2>
         <div class="cards-grid">
           <app-release-track-card
             *ngFor="let track of virtualTracks"
             [track]="track"
             type="virtual"
-            (viewTrack)="onViewTrack($event)"
-          ></app-release-track-card>
+            (viewTrack)="onViewTrack($event)"></app-release-track-card>
         </div>
       </section>
     </div>

From f44d362bafc586fe2633ae8a18da81d9b3a42c0a Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Apr 2026 14:01:22 -0400
Subject: [PATCH 019/190] fix(subtechniques): add parentTechniqueId to
 subtechnique post and validation requests

---
 .../rest-api/rest-api-connector.service.ts    | 31 +++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/app/services/connectors/rest-api/rest-api-connector.service.ts b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
index 59e252e56..52f5f91a8 100644
--- a/src/app/services/connectors/rest-api/rest-api-connector.service.ts
+++ b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
@@ -1103,8 +1103,23 @@ export class RestApiConnectorService extends ApiConnector {
     const plural = AttackTypeToPlural[attackType];
     return function <P extends T>(object: P): Observable<P> {
       const url = `${this.apiUrl}/${plural}`;
+      let params = new HttpParams();
+
+      // add parentTechniqueId for sub-techniques
+      if (attackType == 'technique') {
+        const technique = object as StixObject as Technique;
+        if (technique.is_subtechnique && technique.parentTechnique) {
+          params = params.set(
+            'parentTechniqueId',
+            technique.parentTechnique.attackID
+          );
+        }
+      }
       return this.http
-        .post(url, object.serialize(), { headers: this.headers })
+        .post(url, object.serialize(), {
+          headers: this.headers,
+          params: params,
+        })
         .pipe(
           tap(this.handleSuccess(`${this.getObjectName(object)} saved`)),
           map(result => {
@@ -1133,7 +1148,19 @@ export class RestApiConnectorService extends ApiConnector {
     return <P extends T>(object: P): Observable<any> => {
       const plural = AttackTypeToPlural[object.attackType];
       const url = `${this.apiUrl}/${plural}`;
-      const params = new HttpParams().set('dryRun', 'true');
+      let params = new HttpParams().set('dryRun', 'true');
+
+      // add parentTechniqueId for sub-techniques
+      if (object.attackType == 'technique') {
+        const technique = object as StixObject as Technique;
+        if (technique.is_subtechnique && technique.parentTechnique) {
+          params = params.set(
+            'parentTechniqueId',
+            technique.parentTechnique.attackID
+          );
+        }
+      }
+
       return this.http.post(url, object.serialize(), { params }).pipe(
         // Success (200): validation passed, extract warnings only
         map(result => ({

From 4ffe3efd91eb3bbfa03450cc685f1a588c6be538 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Apr 2026 14:01:22 -0400
Subject: [PATCH 020/190] fix(subtechniques): add parentTechniqueId to
 subtechnique post and validation requests

---
 .../rest-api/rest-api-connector.service.ts    | 31 +++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/app/services/connectors/rest-api/rest-api-connector.service.ts b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
index 59e252e56..52f5f91a8 100644
--- a/src/app/services/connectors/rest-api/rest-api-connector.service.ts
+++ b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
@@ -1103,8 +1103,23 @@ export class RestApiConnectorService extends ApiConnector {
     const plural = AttackTypeToPlural[attackType];
     return function <P extends T>(object: P): Observable<P> {
       const url = `${this.apiUrl}/${plural}`;
+      let params = new HttpParams();
+
+      // add parentTechniqueId for sub-techniques
+      if (attackType == 'technique') {
+        const technique = object as StixObject as Technique;
+        if (technique.is_subtechnique && technique.parentTechnique) {
+          params = params.set(
+            'parentTechniqueId',
+            technique.parentTechnique.attackID
+          );
+        }
+      }
       return this.http
-        .post(url, object.serialize(), { headers: this.headers })
+        .post(url, object.serialize(), {
+          headers: this.headers,
+          params: params,
+        })
         .pipe(
           tap(this.handleSuccess(`${this.getObjectName(object)} saved`)),
           map(result => {
@@ -1133,7 +1148,19 @@ export class RestApiConnectorService extends ApiConnector {
     return <P extends T>(object: P): Observable<any> => {
       const plural = AttackTypeToPlural[object.attackType];
       const url = `${this.apiUrl}/${plural}`;
-      const params = new HttpParams().set('dryRun', 'true');
+      let params = new HttpParams().set('dryRun', 'true');
+
+      // add parentTechniqueId for sub-techniques
+      if (object.attackType == 'technique') {
+        const technique = object as StixObject as Technique;
+        if (technique.is_subtechnique && technique.parentTechnique) {
+          params = params.set(
+            'parentTechniqueId',
+            technique.parentTechnique.attackID
+          );
+        }
+      }
+
       return this.http.post(url, object.serialize(), { params }).pipe(
         // Success (200): validation passed, extract warnings only
         map(result => ({

From b4b2d8a49018a1ca00020105910255a218916b8f Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 23 Apr 2026 10:51:16 -0400
Subject: [PATCH 021/190] refactor(release-tracks): update naming conventions

---
 src/app/classes/release-tracks/composition.ts        | 12 +++++++++++-
 src/app/classes/release-tracks/enums.ts              |  6 ++----
 src/app/classes/release-tracks/index.ts              |  2 +-
 .../release-tracks/{registry.ts => release-track.ts} |  2 +-
 src/app/classes/release-tracks/snapshot.ts           |  8 ++++----
 .../multiple-choice-dialog.component.scss            |  2 +-
 .../connectors/rest-api/release-tracks.service.ts    | 11 +++++++++++
 .../release-management.component.ts                  |  6 +++---
 8 files changed, 34 insertions(+), 15 deletions(-)
 rename src/app/classes/release-tracks/{registry.ts => release-track.ts} (93%)

diff --git a/src/app/classes/release-tracks/composition.ts b/src/app/classes/release-tracks/composition.ts
index 2e953b36f..37b06a71a 100644
--- a/src/app/classes/release-tracks/composition.ts
+++ b/src/app/classes/release-tracks/composition.ts
@@ -5,13 +5,23 @@
 // aggregates content from component tracks
 // -----------------------------------------------------------------------------
 
-import { DeduplicationStrategyType } from './enums';
+import {
+  DeduplicationStrategyType,
+  SnapshotTierType,
+  WorkflowStatusType,
+} from './enums';
 import { ComponentTrack, ComponentSnapshotResolution } from './component-track';
 
 export interface Composition {
   component_tracks?: ComponentTrack[];
   deduplication?: {
     strategy?: DeduplicationStrategyType;
+    // When resolving conflicts between versions, which snapshot tier should be
+    // preferred (e.g., prefer from 'staged' over 'candidate' or vice-versa).
+    tier_resolution?: SnapshotTierType;
+    // When resolving conflicts, prefer the object with the highest workflow
+    // status (e.g., 'reviewed' over 'awaiting-review').
+    status_resolution?: WorkflowStatusType;
   };
 }
 
diff --git a/src/app/classes/release-tracks/enums.ts b/src/app/classes/release-tracks/enums.ts
index 88a7e1ba1..9defdf202 100644
--- a/src/app/classes/release-tracks/enums.ts
+++ b/src/app/classes/release-tracks/enums.ts
@@ -2,15 +2,13 @@
 // Release Track Type
 // -----------------------------------------------------------------------------
 
-export enum ReleaseTrack {
+export enum ReleaseTrackType {
   Standard = 'standard',
   Virtual = 'virtual',
 }
 
-export type ReleaseTrackType = ReleaseTrack.Standard | ReleaseTrack.Virtual;
-
 export const RELEASE_TRACK_TYPE_OPTIONS: ReleaseTrackType[] = Object.values(
-  ReleaseTrack
+  ReleaseTrackType
 ) as ReleaseTrackType[];
 
 // -----------------------------------------------------------------------------
diff --git a/src/app/classes/release-tracks/index.ts b/src/app/classes/release-tracks/index.ts
index 9a2b0e5cf..cd5593a14 100644
--- a/src/app/classes/release-tracks/index.ts
+++ b/src/app/classes/release-tracks/index.ts
@@ -3,6 +3,6 @@ export * from './composition';
 export * from './config';
 export * from './enums';
 export * from './history';
-export * from './registry';
+export * from './release-track';
 export * from './snapshot';
 export * from './tiers';
diff --git a/src/app/classes/release-tracks/registry.ts b/src/app/classes/release-tracks/release-track.ts
similarity index 93%
rename from src/app/classes/release-tracks/registry.ts
rename to src/app/classes/release-tracks/release-track.ts
index 52308527a..0ee7b53ae 100644
--- a/src/app/classes/release-tracks/registry.ts
+++ b/src/app/classes/release-tracks/release-track.ts
@@ -1,6 +1,6 @@
 import { ReleaseTrackType, SnapshotScheduleModeType } from './enums';
 
-export interface ReleaseTrackRegistry {
+export interface ReleaseTrack {
   track_id: string;
   type: ReleaseTrackType;
   name: string;
diff --git a/src/app/classes/release-tracks/snapshot.ts b/src/app/classes/release-tracks/snapshot.ts
index e2e5850e4..93e663156 100644
--- a/src/app/classes/release-tracks/snapshot.ts
+++ b/src/app/classes/release-tracks/snapshot.ts
@@ -1,6 +1,6 @@
 import { Composition, CompositionResolution } from './composition';
 import { ReleaseTrackConfig } from './config';
-import { ReleaseTrack, ReleaseTrackType } from './enums';
+import { ReleaseTrackType } from './enums';
 import { VersionHistoryEntry } from './history';
 import {
   CandidateEntry,
@@ -11,7 +11,7 @@ import {
 
 export class ReleaseTrackSnapshot {
   public id = '';
-  public type: ReleaseTrackType;
+  public type: ReleaseTrackType = ReleaseTrackType.Standard;
   public modified: Date = new Date();
   public version?: string | null;
   public name = '';
@@ -40,11 +40,11 @@ export class ReleaseTrackSnapshot {
   }
 
   public get isVirtual(): boolean {
-    return this.type === ReleaseTrack.Virtual;
+    return this.type === ReleaseTrackType.Virtual;
   }
 
   public get isStandard(): boolean {
-    return this.type === ReleaseTrack.Standard;
+    return this.type === ReleaseTrackType.Standard;
   }
 
   public get memberCount(): number {
diff --git a/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.scss b/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.scss
index e3bf06225..b9005ed83 100644
--- a/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.scss
+++ b/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.scss
@@ -16,7 +16,7 @@
     }
   }
   .choice:hover h3 {
-    color: colors.color(primary);
+    color: colors.color(secondary);
   }
   .choice h3 {
     @extend .subheading;
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 3ede228cf..f963110df 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -28,6 +28,17 @@ export interface CreateReleaseTrackPayload {
   snapshot_schedule?: any;
 }
 
+// Backwards-compatible payload shape for virtual track composition. The UI
+// sometimes submits a slightly different structure; keep the service tolerant.
+export interface VirtualCompositionPayload {
+  component_tracks?: any[];
+  deduplication?: {
+    strategy?: string;
+    tier_resolution?: string;
+    status_resolution?: string;
+  };
+}
+
 export interface StixBundlePayload {
   type: 'bundle';
   id?: string;
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.ts b/src/app/views/dashboard-page/release-management/release-management.component.ts
index 8b52dfe67..f8a0d81a9 100644
--- a/src/app/views/dashboard-page/release-management/release-management.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-management.component.ts
@@ -8,7 +8,7 @@ import {
 } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
-import { ReleaseTrack } from 'src/app/classes/release-tracks';
+import { ReleaseTrackType } from 'src/app/classes/release-tracks';
 import { MatDialog } from '@angular/material/dialog';
 import { NewTrackDialogComponent } from 'src/app/components/new-track-dialog/new-track-dialog.component';
 
@@ -29,13 +29,13 @@ export class ReleaseManagementComponent implements OnInit, OnDestroy {
 
   public get standardTracks(): any[] {
     return this.allTracks.filter(
-      t => t.type === ReleaseTrack.Standard || t.type === 'standard'
+      t => t.type === ReleaseTrackType.Standard || t.type === 'standard'
     );
   }
 
   public get virtualTracks(): any[] {
     return this.allTracks.filter(
-      t => t.type === ReleaseTrack.Virtual || t.type === 'virtual'
+      t => t.type === ReleaseTrackType.Virtual || t.type === 'virtual'
     );
   }
 

From 3261f824197835bc5ea255d368e96b06513c439b Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 23 Apr 2026 11:29:01 -0400
Subject: [PATCH 022/190] fix(analytic-list): correctly render analytic
 platforms on analytics list page

---
 src/app/classes/stix/analytic.ts                         | 4 ++--
 src/app/components/stix/stix-list/stix-list.component.ts | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/classes/stix/analytic.ts b/src/app/classes/stix/analytic.ts
index 906009fa3..9ea63968c 100644
--- a/src/app/classes/stix/analytic.ts
+++ b/src/app/classes/stix/analytic.ts
@@ -1,9 +1,9 @@
 import { EmbeddedRelationship, StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
-import { catchError, forkJoin, map, Observable, of, switchMap } from 'rxjs';
+import { Observable, of, switchMap } from 'rxjs';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { ValidationData } from '../serializable';
-import { StixType, WorkflowState } from 'src/app/utils/types';
+import { WorkflowState } from 'src/app/utils/types';
 
 export class Analytic extends StixObject {
   public name = '';
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 54edba086..80d508cb4 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -305,7 +305,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
             undefined,
             'name'
           );
-          this.addPlatformsColumn('plain');
+          this.addColumn('platform', 'platform', 'plain');
           this.addDomainColumn();
           this.addVersionsAndDatesColumns();
           break;

From 13b869dae9edaaf009d4ee683afbcb55029897e9 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 23 Apr 2026 13:38:54 -0400
Subject: [PATCH 023/190] feat(release-tracks): create new release track modal

---
 .../new-track-dialog.component.html           | 184 ++++++++++++++----
 .../new-track-dialog.component.scss           |   7 +
 .../new-track-dialog.component.ts             | 123 +++++++++---
 .../release-management.component.ts           |  48 ++++-
 4 files changed, 279 insertions(+), 83 deletions(-)

diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
index 7e5163158..539e5c9e7 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.html
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -1,5 +1,11 @@
 <div class="new-track-dialog">
-  <h2>Create New Release Track</h2>
+  <h2>
+    {{
+      isVirtual
+        ? 'Create New Virtual Release Track'
+        : 'Create New Release Track'
+    }}
+  </h2>
 
   <form [formGroup]="form" (ngSubmit)="handleCreate()">
     <mat-form-field appearance="outline" class="no-hint">
@@ -17,61 +23,155 @@ <h2>Create New Release Track</h2>
         matInput
         id="track-description"
         formControlName="description"
-        placeholder="A brief description of the track's purpose.."></textarea>
+        placeholder="A brief description of the track's purpose..."></textarea>
     </mat-form-field>
 
     <mat-divider></mat-divider>
 
-    <div class="section-block">
-      <div>
-        <div class="section-title">Auto-promote Candidates</div>
-        <div class="section-sub">
-          Automatically promote Candidates to "Staged" when they meet the
-          threshold.
+    <!-- Standard track -->
+    <div *ngIf="!isVirtual">
+      <div class="section-block">
+        <div>
+          <div class="section-title">Auto-promote Candidates</div>
+          <div class="section-sub">
+            Automatically promote Candidates to "Staged" when they meet the
+            threshold.
+          </div>
         </div>
+        <mat-slide-toggle formControlName="autoPromote">
+          <span style="margin-left: 8px"> Auto-promote </span>
+        </mat-slide-toggle>
       </div>
-      <mat-slide-toggle formControlName="autoPromote">
-        <span style="margin-left: 8px"> Auto-promote </span>
-      </mat-slide-toggle>
-    </div>
-    <div class="section-block">
-      <mat-form-field appearance="outline" class="no-hint">
-        <mat-label>Candidacy Threshold</mat-label>
-        <mat-select formControlName="candidacyThreshold">
-          <mat-option *ngFor="let opt of candidacyOptions" [value]="opt">{{
+
+      <div class="section-block">
+        <mat-form-field appearance="outline" class="no-hint">
+          <mat-label>Candidacy Threshold</mat-label>
+          <mat-select formControlName="candidacyThreshold">
+            <mat-option *ngFor="let opt of candidacyOptions" [value]="opt">{{
+              opt
+            }}</mat-option>
+          </mat-select>
+        </mat-form-field>
+      </div>
+
+      <mat-divider style="margin: 24px 0"></mat-divider>
+
+      <mat-form-field class="section-block" appearance="outline">
+        <mat-label>Member Sync Strategy</mat-label>
+        <mat-select formControlName="memberSync">
+          <mat-option *ngFor="let opt of memberSyncOptions" [value]="opt">{{
             opt
           }}</mat-option>
         </mat-select>
+        <mat-hint>
+          Determines if new revisions to existing member objects are
+          automatically added as candidates
+        </mat-hint>
+      </mat-form-field>
+
+      <mat-form-field class="section-block" appearance="outline">
+        <mat-label>Supplant Behavior</mat-label>
+        <mat-select formControlName="supplantBehavior">
+          <mat-option *ngFor="let opt of supplantOptions" [value]="opt">{{
+            opt
+          }}</mat-option>
+        </mat-select>
+        <mat-hint>
+          How to handle a new version of an object that is already
+          staged
+        </mat-hint>
       </mat-form-field>
     </div>
 
-    <mat-divider></mat-divider>
+    <!-- Virtual track -->
+    <div *ngIf="isVirtual">
+      <div class="section-block">
+        <div class="section-title">Object Deduplication</div>
+        <div class="section-sub">
+          Configure deduplication rules for the virtual track
+        </div>
+      </div>
 
-    <mat-form-field appearance="outline" class="w-full">
-      <mat-label>Member Sync Strategy</mat-label>
-      <mat-select formControlName="memberSync">
-        <mat-option *ngFor="let opt of memberSyncOptions" [value]="opt">{{
-          opt
-        }}</mat-option>
-      </mat-select>
-      <mat-hint>
-        Determines if new revisions to existing member objects are automatically
-        added as candidates.
-      </mat-hint>
-    </mat-form-field>
+      <div formGroupName="composition" class="composition-structured">
+        <mat-form-field appearance="outline" class="section-block">
+          <mat-label>Strategy</mat-label>
+          <mat-select formControlName="deduplicationStrategy">
+            <mat-option
+              *ngFor="let opt of deduplicationOptions"
+              [value]="opt"
+              >{{ opt }}</mat-option
+            >
+          </mat-select>
+          <mat-hint
+            >How conflicting objects from component tracks are
+            resolved</mat-hint
+          >
+        </mat-form-field>
 
-    <mat-form-field appearance="outline" class="w-full">
-      <mat-label>Supplant Behavior</mat-label>
-      <mat-select formControlName="supplantBehavior">
-        <mat-option *ngFor="let opt of supplantOptions" [value]="opt">{{
-          opt
-        }}</mat-option>
-      </mat-select>
-      <mat-hint>
-        Dictates how to handle a new version of an object that is already
-        staged.
-      </mat-hint>
-    </mat-form-field>
+        <div class="section-block gap-12">
+          <mat-form-field appearance="outline">
+            <mat-label>Snapshot Tier</mat-label>
+            <mat-select formControlName="deduplicationTier">
+              <mat-option
+                *ngFor="let opt of deduplicationTierOptions"
+                [value]="opt"
+                >{{ opt }}</mat-option
+              >
+            </mat-select>
+            <mat-hint>
+              Prefer objects from this tier when resolving conflicts
+            </mat-hint>
+          </mat-form-field>
+  
+          <mat-form-field appearance="outline">
+            <mat-label>Workflow Status</mat-label>
+            <mat-select formControlName="deduplicationStatus">
+              <mat-option
+                *ngFor="let opt of deduplicationStatusOptions"
+                [value]="opt"
+                >{{ opt }}</mat-option
+              >
+            </mat-select>
+            <mat-hint>
+              Prefer objects with this status when resolving conflicts
+            </mat-hint>
+          </mat-form-field>
+        </div>
+      </div>
+
+      <mat-divider style="margin: 12px 0"></mat-divider>
+
+      <div class="section-block">
+        <div class="section-title">Snapshot Schedule</div>
+        <div class="section-sub">
+          Configure automatic snapshot scheduling for this virtual track
+        </div>
+      </div>
+
+      <div formGroupName="snapshotSchedule" class="snapshot-schedule">
+        <mat-form-field appearance="outline">
+          <mat-label>Mode</mat-label>
+          <mat-select formControlName="mode">
+            <mat-option *ngFor="let opt of snapshotModeOptions" [value]="opt">{{
+              opt
+            }}</mat-option>
+          </mat-select>
+          <mat-hint>Select mode for snapshot scheduling</mat-hint>
+        </mat-form-field>
+
+        <mat-form-field
+          appearance="outline"
+          *ngIf="form.get('snapshotSchedule.mode')?.value === 'cron'">
+          <mat-label>Cron Expression</mat-label>
+          <input
+            matInput
+            formControlName="cron"
+            placeholder="e.g., 0 0 1 1,7 *" />
+          <mat-hint>Cron expression (UTC) used when mode is 'cron'</mat-hint>
+        </mat-form-field>
+      </div>
+
+    </div>
   </form>
 
   <mat-dialog-actions align="end">
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.scss b/src/app/components/new-track-dialog/new-track-dialog.component.scss
index 0a2514091..aec5343ed 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.scss
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.scss
@@ -4,6 +4,8 @@
 .new-track-dialog {
   margin: 0 24px;
   height: 100%;
+  max-height: 80vh;
+  overflow: auto;
   display: flex;
   flex-direction: column;
 
@@ -21,6 +23,11 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
+    margin-bottom: 16px;
+
+    &.gap-12 {
+      gap: 12px;
+    }
   }
 
   .section-title {
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.ts b/src/app/components/new-track-dialog/new-track-dialog.component.ts
index 7a6030852..db659e65d 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.ts
@@ -5,7 +5,10 @@ import {
   WorkflowStatus,
   MemberSyncStrategy,
   MemberSyncBehavior,
-  ReleaseTrack,
+  ReleaseTrackType,
+  DeduplicationStrategy,
+  SnapshotTier,
+  SnapshotScheduleMode,
 } from 'src/app/classes/release-tracks/enums';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 
@@ -23,11 +26,23 @@ export class NewTrackDialogComponent implements OnInit {
   public WorkflowStatus = WorkflowStatus;
   public MemberSyncStrategy = MemberSyncStrategy;
   public MemberSyncBehavior = MemberSyncBehavior;
+  public ReleaseTrack = ReleaseTrackType;
 
   public candidacyOptions = Object.values(WorkflowStatus);
   public memberSyncOptions = Object.values(MemberSyncStrategy);
   public supplantOptions = Object.values(MemberSyncBehavior);
 
+  public deduplicationOptions = Object.values(DeduplicationStrategy);
+  public deduplicationTierOptions = Object.values(SnapshotTier);
+  public deduplicationStatusOptions = Object.values(WorkflowStatus);
+  public snapshotModeOptions = Object.values(SnapshotScheduleMode);
+
+  public mode: 'standard' | 'virtual' = 'standard';
+
+  public get isVirtual() {
+    return this.mode === ReleaseTrackType.Virtual;
+  }
+
   constructor(
     public dialogRef: MatDialogRef<NewTrackDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public data: any,
@@ -41,33 +56,35 @@ export class NewTrackDialogComponent implements OnInit {
       candidacyThreshold: [{ value: WorkflowStatus.Reviewed, disabled: true }],
       memberSync: [MemberSyncStrategy.TrackLatest],
       supplantBehavior: [MemberSyncBehavior.Replace],
+      composition: this.fb.group({
+        deduplicationStrategy: [this.deduplicationOptions[0]],
+        deduplicationTier: [this.deduplicationTierOptions[0]],
+        deduplicationStatus: [this.deduplicationStatusOptions[0]],
+      }),
+      snapshotSchedule: this.fb.group({
+        mode: [this.snapshotModeOptions[0]],
+        cron: [''],
+      }),
     });
+
+    // Initialize mode from dialog data (if provided)
+    if (this.data && this.data.type) {
+      this.mode = this.data.type as ReleaseTrackType;
+    }
   }
 
   ngOnInit(): void {
-    if (this.data) {
-      const init = this.data || {};
-      if (init.name) this.form.get('name')?.setValue(init.name);
-      if (init.description)
-        this.form.get('description')?.setValue(init.description);
-      if (typeof init.autoPromote !== 'undefined')
-        this.form.get('autoPromote')?.setValue(!!init.autoPromote);
-      if (init.candidacyThreshold)
-        this.form.get('candidacyThreshold')?.setValue(init.candidacyThreshold);
-      if (init.memberSync)
-        this.form.get('memberSync')?.setValue(init.memberSync);
-      if (init.supplantBehavior)
-        this.form.get('supplantBehavior')?.setValue(init.supplantBehavior);
+    if (this.isVirtual) {
+      this.form.get('composition')?.setValidators([Validators.required]);
+      this.form
+        .get('composition')
+        ?.updateValueAndValidity({ emitEvent: false });
     }
 
     const autoCtrl = this.form.get('autoPromote');
     const candidacyCtrl = this.form.get('candidacyThreshold');
     if (autoCtrl && candidacyCtrl) {
-      // Initialize based on current value
-      if (autoCtrl.value) candidacyCtrl.enable({ emitEvent: false });
-      else candidacyCtrl.disable({ emitEvent: false });
-
-      // Subscribe to changes to enable/disable control
+      // enable/disable candidacy threshold input based on auto promote value
       autoCtrl.valueChanges.subscribe(value => {
         if (value) candidacyCtrl.enable();
         else candidacyCtrl.disable();
@@ -80,25 +97,67 @@ export class NewTrackDialogComponent implements OnInit {
   }
 
   public isFormValid(): boolean {
-    return this.form.valid && !!this.form.get('name')?.value?.trim();
+    const nameValid = !!this.form.get('name')?.value?.trim();
+    if (this.isVirtual) {
+      const ded = this.form.get('composition.deduplicationStrategy')?.value;
+      return nameValid && !!ded;
+    }
+    return this.form.valid && nameValid;
   }
 
   public handleCreate(): void {
     if (!this.isFormValid() || this.loading) return;
 
-    const payload: any = {
-      name: this.form.get('name')?.value,
-      description: this.form.get('description')?.value,
-      config: {
-        auto_promote: !!this.form.get('autoPromote')?.value,
-        candidacy_threshold: this.form.get('candidacyThreshold')?.value,
-        member_sync: {
-          strategy: this.form.get('memberSync')?.value,
-          supplant: this.form.get('supplantBehavior')?.value,
+    let payload: any;
+    if (this.isVirtual) {
+      const compGroup = this.form.get('composition') as FormGroup;
+      let composition: any = undefined;
+      if (compGroup) {
+        const strategy = compGroup.get('deduplicationStrategy')?.value;
+        const tier = compGroup.get('deduplicationTier')?.value;
+        const status = compGroup.get('deduplicationStatus')?.value;
+
+        composition = { deduplication: {} };
+        if (strategy) composition.deduplication.strategy = strategy;
+        if (tier) composition.deduplication.tier_resolution = tier;
+        if (status) composition.deduplication.status_resolution = status;
+      }
+
+      const snapshotSchedule = this.form.get('snapshotSchedule') as FormGroup;
+      let snapshot_schedule: any = undefined;
+      if (snapshotSchedule) {
+        const mode = snapshotSchedule.get('mode')?.value;
+        const cron = snapshotSchedule.get('cron')?.value;
+        if (mode) {
+          snapshot_schedule = { mode };
+          if (mode === 'cron' && cron) snapshot_schedule.cron = cron;
+        }
+      }
+
+      payload = {
+        name: this.form.get('name')?.value,
+        description: this.form.get('description')?.value,
+        composition: composition,
+        snapshot_schedule: snapshot_schedule,
+        type: ReleaseTrackType.Virtual,
+      };
+    } else {
+      payload = {
+        name: this.form.get('name')?.value,
+        description: this.form.get('description')?.value,
+        config: {
+          auto_promote: !!this.form.get('autoPromote')?.value,
+          member_sync: {
+            strategy: this.form.get('memberSync')?.value,
+            supplant: this.form.get('supplantBehavior')?.value,
+          },
         },
-      },
-      type: ReleaseTrack.Standard,
-    };
+        type: ReleaseTrackType.Standard,
+      };
+      if (payload.config.auto_promote) {
+        payload.config.candidacy_threshold = this.form.get('candidacyThreshold')?.value;
+      }
+    }
 
     this.loading = true;
     const subscription = this.connector.createReleaseTrack(payload).subscribe({
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.ts b/src/app/views/dashboard-page/release-management/release-management.component.ts
index f8a0d81a9..40b43199d 100644
--- a/src/app/views/dashboard-page/release-management/release-management.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-management.component.ts
@@ -11,6 +11,7 @@ import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-
 import { ReleaseTrackType } from 'src/app/classes/release-tracks';
 import { MatDialog } from '@angular/material/dialog';
 import { NewTrackDialogComponent } from 'src/app/components/new-track-dialog/new-track-dialog.component';
+import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
 
 @Component({
   selector: 'app-release-tracks-list',
@@ -150,18 +151,47 @@ export class ReleaseManagementComponent implements OnInit, OnDestroy {
   }
 
   public openNewTrackDialog(): void {
-    const dialogRef = this.dialog.open(NewTrackDialogComponent, {
-      width: '50em',
+    const choiceRef = this.dialog.open(MultipleChoiceDialogComponent, {
+      width: '30em',
       autoFocus: false,
+      data: {
+        title: 'Create a new track',
+        choices: [
+          {
+            label: 'Standard',
+            description:
+              'Recommended for most cases. Traditional release track that directly manages objects through the candidate, staged, and released workflow.',
+          },
+          {
+            label: 'Virtual',
+            description:
+              'Composite release track made up of standard tracks, used to build releases from multiple source tracks.',
+          },
+        ],
+      },
     });
 
-    dialogRef.afterClosed().subscribe(result => {
-      if (!result) return;
-      // attempt to extract an id from the result
-      const createdId = result?.id || result?.track_id || null;
-      if (createdId) this.viewTrack.emit(createdId);
-      // refresh list to include the newly-created track
-      this.loadTracks();
+    choiceRef.afterClosed().subscribe(choice => {
+      if (!choice) return;
+      const selectedType =
+        String(choice).toLowerCase() === 'virtual'
+          ? ReleaseTrackType.Virtual
+          : ReleaseTrackType.Standard;
+
+      const dialogRef = this.dialog.open(NewTrackDialogComponent, {
+        width: '50em',
+        autoFocus: false,
+        data: {
+          type: selectedType,
+        },
+      });
+
+      dialogRef.afterClosed().subscribe(result => {
+        if (!result) return;
+        const createdId = result?.id || result?.track_id || null;
+        if (createdId) this.viewTrack.emit(createdId);
+        this.loadTracks();
+      });
     });
   }
 }

From cbf2f4d3e744e36ab8ec6f1efe02db73d371ef4a Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 23 Apr 2026 13:39:09 -0400
Subject: [PATCH 024/190] chore: formatting

---
 .../new-track-dialog/new-track-dialog.component.html        | 6 ++----
 .../new-track-dialog/new-track-dialog.component.ts          | 3 ++-
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
index 539e5c9e7..3d3b68389 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.html
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -77,8 +77,7 @@ <h2>
           }}</mat-option>
         </mat-select>
         <mat-hint>
-          How to handle a new version of an object that is already
-          staged
+          How to handle a new version of an object that is already staged
         </mat-hint>
       </mat-form-field>
     </div>
@@ -122,7 +121,7 @@ <h2>
               Prefer objects from this tier when resolving conflicts
             </mat-hint>
           </mat-form-field>
-  
+
           <mat-form-field appearance="outline">
             <mat-label>Workflow Status</mat-label>
             <mat-select formControlName="deduplicationStatus">
@@ -170,7 +169,6 @@ <h2>
           <mat-hint>Cron expression (UTC) used when mode is 'cron'</mat-hint>
         </mat-form-field>
       </div>
-
     </div>
   </form>
 
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.ts b/src/app/components/new-track-dialog/new-track-dialog.component.ts
index db659e65d..d1d298442 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.ts
@@ -155,7 +155,8 @@ export class NewTrackDialogComponent implements OnInit {
         type: ReleaseTrackType.Standard,
       };
       if (payload.config.auto_promote) {
-        payload.config.candidacy_threshold = this.form.get('candidacyThreshold')?.value;
+        payload.config.candidacy_threshold =
+          this.form.get('candidacyThreshold')?.value;
       }
     }
 

From c2eb5b6d0597e3ee5f15bb1cb186bc5fc6bccbec Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 24 Apr 2026 08:48:19 -0400
Subject: [PATCH 025/190] fix(release-tracks): updated select option labels to
 be user-friendly across the new track dialog

---
 .../new-track-dialog.component.html             | 17 +++++++----------
 .../new-track-dialog.component.ts               |  7 +++++++
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
index 3d3b68389..57b2987d8 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.html
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -48,7 +48,7 @@ <h2>
           <mat-label>Candidacy Threshold</mat-label>
           <mat-select formControlName="candidacyThreshold">
             <mat-option *ngFor="let opt of candidacyOptions" [value]="opt">{{
-              opt
+              formatOption(opt)
             }}</mat-option>
           </mat-select>
         </mat-form-field>
@@ -60,7 +60,7 @@ <h2>
         <mat-label>Member Sync Strategy</mat-label>
         <mat-select formControlName="memberSync">
           <mat-option *ngFor="let opt of memberSyncOptions" [value]="opt">{{
-            opt
+            formatOption(opt)
           }}</mat-option>
         </mat-select>
         <mat-hint>
@@ -73,7 +73,7 @@ <h2>
         <mat-label>Supplant Behavior</mat-label>
         <mat-select formControlName="supplantBehavior">
           <mat-option *ngFor="let opt of supplantOptions" [value]="opt">{{
-            opt
+            formatOption(opt)
           }}</mat-option>
         </mat-select>
         <mat-hint>
@@ -98,8 +98,7 @@ <h2>
             <mat-option
               *ngFor="let opt of deduplicationOptions"
               [value]="opt"
-              >{{ opt }}</mat-option
-            >
+              >{{ formatOption(opt) }}</mat-option>
           </mat-select>
           <mat-hint
             >How conflicting objects from component tracks are
@@ -114,8 +113,7 @@ <h2>
               <mat-option
                 *ngFor="let opt of deduplicationTierOptions"
                 [value]="opt"
-                >{{ opt }}</mat-option
-              >
+                >{{ formatOption(opt) }}</mat-option>
             </mat-select>
             <mat-hint>
               Prefer objects from this tier when resolving conflicts
@@ -128,8 +126,7 @@ <h2>
               <mat-option
                 *ngFor="let opt of deduplicationStatusOptions"
                 [value]="opt"
-                >{{ opt }}</mat-option
-              >
+                >{{ formatOption(opt) }}</mat-option>
             </mat-select>
             <mat-hint>
               Prefer objects with this status when resolving conflicts
@@ -152,7 +149,7 @@ <h2>
           <mat-label>Mode</mat-label>
           <mat-select formControlName="mode">
             <mat-option *ngFor="let opt of snapshotModeOptions" [value]="opt">{{
-              opt
+              formatOption(opt)
             }}</mat-option>
           </mat-select>
           <mat-hint>Select mode for snapshot scheduling</mat-hint>
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.ts b/src/app/components/new-track-dialog/new-track-dialog.component.ts
index d1d298442..a17967085 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.ts
@@ -105,6 +105,13 @@ export class NewTrackDialogComponent implements OnInit {
     return this.form.valid && nameValid;
   }
 
+  public formatOption(opt: any): string {
+    if (opt === null || opt === undefined) return '';
+    // replace underscores and hyphens with spaces
+    const out = String(opt).replace(/[_-]+/g, ' ');
+    return out.toLowerCase();
+  }
+
   public handleCreate(): void {
     if (!this.isFormValid() || this.loading) return;
 

From 364396b5bf7465ecf2962a61b9dc9e39d3d1d9e5 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 24 Apr 2026 11:53:51 -0400
Subject: [PATCH 026/190] feat(resources-drawer): removed history and notes
 from sidebar

---
 src/app/app.module.ts                         |  4 +-
 .../recent-activity.component.ts              |  4 --
 .../resources-drawer.component.html           |  8 ---
 .../resources-drawer.component.ts             |  3 +-
 .../stix/stix-list/stix-list.component.ts     |  5 --
 .../history-timeline.component.html           |  0
 .../history-timeline.component.scss           |  4 +-
 .../history-timeline.component.spec.ts        |  0
 .../history-timeline.component.ts             |  0
 .../notes-editor/notes-editor.component.html  |  0
 .../notes-editor/notes-editor.component.scss  |  4 +-
 .../notes-editor.component.spec.ts            |  0
 .../notes-editor/notes-editor.component.ts    |  2 +-
 .../subheading/subheading.component.html      |  1 -
 .../subheading/subheading.component.ts        | 41 +------------
 src/app/services/editor/editor.service.ts     |  8 ---
 src/app/services/sidebar/sidebar.service.ts   | 12 +---
 .../analytic-view.component.html              |  4 +-
 .../stix/asset-view/asset-view.component.html |  4 +-
 .../campaign-view.component.html              |  4 +-
 .../collection-view.component.html            |  6 +-
 .../data-component-view.component.html        |  4 +-
 .../data-source-view.component.html           |  4 +-
 .../detection-strategy-view.component.html    |  4 +-
 .../stix/group-view/group-view.component.html |  5 +-
 .../matrix-view/matrix-view.component.html    |  4 +-
 .../mitigation-view.component.html            |  4 +-
 .../relationship-view.component.html          |  5 +-
 .../software-view.component.html              |  4 +-
 .../stix-dialog/stix-dialog.component.html    | 59 +++++--------------
 .../stix/stix-dialog/stix-dialog.component.ts | 14 -----
 src/app/views/stix/stix-view-page.ts          | 10 ----
 .../tactic-view/tactic-view.component.html    |  4 +-
 .../technique-view.component.html             |  4 +-
 34 files changed, 41 insertions(+), 198 deletions(-)
 rename src/app/components/{resources-drawer => stix/stix-page-tabs}/history-timeline/history-timeline.component.html (100%)
 rename src/app/components/{resources-drawer => stix/stix-page-tabs}/history-timeline/history-timeline.component.scss (96%)
 rename src/app/components/{resources-drawer => stix/stix-page-tabs}/history-timeline/history-timeline.component.spec.ts (100%)
 rename src/app/components/{resources-drawer => stix/stix-page-tabs}/history-timeline/history-timeline.component.ts (100%)
 rename src/app/components/{resources-drawer => stix/stix-page-tabs}/notes-editor/notes-editor.component.html (100%)
 rename src/app/components/{resources-drawer => stix/stix-page-tabs}/notes-editor/notes-editor.component.scss (97%)
 rename src/app/components/{resources-drawer => stix/stix-page-tabs}/notes-editor/notes-editor.component.spec.ts (100%)
 rename src/app/components/{resources-drawer => stix/stix-page-tabs}/notes-editor/notes-editor.component.ts (97%)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 26608c6b7..f6adfc28f 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -74,7 +74,7 @@ import { LoadingOverlayComponent } from './components/loading-overlay/loading-ov
 import { MarkdownViewDialogComponent } from './components/markdown-view-dialog/markdown-view-dialog.component';
 import { MultipleChoiceDialogComponent } from './components/multiple-choice-dialog/multiple-choice-dialog.component';
 import { ReferenceEditDialogComponent } from './components/reference-edit-dialog/reference-edit-dialog.component';
-import { HistoryTimelineComponent } from './components/resources-drawer/history-timeline/history-timeline.component';
+import { HistoryTimelineComponent } from './components/stix/stix-page-tabs/history-timeline/history-timeline.component';
 import { ReferenceSidebarComponent } from './components/resources-drawer/reference-sidebar/reference-sidebar.component';
 import { ResourcesDrawerComponent } from './components/resources-drawer/resources-drawer.component';
 import { SearchComponent } from './components/resources-drawer/search/search.component';
@@ -144,7 +144,7 @@ import { OrderedListViewComponent } from './components/stix/ordered-list-propert
 import { IconViewComponent } from './components/icon-view/icon-view.component';
 import { ObjectStatusComponent } from './components/object-status/object-status.component';
 import { RecentActivityComponent } from './components/recent-activity/recent-activity.component';
-import { NotesEditorComponent } from './components/resources-drawer/notes-editor/notes-editor.component';
+import { NotesEditorComponent } from './components/stix/stix-page-tabs/notes-editor/notes-editor.component';
 import { IdentityPropertyComponent } from './components/stix/identity-property/identity-property.component';
 
 import { CitationEditComponent } from './components/stix/citation-property/citation-edit/citation-edit.component';
diff --git a/src/app/components/recent-activity/recent-activity.component.ts b/src/app/components/recent-activity/recent-activity.component.ts
index 1206bcb51..7979a4eda 100644
--- a/src/app/components/recent-activity/recent-activity.component.ts
+++ b/src/app/components/recent-activity/recent-activity.component.ts
@@ -7,7 +7,6 @@ import { Note } from 'src/app/classes/stix/note';
 import { Relationship } from 'src/app/classes/stix/relationship';
 import { StixObject } from 'src/app/classes/stix/stix-object';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import { SidebarService } from 'src/app/services/sidebar/sidebar.service';
 import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
 import { StixDialogComponent } from 'src/app/views/stix/stix-dialog/stix-dialog.component';
 
@@ -39,7 +38,6 @@ export class RecentActivityComponent implements OnInit {
     private restAPIService: RestApiConnectorService,
     private dialog: MatDialog,
     private router: Router,
-    private sidebarService: SidebarService
   ) {
     // intentionally left blank
   }
@@ -150,8 +148,6 @@ export class RecentActivityComponent implements OnInit {
   /** open the event in a dialog or redirect to the object page */
   public open(event): void {
     if (event.sdo.attackType == 'note') {
-      this.sidebarService.opened = true;
-      this.sidebarService.currentTab = 'notes';
       const objectRef = (event.sdo as Note).object_refs[0];
       const type = StixTypeToAttackType[objectRef.split('--')[0]];
       this.navigateTo(objectRef, type);
diff --git a/src/app/components/resources-drawer/resources-drawer.component.html b/src/app/components/resources-drawer/resources-drawer.component.html
index 1167ccdb4..6427b84c9 100644
--- a/src/app/components/resources-drawer/resources-drawer.component.html
+++ b/src/app/components/resources-drawer/resources-drawer.component.html
@@ -24,18 +24,10 @@
     <h1 class="tab-title">
       {{ currentTab }}
     </h1>
-    <app-history-timeline
-      *ngIf="
-        currentTab === 'history' && sidebarService.tabEnabled('history')
-      "></app-history-timeline>
     <app-reference-sidebar
       *ngIf="
         currentTab === 'references' && sidebarService.tabEnabled('references')
       "></app-reference-sidebar>
-    <app-notes-editor
-      *ngIf="
-        currentTab === 'notes' && sidebarService.tabEnabled('notes')
-      "></app-notes-editor>
     <app-search
       *ngIf="
         currentTab === 'search' && sidebarService.tabEnabled('search')
diff --git a/src/app/components/resources-drawer/resources-drawer.component.ts b/src/app/components/resources-drawer/resources-drawer.component.ts
index 5b1158432..5a0c2c653 100644
--- a/src/app/components/resources-drawer/resources-drawer.component.ts
+++ b/src/app/components/resources-drawer/resources-drawer.component.ts
@@ -19,11 +19,12 @@ export class ResourcesDrawerComponent {
   @Output() onClose = new EventEmitter();
   @Input() useService = true; //if true, control of this drawer is performed through the sidebar service. Otherwise, events and internal state are used.
   @Input() showCloseButton = true;
-  @Input() currentTabOverride = 'history';
+  @Input() currentTabOverride = 'references';
 
   public get tabs() {
     return this.sidebarService.tabs;
   }
+
   public get currentTab(): string {
     if (this.useService) return this.sidebarService.currentTab;
     else return this.currentTabOverride;
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 54edba086..7ce8caf7d 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -34,7 +34,6 @@ import {
   RestApiConnectorService,
 } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
-import { SidebarService } from 'src/app/services/sidebar/sidebar.service';
 import { AddDialogComponent } from '../../add-dialog/add-dialog.component';
 import { Collection } from 'src/app/classes/stix/collection';
 import { logger } from 'src/app/utils/logger';
@@ -164,7 +163,6 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     private restAPIConnectorService: RestApiConnectorService,
     private router: Router,
     private authenticationService: AuthenticationService,
-    private sidebarService: SidebarService
   ) {}
 
   ngOnInit(): void {
@@ -688,9 +686,6 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
       // Get type to navigate from target_ref
       const type = StixTypeToAttackType[object_ref.split('--')[0]];
 
-      this.sidebarService.opened = true;
-      this.sidebarService.currentTab = 'notes';
-
       // collection objs have a different URL structure
       let url = `/${type}/${object_ref}`;
       if (type === 'collection') {
diff --git a/src/app/components/resources-drawer/history-timeline/history-timeline.component.html b/src/app/components/stix/stix-page-tabs/history-timeline/history-timeline.component.html
similarity index 100%
rename from src/app/components/resources-drawer/history-timeline/history-timeline.component.html
rename to src/app/components/stix/stix-page-tabs/history-timeline/history-timeline.component.html
diff --git a/src/app/components/resources-drawer/history-timeline/history-timeline.component.scss b/src/app/components/stix/stix-page-tabs/history-timeline/history-timeline.component.scss
similarity index 96%
rename from src/app/components/resources-drawer/history-timeline/history-timeline.component.scss
rename to src/app/components/stix/stix-page-tabs/history-timeline/history-timeline.component.scss
index a9f78dd4d..c8e99bbfb 100644
--- a/src/app/components/resources-drawer/history-timeline/history-timeline.component.scss
+++ b/src/app/components/stix/stix-page-tabs/history-timeline/history-timeline.component.scss
@@ -1,5 +1,5 @@
-@use '../../../../style/globals';
-@use '../../../../style/colors';
+@use '../../../../../style/globals';
+@use '../../../../../style/colors';
 
 .history-timeline {
   h3 {
diff --git a/src/app/components/resources-drawer/history-timeline/history-timeline.component.spec.ts b/src/app/components/stix/stix-page-tabs/history-timeline/history-timeline.component.spec.ts
similarity index 100%
rename from src/app/components/resources-drawer/history-timeline/history-timeline.component.spec.ts
rename to src/app/components/stix/stix-page-tabs/history-timeline/history-timeline.component.spec.ts
diff --git a/src/app/components/resources-drawer/history-timeline/history-timeline.component.ts b/src/app/components/stix/stix-page-tabs/history-timeline/history-timeline.component.ts
similarity index 100%
rename from src/app/components/resources-drawer/history-timeline/history-timeline.component.ts
rename to src/app/components/stix/stix-page-tabs/history-timeline/history-timeline.component.ts
diff --git a/src/app/components/resources-drawer/notes-editor/notes-editor.component.html b/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.html
similarity index 100%
rename from src/app/components/resources-drawer/notes-editor/notes-editor.component.html
rename to src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.html
diff --git a/src/app/components/resources-drawer/notes-editor/notes-editor.component.scss b/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.scss
similarity index 97%
rename from src/app/components/resources-drawer/notes-editor/notes-editor.component.scss
rename to src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.scss
index 16ae5efe2..6ea7ccac9 100644
--- a/src/app/components/resources-drawer/notes-editor/notes-editor.component.scss
+++ b/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.scss
@@ -1,5 +1,5 @@
-@use '../../../../style/globals';
-@use '../../../../style/colors';
+@use '../../../../../style/globals';
+@use '../../../../../style/colors';
 
 .notes-editor {
   .notes-toolbar {
diff --git a/src/app/components/resources-drawer/notes-editor/notes-editor.component.spec.ts b/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.spec.ts
similarity index 100%
rename from src/app/components/resources-drawer/notes-editor/notes-editor.component.spec.ts
rename to src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.spec.ts
diff --git a/src/app/components/resources-drawer/notes-editor/notes-editor.component.ts b/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.ts
similarity index 97%
rename from src/app/components/resources-drawer/notes-editor/notes-editor.component.ts
rename to src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.ts
index 2d528aadd..f77469c68 100644
--- a/src/app/components/resources-drawer/notes-editor/notes-editor.component.ts
+++ b/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.ts
@@ -18,8 +18,8 @@ import {
   tap,
 } from 'rxjs/operators';
 import { Note } from 'src/app/classes/stix/note';
+import { ConfirmationDialogComponent } from 'src/app/components/confirmation-dialog/confirmation-dialog.component';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import { ConfirmationDialogComponent } from '../../confirmation-dialog/confirmation-dialog.component';
 
 @Component({
   selector: 'app-notes-editor',
diff --git a/src/app/components/subheading/subheading.component.html b/src/app/components/subheading/subheading.component.html
index ad4665e56..efa42b3b8 100644
--- a/src/app/components/subheading/subheading.component.html
+++ b/src/app/components/subheading/subheading.component.html
@@ -16,7 +16,6 @@
         *ngIf="object.hasOwnProperty('modified')"
         style="border-radius: 16px"
         [disabled]="config.sidebarControl === 'disable'"
-        (click)="openHistory()"
         cdkDrag
         #popoverTrigger2="mtxPopoverTrigger"
         [mtxPopoverTriggerFor]="historyPopover"
diff --git a/src/app/components/subheading/subheading.component.ts b/src/app/components/subheading/subheading.component.ts
index f167d2509..3d8197a39 100644
--- a/src/app/components/subheading/subheading.component.ts
+++ b/src/app/components/subheading/subheading.component.ts
@@ -1,11 +1,4 @@
-import {
-  Component,
-  EventEmitter,
-  Input,
-  Output,
-  ViewEncapsulation,
-} from '@angular/core';
-import { SidebarService } from 'src/app/services/sidebar/sidebar.service';
+import { Component, Input, ViewEncapsulation } from '@angular/core';
 import { StixViewConfig } from 'src/app/views/stix/stix-view-page';
 import { EditorService } from 'src/app/services/editor/editor.service';
 
@@ -17,9 +10,7 @@ import { EditorService } from 'src/app/services/editor/editor.service';
   standalone: false,
 })
 export class SubheadingComponent {
-  @Input() public config: StixViewConfig;
-  @Output() public onOpenHistory = new EventEmitter();
-  @Output() public onOpenNotes = new EventEmitter();
+  @Input() public config!: StixViewConfig;
 
   public get object() {
     return Array.isArray(this.config.object)
@@ -30,33 +21,7 @@ export class SubheadingComponent {
     return this.editorService.editing;
   }
 
-  public openHistory() {
-    if (
-      this.config.sidebarControl == 'service' ||
-      !this.config.hasOwnProperty('sidebarControl')
-    ) {
-      this.sidebarService.opened = true;
-      this.sidebarService.currentTab = 'history';
-    } else if (this.config.sidebarControl == 'events') {
-      this.onOpenHistory.emit();
-    }
-  }
-  public openNotes() {
-    if (
-      this.config.sidebarControl == 'service' ||
-      !this.config.hasOwnProperty('sidebarControl')
-    ) {
-      this.sidebarService.opened = true;
-      this.sidebarService.currentTab = 'notes';
-    } else if (this.config.sidebarControl == 'events') {
-      this.onOpenNotes.emit();
-    }
-  }
-
-  constructor(
-    private sidebarService: SidebarService,
-    private editorService: EditorService
-  ) {
+  constructor(private editorService: EditorService) {
     // intentionally left blank
   }
 }
diff --git a/src/app/services/editor/editor.service.ts b/src/app/services/editor/editor.service.ts
index 16f8c36a3..97075e7e4 100644
--- a/src/app/services/editor/editor.service.ts
+++ b/src/app/services/editor/editor.service.ts
@@ -65,14 +65,6 @@ export class EditorService {
         this.hasWorkflow = attackType !== 'home';
         if (!(this.editable && this.hasWorkflow))
           this.sidebarService.currentTab = 'search';
-        this.sidebarService.setEnabled(
-          'history',
-          this.editable && this.hasWorkflow && !this.router.url.includes('/new')
-        );
-        this.sidebarService.setEnabled(
-          'notes',
-          this.editable && this.hasWorkflow
-        );
         this.isGroup = false;
         if (this.editable) {
           this.sidebarService.currentTab = 'references';
diff --git a/src/app/services/sidebar/sidebar.service.ts b/src/app/services/sidebar/sidebar.service.ts
index efbe77ca2..244798daf 100644
--- a/src/app/services/sidebar/sidebar.service.ts
+++ b/src/app/services/sidebar/sidebar.service.ts
@@ -31,16 +31,6 @@ export class SidebarService {
       icon: 'superscript',
       enabled: true,
     },
-    {
-      name: 'history',
-      icon: 'history',
-      enabled: false,
-    },
-    {
-      name: 'notes',
-      icon: 'sticky_note_2_outlined',
-      enabled: true,
-    },
   ];
   //is the sidebar currently opened?
   private _opened = false;
@@ -61,7 +51,7 @@ export class SidebarService {
     // intentionally left blank
   }
 }
-export type tabOption = 'search' | 'references' | 'history' | 'notes';
+export type tabOption = 'search' | 'references';
 
 interface TabDefinition {
   name: tabOption; // the tab name
diff --git a/src/app/views/stix/analytic-view/analytic-view.component.html b/src/app/views/stix/analytic-view/analytic-view.component.html
index 68bc8717e..c3f011cfb 100644
--- a/src/app/views/stix/analytic-view/analytic-view.component.html
+++ b/src/app/views/stix/analytic-view/analytic-view.component.html
@@ -13,9 +13,7 @@
 
   <app-stix-page-tabs
     [config]="config"
-    [detailsTemplate]="detailsTpl"
-    [showHistory]="true"
-    [showNotes]="true">
+    [detailsTemplate]="detailsTpl">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/asset-view/asset-view.component.html b/src/app/views/stix/asset-view/asset-view.component.html
index da60f317a..255579ddc 100644
--- a/src/app/views/stix/asset-view/asset-view.component.html
+++ b/src/app/views/stix/asset-view/asset-view.component.html
@@ -14,9 +14,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]"
-    [showHistory]="true"
-    [showNotes]="true">
+    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/campaign-view/campaign-view.component.html b/src/app/views/stix/campaign-view/campaign-view.component.html
index d707ebbf9..6d907ad00 100644
--- a/src/app/views/stix/campaign-view/campaign-view.component.html
+++ b/src/app/views/stix/campaign-view/campaign-view.component.html
@@ -18,9 +18,7 @@
       { label: 'Techniques', template: techniquesTpl },
       { label: 'Groups', template: groupsTpl },
       { label: 'Software', template: softwareTpl },
-    ]"
-    [showHistory]="true"
-    [showNotes]="true">
+    ]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/collection/collection-view/collection-view.component.html b/src/app/views/stix/collection/collection-view/collection-view.component.html
index f9330711f..82ad9c9d6 100644
--- a/src/app/views/stix/collection/collection-view/collection-view.component.html
+++ b/src/app/views/stix/collection/collection-view/collection-view.component.html
@@ -11,11 +11,7 @@
               object: config.object,
             }"></app-name-property>
           <!-- SUBHEADING -->
-          <app-subheading
-            *ngIf="!editing"
-            [config]="config"
-            (onOpenHistory)="openHistory()"
-            (onOpenNotes)="openNotes()"></app-subheading>
+          <app-subheading *ngIf="!editing" [config]="config"></app-subheading>
         </div>
       </div>
       <div class="row width-limited">
diff --git a/src/app/views/stix/data-component-view/data-component-view.component.html b/src/app/views/stix/data-component-view/data-component-view.component.html
index a1b14122d..01c9e8e4e 100644
--- a/src/app/views/stix/data-component-view/data-component-view.component.html
+++ b/src/app/views/stix/data-component-view/data-component-view.component.html
@@ -13,9 +13,7 @@
 
   <app-stix-page-tabs
     [config]="config"
-    [detailsTemplate]="detailsTpl"
-    [showHistory]="true"
-    [showNotes]="true">
+    [detailsTemplate]="detailsTpl">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/data-source-view/data-source-view.component.html b/src/app/views/stix/data-source-view/data-source-view.component.html
index 18a286403..7848baede 100644
--- a/src/app/views/stix/data-source-view/data-source-view.component.html
+++ b/src/app/views/stix/data-source-view/data-source-view.component.html
@@ -17,9 +17,7 @@
     [relationshipTabs]="[
       { label: 'Data Components', template: componentsTpl },
       { label: 'Techniques', template: techniquesTpl },
-    ]"
-    [showHistory]="true"
-    [showNotes]="true">
+    ]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
index f3fa7fccd..2608e5b42 100644
--- a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
+++ b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
@@ -14,9 +14,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]"
-    [showHistory]="true"
-    [showNotes]="true">
+    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/group-view/group-view.component.html b/src/app/views/stix/group-view/group-view.component.html
index 16b1cb601..b15ecba28 100644
--- a/src/app/views/stix/group-view/group-view.component.html
+++ b/src/app/views/stix/group-view/group-view.component.html
@@ -6,7 +6,6 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <!-- keep subheading but remove sidebar event handlers; history/notes now in tabs -->
       <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
@@ -18,9 +17,7 @@
       { label: 'Techniques', template: techniqueTpl },
       { label: 'Campaigns', template: campaignTpl },
       { label: 'Software', template: softwareTpl },
-    ]"
-    [showHistory]="true"
-    [showNotes]="true">
+    ]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/matrix/matrix-view/matrix-view.component.html b/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
index ee3140b97..7a57f6ed5 100644
--- a/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
+++ b/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
@@ -13,9 +13,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[{ label: 'Matrix', template: matrixTpl }]"
-    [showHistory]="true"
-    [showNotes]="true">
+    [relationshipTabs]="[{ label: 'Matrix', template: matrixTpl }]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/mitigation-view/mitigation-view.component.html b/src/app/views/stix/mitigation-view/mitigation-view.component.html
index 48c4b0f75..891e11201 100644
--- a/src/app/views/stix/mitigation-view/mitigation-view.component.html
+++ b/src/app/views/stix/mitigation-view/mitigation-view.component.html
@@ -13,9 +13,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]"
-    [showHistory]="true"
-    [showNotes]="true">
+    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.html b/src/app/views/stix/relationship-view/relationship-view.component.html
index 839a4bf75..800cc4a82 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.html
+++ b/src/app/views/stix/relationship-view/relationship-view.component.html
@@ -84,10 +84,7 @@ <h1 *ngIf="config.mode === 'diff'">
         <app-loading-overlay></app-loading-overlay>
       </ng-template>
 
-      <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
 
diff --git a/src/app/views/stix/software-view/software-view.component.html b/src/app/views/stix/software-view/software-view.component.html
index 72b2fa2f2..84e812887 100644
--- a/src/app/views/stix/software-view/software-view.component.html
+++ b/src/app/views/stix/software-view/software-view.component.html
@@ -18,9 +18,7 @@
       { label: 'Techniques', template: techniquesTpl },
       { label: 'Groups', template: groupsTpl },
       { label: 'Campaigns', template: campaignsTpl },
-    ]"
-    [showHistory]="true"
-    [showNotes]="true">
+    ]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/stix-dialog/stix-dialog.component.html b/src/app/views/stix/stix-dialog/stix-dialog.component.html
index 523ab65aa..d104f8d14 100644
--- a/src/app/views/stix/stix-dialog/stix-dialog.component.html
+++ b/src/app/views/stix/stix-dialog/stix-dialog.component.html
@@ -99,108 +99,77 @@
               <app-relationship-view
                 [config]="config"
                 (onVersionChange)="versionChange($event)"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()"
                 (changeDialogToObject)="changeDialogObject($event)"
                 (closeDialogEvent)="close()">
               </app-relationship-view>
             }
             @case ('intrusion-set') {
-              <app-group-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+              <app-group-view [config]="config">
               </app-group-view>
             }
             @case ('campaign') {
               <app-campaign-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-campaign-view>
             }
             @case ('malware') {
               <app-software-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-software-view>
             }
             @case ('tool') {
               <app-software-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-software-view>
             }
             @case ('x-mitre-matrix') {
               <app-matrix-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-matrix-view>
             }
             @case ('course-of-action') {
               <app-mitigation-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-mitigation-view>
             }
             @case ('attack-pattern') {
               <app-technique-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-technique-view>
             }
             @case ('x-mitre-data-source') {
               <app-data-source-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-data-source-view>
             }
             @case ('x-mitre-data-component') {
               <app-data-component-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-data-component-view>
             }
             @case ('x-mitre-asset') {
               <app-asset-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-asset-view>
             }
             @case ('x-mitre-tactic') {
               <app-tactic-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-tactic-view>
             }
             @case ('x-mitre-collection') {
               <app-collection-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-collection-view>
             }
             @case ('x-mitre-detection-strategy') {
               <app-detection-strategy-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-detection-strategy-view>
             }
             @case ('x-mitre-analytic') {
               <app-analytic-view
-                [config]="config"
-                (onOpenHistory)="openHistory()"
-                (onOpenNotes)="openNotes()">
+                [config]="config">
               </app-analytic-view>
             }
           }
diff --git a/src/app/views/stix/stix-dialog/stix-dialog.component.ts b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
index a91a44d37..8af4e803f 100644
--- a/src/app/views/stix/stix-dialog/stix-dialog.component.ts
+++ b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
@@ -18,10 +18,6 @@ import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-d
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { EditorService } from 'src/app/services/editor/editor.service';
-import {
-  SidebarService,
-  tabOption,
-} from 'src/app/services/sidebar/sidebar.service';
 import { StixViewConfig } from '../stix-view-page';
 import { StixTypeToClass } from 'src/app/utils/class-mappings';
 
@@ -36,7 +32,6 @@ export class StixDialogComponent implements OnInit {
   constructor(
     public dialogRef: MatDialogRef<StixDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public _config: StixViewConfig,
-    public sidebarService: SidebarService,
     public restApiService: RestApiConnectorService,
     public editorService: EditorService,
     private authenticationService: AuthenticationService,
@@ -369,18 +364,9 @@ export class StixDialogComponent implements OnInit {
   }
 
   public sidebarOpened = false;
-  public currentTab: tabOption = 'history';
   public toggleSidebar() {
     this.sidebarOpened = !this.sidebarOpened;
   }
-  public openHistory() {
-    this.sidebarOpened = true;
-    this.currentTab = 'history';
-  }
-  public openNotes() {
-    this.sidebarOpened = true;
-    this.currentTab = 'notes';
-  }
   public get stixType(): string {
     return Array.isArray(this.config.object)
       ? this.config.object[0].type
diff --git a/src/app/views/stix/stix-view-page.ts b/src/app/views/stix/stix-view-page.ts
index 59579b0d1..1a7c5a282 100644
--- a/src/app/views/stix/stix-view-page.ts
+++ b/src/app/views/stix/stix-view-page.ts
@@ -27,16 +27,6 @@ export abstract class StixViewPage {
   public get configPreviousObject(): StixObject | null {
     return this.config.mode == 'diff' ? this.config.object[1] || null : null;
   }
-
-  //outputs to use if config.sidebarControl == "events"
-  @Output() public onOpenHistory = new EventEmitter();
-  public openHistory(): void {
-    this.onOpenHistory.emit();
-  }
-  @Output() public onOpenNotes = new EventEmitter();
-  public openNotes(): void {
-    this.onOpenNotes.emit();
-  }
 }
 
 export interface StixViewConfig {
diff --git a/src/app/views/stix/tactic-view/tactic-view.component.html b/src/app/views/stix/tactic-view/tactic-view.component.html
index ce99010fd..d6a309dbb 100644
--- a/src/app/views/stix/tactic-view/tactic-view.component.html
+++ b/src/app/views/stix/tactic-view/tactic-view.component.html
@@ -13,9 +13,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]"
-    [showHistory]="true"
-    [showNotes]="true">
+    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/technique-view/technique-view.component.html b/src/app/views/stix/technique-view/technique-view.component.html
index f29f96dca..c176f3000 100644
--- a/src/app/views/stix/technique-view/technique-view.component.html
+++ b/src/app/views/stix/technique-view/technique-view.component.html
@@ -25,9 +25,7 @@
       { label: 'Detection Strategies', template: detectsTpl },
       { label: 'Campaigns', template: campaignsTpl },
       { label: 'Assets', template: assetsTpl },
-    ]"
-    [showHistory]="true"
-    [showNotes]="true">
+    ]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>

From 45f0f4929ea4025cb10bc47a1b5a8342b8559552 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 24 Apr 2026 11:54:05 -0400
Subject: [PATCH 027/190] chore: formatting

---
 .../recent-activity.component.ts              |  2 +-
 .../stix/stix-list/stix-list.component.ts     |  2 +-
 .../analytic-view.component.html              |  4 +-
 .../data-component-view.component.html        |  4 +-
 .../stix-dialog/stix-dialog.component.html    | 53 +++++--------------
 5 files changed, 18 insertions(+), 47 deletions(-)

diff --git a/src/app/components/recent-activity/recent-activity.component.ts b/src/app/components/recent-activity/recent-activity.component.ts
index 7979a4eda..cbf974907 100644
--- a/src/app/components/recent-activity/recent-activity.component.ts
+++ b/src/app/components/recent-activity/recent-activity.component.ts
@@ -37,7 +37,7 @@ export class RecentActivityComponent implements OnInit {
   constructor(
     private restAPIService: RestApiConnectorService,
     private dialog: MatDialog,
-    private router: Router,
+    private router: Router
   ) {
     // intentionally left blank
   }
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 7ce8caf7d..a2c29b7b4 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -162,7 +162,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     public dialog: MatDialog,
     private restAPIConnectorService: RestApiConnectorService,
     private router: Router,
-    private authenticationService: AuthenticationService,
+    private authenticationService: AuthenticationService
   ) {}
 
   ngOnInit(): void {
diff --git a/src/app/views/stix/analytic-view/analytic-view.component.html b/src/app/views/stix/analytic-view/analytic-view.component.html
index c3f011cfb..89c8b3ccd 100644
--- a/src/app/views/stix/analytic-view/analytic-view.component.html
+++ b/src/app/views/stix/analytic-view/analytic-view.component.html
@@ -11,9 +11,7 @@
     </div>
   </div>
 
-  <app-stix-page-tabs
-    [config]="config"
-    [detailsTemplate]="detailsTpl">
+  <app-stix-page-tabs [config]="config" [detailsTemplate]="detailsTpl">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/data-component-view/data-component-view.component.html b/src/app/views/stix/data-component-view/data-component-view.component.html
index 01c9e8e4e..51a5c1a45 100644
--- a/src/app/views/stix/data-component-view/data-component-view.component.html
+++ b/src/app/views/stix/data-component-view/data-component-view.component.html
@@ -11,9 +11,7 @@
     </div>
   </div>
 
-  <app-stix-page-tabs
-    [config]="config"
-    [detailsTemplate]="detailsTpl">
+  <app-stix-page-tabs [config]="config" [detailsTemplate]="detailsTpl">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/stix-dialog/stix-dialog.component.html b/src/app/views/stix/stix-dialog/stix-dialog.component.html
index d104f8d14..4836cfd91 100644
--- a/src/app/views/stix/stix-dialog/stix-dialog.component.html
+++ b/src/app/views/stix/stix-dialog/stix-dialog.component.html
@@ -104,73 +104,48 @@
               </app-relationship-view>
             }
             @case ('intrusion-set') {
-              <app-group-view [config]="config">
-              </app-group-view>
+              <app-group-view [config]="config"> </app-group-view>
             }
             @case ('campaign') {
-              <app-campaign-view
-                [config]="config">
-              </app-campaign-view>
+              <app-campaign-view [config]="config"> </app-campaign-view>
             }
             @case ('malware') {
-              <app-software-view
-                [config]="config">
-              </app-software-view>
+              <app-software-view [config]="config"> </app-software-view>
             }
             @case ('tool') {
-              <app-software-view
-                [config]="config">
-              </app-software-view>
+              <app-software-view [config]="config"> </app-software-view>
             }
             @case ('x-mitre-matrix') {
-              <app-matrix-view
-                [config]="config">
-              </app-matrix-view>
+              <app-matrix-view [config]="config"> </app-matrix-view>
             }
             @case ('course-of-action') {
-              <app-mitigation-view
-                [config]="config">
-              </app-mitigation-view>
+              <app-mitigation-view [config]="config"> </app-mitigation-view>
             }
             @case ('attack-pattern') {
-              <app-technique-view
-                [config]="config">
-              </app-technique-view>
+              <app-technique-view [config]="config"> </app-technique-view>
             }
             @case ('x-mitre-data-source') {
-              <app-data-source-view
-                [config]="config">
-              </app-data-source-view>
+              <app-data-source-view [config]="config"> </app-data-source-view>
             }
             @case ('x-mitre-data-component') {
-              <app-data-component-view
-                [config]="config">
+              <app-data-component-view [config]="config">
               </app-data-component-view>
             }
             @case ('x-mitre-asset') {
-              <app-asset-view
-                [config]="config">
-              </app-asset-view>
+              <app-asset-view [config]="config"> </app-asset-view>
             }
             @case ('x-mitre-tactic') {
-              <app-tactic-view
-                [config]="config">
-              </app-tactic-view>
+              <app-tactic-view [config]="config"> </app-tactic-view>
             }
             @case ('x-mitre-collection') {
-              <app-collection-view
-                [config]="config">
-              </app-collection-view>
+              <app-collection-view [config]="config"> </app-collection-view>
             }
             @case ('x-mitre-detection-strategy') {
-              <app-detection-strategy-view
-                [config]="config">
+              <app-detection-strategy-view [config]="config">
               </app-detection-strategy-view>
             }
             @case ('x-mitre-analytic') {
-              <app-analytic-view
-                [config]="config">
-              </app-analytic-view>
+              <app-analytic-view [config]="config"> </app-analytic-view>
             }
           }
         </div>

From 77aa023ecca7959088b0c49afeb84e7270e6b7c6 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 24 Apr 2026 14:06:13 -0400
Subject: [PATCH 028/190] chore: commenting out incomplete feature

---
 .../release-management/release-management.component.html      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-management.component.html b/src/app/views/dashboard-page/release-management/release-management.component.html
index 384c7ccf3..d9871491c 100644
--- a/src/app/views/dashboard-page/release-management/release-management.component.html
+++ b/src/app/views/dashboard-page/release-management/release-management.component.html
@@ -1,7 +1,7 @@
 <div class="release-management list-page grid spacing-20">
   <div class="list-page-header">
     <h1>Release Management</h1>
-    <div class="button-group">
+    <!-- <div class="button-group">
       <button
         mat-raised-button
         class="extended-button"
@@ -10,7 +10,7 @@ <h1>Release Management</h1>
         <mat-icon>create</mat-icon>
         <span class="text-label">new track</span>
       </button>
-    </div>
+    </div> -->
   </div>
 
   <div class="mt-8">

From 015867ed3b95878137dae5499bf59536961d8024 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 27 Apr 2026 12:04:07 -0400
Subject: [PATCH 029/190] fix(asset): prevent errors for related assets without
 related_asset_sectors

---
 src/app/classes/stix/asset.ts | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/app/classes/stix/asset.ts b/src/app/classes/stix/asset.ts
index 06f2be97f..7b0631b23 100644
--- a/src/app/classes/stix/asset.ts
+++ b/src/app/classes/stix/asset.ts
@@ -80,11 +80,9 @@ export class Asset extends StixObject {
   }
 
   public isRelatedAssetArray(arr: any[]): boolean {
-    return arr.every(a => this.instanceOfRelatedAsset(a));
-  }
-
-  public instanceOfRelatedAsset(object: any): boolean {
-    return 'name' in object && 'related_asset_sectors' in object;
+    return (
+      Array.isArray(arr) && arr.every(a => typeof a === 'object' && 'name' in a)
+    );
   }
 
   /**

From 0fb63bcae88150a9d1607344108b7a9ad913e618 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 29 Apr 2026 09:45:22 -0400
Subject: [PATCH 030/190] fix(release-tracks): enable create new track

---
 .../release-management/release-management.component.html      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-management.component.html b/src/app/views/dashboard-page/release-management/release-management.component.html
index d9871491c..384c7ccf3 100644
--- a/src/app/views/dashboard-page/release-management/release-management.component.html
+++ b/src/app/views/dashboard-page/release-management/release-management.component.html
@@ -1,7 +1,7 @@
 <div class="release-management list-page grid spacing-20">
   <div class="list-page-header">
     <h1>Release Management</h1>
-    <!-- <div class="button-group">
+    <div class="button-group">
       <button
         mat-raised-button
         class="extended-button"
@@ -10,7 +10,7 @@ <h1>Release Management</h1>
         <mat-icon>create</mat-icon>
         <span class="text-label">new track</span>
       </button>
-    </div> -->
+    </div>
   </div>
 
   <div class="mt-8">

From b32fb0f02120bd38901ac591cca19e7d97942013 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 29 Apr 2026 09:45:34 -0400
Subject: [PATCH 031/190] chore: formatting

---
 .../new-track-dialog/new-track-dialog.component.html     | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
index 57b2987d8..27010867a 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.html
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -98,7 +98,8 @@ <h2>
             <mat-option
               *ngFor="let opt of deduplicationOptions"
               [value]="opt"
-              >{{ formatOption(opt) }}</mat-option>
+              >{{ formatOption(opt) }}</mat-option
+            >
           </mat-select>
           <mat-hint
             >How conflicting objects from component tracks are
@@ -113,7 +114,8 @@ <h2>
               <mat-option
                 *ngFor="let opt of deduplicationTierOptions"
                 [value]="opt"
-                >{{ formatOption(opt) }}</mat-option>
+                >{{ formatOption(opt) }}</mat-option
+              >
             </mat-select>
             <mat-hint>
               Prefer objects from this tier when resolving conflicts
@@ -126,7 +128,8 @@ <h2>
               <mat-option
                 *ngFor="let opt of deduplicationStatusOptions"
                 [value]="opt"
-                >{{ formatOption(opt) }}</mat-option>
+                >{{ formatOption(opt) }}</mat-option
+              >
             </mat-select>
             <mat-hint>
               Prefer objects with this status when resolving conflicts

From 069b76bca377d9ef5522676d829085b2369fed4e Mon Sep 17 00:00:00 2001
From: Scot Lunsford <slunsford@mitre.org>
Date: Wed, 29 Apr 2026 15:08:08 -0500
Subject: [PATCH 032/190] feat(data-components): show domain filter

Add data-component to the shared STIX list domain-filter allowlist.

This reuses the existing REST connector domain query plumbing once the API supports GET /api/data-components?domain=.
---
 src/app/components/stix/stix-list/stix-list.component.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 80d508cb4..d0360ffdd 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -534,6 +534,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     }
     const filterByDomain: boolean = this.config.type
       ? [
+          'data-component',
           'data-source',
           'mitigation',
           'software',

From 7935c88063ff4bb31b94f7e511d4e143597ff636 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 30 Apr 2026 09:59:14 -0400
Subject: [PATCH 033/190] fix(relationships): remove workflow state from SROs

---
 src/app/classes/stix/relationship.ts                   | 10 ++--------
 src/app/classes/stix/stix-object.ts                    |  2 +-
 .../components/save-dialog/save-dialog.component.ts    |  3 +++
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/app/classes/stix/relationship.ts b/src/app/classes/stix/relationship.ts
index b05c0a071..c942fc39d 100644
--- a/src/app/classes/stix/relationship.ts
+++ b/src/app/classes/stix/relationship.ts
@@ -485,10 +485,9 @@ export class Relationship extends StixObject {
    * @returns {Observable<ValidationData>} the validation warnings and errors once validation is complete.
    */
   public validate(
-    restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    restAPIService: RestApiConnectorService
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService, tempWorkflowState).pipe(
+    return this.base_validate(restAPIService).pipe(
       map(result => {
         // presence of source-ref
         if (!this.source_ref) {
@@ -621,11 +620,6 @@ export class Relationship extends StixObject {
   public save(
     restAPIService: RestApiConnectorService
   ): Observable<Relationship> {
-    if (!this.workflow) {
-      // Initialize the workflow object if it doesn't exist
-      this.workflow = { state: 'work-in-progress' };
-    }
-    this.workflow.state = 'work-in-progress';
     const postObservable = restAPIService.postRelationship(this);
     const subscription = postObservable.subscribe({
       next: result => {
diff --git a/src/app/classes/stix/stix-object.ts b/src/app/classes/stix/stix-object.ts
index 96e3831a5..0205db3fe 100644
--- a/src/app/classes/stix/stix-object.ts
+++ b/src/app/classes/stix/stix-object.ts
@@ -90,7 +90,7 @@ export abstract class StixObject extends Serializable {
       this.version = new VersionNumber('0.1');
       this.attackID = '';
       this.external_references = new ExternalReferences();
-      if (this.type !== 'x-mitre-collection') {
+      if (this.type !== 'x-mitre-collection' && this.type !== 'relationship') {
         this.workflow = {
           state: 'work-in-progress',
         };
diff --git a/src/app/components/save-dialog/save-dialog.component.ts b/src/app/components/save-dialog/save-dialog.component.ts
index a29daad84..01771ebdc 100644
--- a/src/app/components/save-dialog/save-dialog.component.ts
+++ b/src/app/components/save-dialog/save-dialog.component.ts
@@ -65,6 +65,9 @@ export class SaveDialogComponent implements OnInit {
 
   ngOnInit(): void {
     this.newState = this.config.initialWorkflowState || 'work-in-progress';
+    if (this.config.object.attackType === 'relationship') {
+      this.newState = undefined;
+    }
     if (this.config.object.attackType === 'detection-strategy') {
       const det = this.config.object as DetectionStrategy;
       const newAnalytics = new Set<string>(det.analytics);

From 17835db0608a1c802d6e47a369b602e30f760364 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 30 Apr 2026 10:08:58 -0400
Subject: [PATCH 034/190] fix(stix-list): remove non-essential columns from all
 stix tables

---
 .../stix/stix-list/stix-list.component.ts     | 39 +++++++------------
 1 file changed, 13 insertions(+), 26 deletions(-)

diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 80d508cb4..89f83ef35 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -15,7 +15,6 @@ import { MatPaginator } from '@angular/material/paginator';
 import { SelectionModel } from '@angular/cdk/collections';
 import { MatDialog } from '@angular/material/dialog';
 import { Router } from '@angular/router';
-
 import { fromEvent, Observable, of, Subscription } from 'rxjs';
 import {
   debounceTime,
@@ -23,7 +22,6 @@ import {
   filter,
   tap,
 } from 'rxjs/operators';
-
 import {
   EmbeddedRelationship,
   StixObject,
@@ -244,7 +242,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
         case 'collection-created':
           this.addNameColumn(sticky_allowed);
           this.addColumn('latest version', 'version', 'version');
-          this.addModifiedAndCreatedColumns();
+          this.addColumn('modified', 'modified', 'timestamp');
           this.tableDetail = [
             {
               field: 'description',
@@ -281,18 +279,18 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
           this.addWorkflowAndStateColumns();
           this.addIdAndNameColumns(sticky_allowed);
           this.addDomainColumn();
-          this.addVersionsAndDatesColumns();
+          this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'matrix':
           this.addWorkflowAndStateColumns();
           this.addNameColumn(sticky_allowed);
-          this.addVersionsAndDatesColumns();
+          this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'detection-strategy':
         case 'campaign':
           this.addWorkflowAndStateColumns();
           this.addIdAndNameColumns(sticky_allowed);
-          this.addVersionsAndDatesColumns();
+          this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'analytic':
           this.addWorkflowAndStateColumns();
@@ -307,35 +305,35 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
           );
           this.addColumn('platform', 'platform', 'plain');
           this.addDomainColumn();
-          this.addVersionsAndDatesColumns();
+          this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'group':
           this.addWorkflowAndStateColumns();
           this.addIdAndNameColumns(sticky_allowed);
           this.addColumn('associated groups', 'aliases', 'list');
-          this.addVersionsAndDatesColumns();
+          this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'software':
           this.addWorkflowAndStateColumns();
           this.addIdAndNameColumns(sticky_allowed);
           this.addColumn('type', 'type', 'plain');
           this.addDomainColumn();
-          this.addVersionsAndDatesColumns();
+          this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'data-source':
         case 'technique':
           this.addWorkflowAndStateColumns();
           this.addIdAndNameColumns(sticky_allowed);
-          this.addPlatformsColumn();
           this.addDomainColumn();
-          this.addVersionsAndDatesColumns();
+          this.addPlatformsColumn();
+          this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'asset':
           this.addWorkflowAndStateColumns();
           this.addIdAndNameColumns(sticky_allowed);
           this.addPlatformsColumn();
           this.addColumn('sectors', 'sectors', 'list');
-          this.addVersionsAndDatesColumns();
+          this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'relationship':
           if (this.config.compactRelationshipColumns) {
@@ -405,17 +403,17 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
         case 'note':
           this.addColumn('title', 'title', 'plain');
           this.addColumn('content', 'content', 'plain');
-          this.addModifiedAndCreatedColumns();
+          this.addColumn('modified', 'modified', 'timestamp');
           break;
         default:
           this.addColumn('type', 'attackType', 'plain');
-          this.addModifiedAndCreatedColumns();
+          this.addColumn('modified', 'modified', 'timestamp');
       }
     } else {
       this.addStateColumnOnly();
       this.addColumn('type', 'attackType', 'plain');
       this.addIdAndNameColumns(true);
-      this.addModifiedAndCreatedColumns();
+      this.addColumn('modified', 'modified', 'timestamp');
     }
   }
 
@@ -445,17 +443,6 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     this.addColumn('platforms', 'platforms', type);
   }
 
-  private addModifiedAndCreatedColumns(): void {
-    this.addColumn('modified', 'modified', 'timestamp');
-    this.addColumn('created', 'created', 'timestamp');
-  }
-
-  private addVersionsAndDatesColumns() {
-    this.addColumn('version', 'version', 'version');
-    this.addColumn('modified', 'modified', 'timestamp');
-    this.addColumn('created', 'created', 'timestamp');
-  }
-
   /**
    * Set up controls, including control columns and filters
    */

From f33d83a622ea2efa602dbb01ec755ac2ebe34ce5 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Tue, 5 May 2026 16:04:08 -0400
Subject: [PATCH 035/190] feat(workflow-status): add object status chip

---
 src/app/app.module.ts                            |  2 ++
 .../status-chip/status-chip.component.html       |  5 +++++
 .../status-chip/status-chip.component.scss       | 16 ++++++++++++++++
 .../status-chip/status-chip.component.ts         | 16 ++++++++++++++++
 4 files changed, 39 insertions(+)
 create mode 100644 src/app/components/status-chip/status-chip.component.html
 create mode 100644 src/app/components/status-chip/status-chip.component.scss
 create mode 100644 src/app/components/status-chip/status-chip.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 484d8ad49..24b867c88 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -232,6 +232,7 @@ import { StixPageTabsComponent } from './components/stix/stix-page-tabs/stix-pag
 import { ReleaseManagementComponent } from './views/dashboard-page/release-management/release-management.component';
 import { ReleaseTrackCardComponent } from './components/release-track-card/release-track-card.component';
 import { NewTrackDialogComponent } from './components/new-track-dialog/new-track-dialog.component';
+import { StatusChipComponent } from './components/status-chip/status-chip.component';
 
 export function initConfig(appConfigService: AppConfigService) {
   return () => appConfigService.loadAppConfig();
@@ -380,6 +381,7 @@ export function initConfig(appConfigService: AppConfigService) {
     DictionaryDiffComponent,
     ReleaseManagementComponent,
     NewTrackDialogComponent,
+    StatusChipComponent,
   ],
   exports: [
     MatToolbarModule,
diff --git a/src/app/components/status-chip/status-chip.component.html b/src/app/components/status-chip/status-chip.component.html
new file mode 100644
index 000000000..b02b3639b
--- /dev/null
+++ b/src/app/components/status-chip/status-chip.component.html
@@ -0,0 +1,5 @@
+<div class="status-chip">
+  <mat-chip [ngClass]="status">
+    {{ label }}
+  </mat-chip>
+</div>
\ No newline at end of file
diff --git a/src/app/components/status-chip/status-chip.component.scss b/src/app/components/status-chip/status-chip.component.scss
new file mode 100644
index 000000000..3b2735c49
--- /dev/null
+++ b/src/app/components/status-chip/status-chip.component.scss
@@ -0,0 +1,16 @@
+@use 'src/style/colors.scss' as colors;
+
+.status-chip {
+    .mat-mdc-chip.awaiting-review,
+    .awaiting-review {
+      background: colors.color('pending');
+      color: colors.on-color('pending');
+    }
+    
+    .mat-mdc-chip.reviewed,
+    .reviewed {
+      background: colors.color('active');
+      color: colors.on-color('active');
+    }
+}
+
diff --git a/src/app/components/status-chip/status-chip.component.ts b/src/app/components/status-chip/status-chip.component.ts
new file mode 100644
index 000000000..d25fb9a31
--- /dev/null
+++ b/src/app/components/status-chip/status-chip.component.ts
@@ -0,0 +1,16 @@
+import { Component, Input } from '@angular/core';
+import { WorkflowState, WorkflowStates } from '../../utils/types';
+
+@Component({
+  selector: 'app-status-chip',
+  standalone: false,
+  templateUrl: './status-chip.component.html',
+  styleUrls: ['./status-chip.component.scss'],
+})
+export class StatusChipComponent {
+  @Input() status!: WorkflowState;
+
+  public get label(): string {
+    return WorkflowStates[this.status] ?? String(this.status);
+  }
+}

From 5de7a90243e32cb6afbf7d3d2e6d8c1f69b258b0 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Tue, 5 May 2026 16:04:34 -0400
Subject: [PATCH 036/190] chore: formatting

---
 .../status-chip/status-chip.component.html    |  2 +-
 .../status-chip/status-chip.component.scss    | 23 +++++++++----------
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/app/components/status-chip/status-chip.component.html b/src/app/components/status-chip/status-chip.component.html
index b02b3639b..62344e73f 100644
--- a/src/app/components/status-chip/status-chip.component.html
+++ b/src/app/components/status-chip/status-chip.component.html
@@ -2,4 +2,4 @@
   <mat-chip [ngClass]="status">
     {{ label }}
   </mat-chip>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/components/status-chip/status-chip.component.scss b/src/app/components/status-chip/status-chip.component.scss
index 3b2735c49..f235f241f 100644
--- a/src/app/components/status-chip/status-chip.component.scss
+++ b/src/app/components/status-chip/status-chip.component.scss
@@ -1,16 +1,15 @@
 @use 'src/style/colors.scss' as colors;
 
 .status-chip {
-    .mat-mdc-chip.awaiting-review,
-    .awaiting-review {
-      background: colors.color('pending');
-      color: colors.on-color('pending');
-    }
-    
-    .mat-mdc-chip.reviewed,
-    .reviewed {
-      background: colors.color('active');
-      color: colors.on-color('active');
-    }
-}
+  .mat-mdc-chip.awaiting-review,
+  .awaiting-review {
+    background: colors.color('pending');
+    color: colors.on-color('pending');
+  }
 
+  .mat-mdc-chip.reviewed,
+  .reviewed {
+    background: colors.color('active');
+    color: colors.on-color('active');
+  }
+}

From e17d076c03aa14a625e75f56dee71da4d2a80a86 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Tue, 5 May 2026 16:36:50 -0400
Subject: [PATCH 037/190] fix(tabs): display custom tab options properly

---
 .../stix-page-tabs.component.html             |  8 ++--
 .../stix-page-tabs.component.scss             | 39 ++++++++++++-------
 .../stix-page-tabs.component.ts               |  6 ++-
 .../stix/asset-view/asset-view.component.html |  2 +-
 .../campaign-view.component.html              |  2 +-
 .../data-source-view.component.html           |  2 +-
 .../detection-strategy-view.component.html    |  2 +-
 .../stix/group-view/group-view.component.html |  2 +-
 .../matrix-view/matrix-view.component.html    |  2 +-
 .../mitigation-view.component.html            |  2 +-
 .../software-view.component.html              |  2 +-
 .../tactic-view/tactic-view.component.html    |  2 +-
 .../technique-view.component.html             |  2 +-
 13 files changed, 42 insertions(+), 31 deletions(-)

diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
index 45c5acbe4..f78ec49b3 100644
--- a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
@@ -1,4 +1,4 @@
-<mat-tab-group dynamicHeight mat-stretch-tabs>
+<mat-tab-group dynamicHeight mat-stretch-tabs class="stix-page-tabs">
   <mat-tab>
     <ng-template mat-tab-label>
       <span class="nav-tab-label">DETAILS</span>
@@ -10,13 +10,13 @@
     </ng-template>
   </mat-tab>
 
-  <ng-container *ngFor="let rel of relationshipTabs">
+  <ng-container *ngFor="let tab of customTabs">
     <mat-tab>
       <ng-template mat-tab-label>
-        <span class="nav-tab-label">{{ rel.label | uppercase }}</span>
+        <span class="nav-tab-label">{{ tab.label | uppercase }}</span>
       </ng-template>
       <ng-template matTabContent>
-        <ng-container *ngTemplateOutlet="rel.template"></ng-container>
+        <ng-container *ngTemplateOutlet="tab.template"></ng-container>
       </ng-template>
     </mat-tab>
   </ng-container>
diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
index 82af05621..9671f6a22 100644
--- a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
@@ -1,16 +1,25 @@
-.nav-tab-label {
-  font-family: Roboto, Arial, sans-serif;
-  font-weight: 500;
-  text-transform: uppercase;
-  letter-spacing: 0.4px;
-  display: inline-block;
-  padding: 0 8px;
-}
+@use '../../../../style/colors.scss';
+@use '../../../../style/globals.scss';
 
-.mat-mdc-tab-header .mat-mdc-tab-label .nav-tab-label {
-  color: inherit;
-}
-
-.details-tpl-wrapper {
-  margin-top: 20px;
-}
+.stix-page-tabs {
+  .mat-mdc-tab-header {
+    .dark & {
+      border-bottom: 1px solid colors.border-color(dark) !important;
+    }
+    .light & {
+      border-bottom: 1px solid colors.border-color(light) !important;
+    }
+  }
+  .nav-tab-label {
+    font-family: Roboto, Arial, sans-serif;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.4px;
+    display: inline-block;
+    padding: 0 8px;
+  }
+  
+  .details-tpl-wrapper {
+    margin-top: 20px;
+  }
+}
\ No newline at end of file
diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts
index ade468d8a..184c5526c 100644
--- a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts
@@ -1,7 +1,8 @@
+import { ViewEncapsulation } from '@angular/core';
 import { Component, Input, TemplateRef } from '@angular/core';
 import { StixViewConfig } from 'src/app/views/stix/stix-view-page';
 
-interface RelationshipTab {
+interface CustomTab {
   label: string;
   template: TemplateRef<any>;
 }
@@ -11,11 +12,12 @@ interface RelationshipTab {
   templateUrl: './stix-page-tabs.component.html',
   styleUrls: ['./stix-page-tabs.component.scss'],
   standalone: false,
+  encapsulation: ViewEncapsulation.None,
 })
 export class StixPageTabsComponent {
   @Input() config!: StixViewConfig;
   @Input() detailsTemplate!: TemplateRef<any>;
-  @Input() relationshipTabs: RelationshipTab[] = [];
+  @Input() customTabs: CustomTab[] = [];
   @Input() showHistory = true;
   @Input() showNotes = true;
 }
diff --git a/src/app/views/stix/asset-view/asset-view.component.html b/src/app/views/stix/asset-view/asset-view.component.html
index 255579ddc..105e50ae0 100644
--- a/src/app/views/stix/asset-view/asset-view.component.html
+++ b/src/app/views/stix/asset-view/asset-view.component.html
@@ -14,7 +14,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
+    [customTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/campaign-view/campaign-view.component.html b/src/app/views/stix/campaign-view/campaign-view.component.html
index a342e0f13..8f6b49d1a 100644
--- a/src/app/views/stix/campaign-view/campaign-view.component.html
+++ b/src/app/views/stix/campaign-view/campaign-view.component.html
@@ -14,7 +14,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[
+    [customTabs]="[
       { label: 'Techniques', template: techniquesTpl },
       { label: 'Groups', template: groupsTpl },
       { label: 'Software', template: softwareTpl },
diff --git a/src/app/views/stix/data-source-view/data-source-view.component.html b/src/app/views/stix/data-source-view/data-source-view.component.html
index 7848baede..cab73a855 100644
--- a/src/app/views/stix/data-source-view/data-source-view.component.html
+++ b/src/app/views/stix/data-source-view/data-source-view.component.html
@@ -14,7 +14,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[
+    [customTabs]="[
       { label: 'Data Components', template: componentsTpl },
       { label: 'Techniques', template: techniquesTpl },
     ]">
diff --git a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
index 2608e5b42..08afc3dca 100644
--- a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
+++ b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
@@ -14,7 +14,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
+    [customTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/group-view/group-view.component.html b/src/app/views/stix/group-view/group-view.component.html
index b15ecba28..eab33e8ac 100644
--- a/src/app/views/stix/group-view/group-view.component.html
+++ b/src/app/views/stix/group-view/group-view.component.html
@@ -13,7 +13,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[
+    [customTabs]="[
       { label: 'Techniques', template: techniqueTpl },
       { label: 'Campaigns', template: campaignTpl },
       { label: 'Software', template: softwareTpl },
diff --git a/src/app/views/stix/matrix/matrix-view/matrix-view.component.html b/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
index 7a57f6ed5..ecd81ad60 100644
--- a/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
+++ b/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
@@ -13,7 +13,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[{ label: 'Matrix', template: matrixTpl }]">
+    [customTabs]="[{ label: 'Matrix', template: matrixTpl }]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/mitigation-view/mitigation-view.component.html b/src/app/views/stix/mitigation-view/mitigation-view.component.html
index 891e11201..47f4affed 100644
--- a/src/app/views/stix/mitigation-view/mitigation-view.component.html
+++ b/src/app/views/stix/mitigation-view/mitigation-view.component.html
@@ -13,7 +13,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
+    [customTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/software-view/software-view.component.html b/src/app/views/stix/software-view/software-view.component.html
index 84e812887..d21a5ac38 100644
--- a/src/app/views/stix/software-view/software-view.component.html
+++ b/src/app/views/stix/software-view/software-view.component.html
@@ -14,7 +14,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[
+    [customTabs]="[
       { label: 'Techniques', template: techniquesTpl },
       { label: 'Groups', template: groupsTpl },
       { label: 'Campaigns', template: campaignsTpl },
diff --git a/src/app/views/stix/tactic-view/tactic-view.component.html b/src/app/views/stix/tactic-view/tactic-view.component.html
index d6a309dbb..923dfa9a5 100644
--- a/src/app/views/stix/tactic-view/tactic-view.component.html
+++ b/src/app/views/stix/tactic-view/tactic-view.component.html
@@ -13,7 +13,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
+    [customTabs]="[{ label: 'Techniques', template: techniquesTpl }]">
   </app-stix-page-tabs>
 
   <ng-template #detailsTpl>
diff --git a/src/app/views/stix/technique-view/technique-view.component.html b/src/app/views/stix/technique-view/technique-view.component.html
index c176f3000..b5b879cb2 100644
--- a/src/app/views/stix/technique-view/technique-view.component.html
+++ b/src/app/views/stix/technique-view/technique-view.component.html
@@ -18,7 +18,7 @@
   <app-stix-page-tabs
     [config]="config"
     [detailsTemplate]="detailsTpl"
-    [relationshipTabs]="[
+    [customTabs]="[
       { label: 'Sub-techniques', template: subtechTpl },
       { label: 'Procedure Examples', template: proceduresTpl },
       { label: 'Mitigations', template: mitigationsTpl },

From 9a708e5449fb1434737f725f061322d4a3ee2110 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Tue, 5 May 2026 16:37:19 -0400
Subject: [PATCH 038/190] chore: formatting

---
 .../stix/stix-page-tabs/stix-page-tabs.component.scss         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
index 9671f6a22..e9128a9a7 100644
--- a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
@@ -18,8 +18,8 @@
     display: inline-block;
     padding: 0 8px;
   }
-  
+
   .details-tpl-wrapper {
     margin-top: 20px;
   }
-}
\ No newline at end of file
+}

From c2bc45b33bd836477e03757c919865c18679f349 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 6 May 2026 09:13:16 -0400
Subject: [PATCH 039/190] refactor(workflow-status): cleanup workflow status
 types and enums

---
 src/app/classes/release-tracks/composition.ts  |  7 ++-----
 src/app/classes/release-tracks/config.ts       |  2 +-
 src/app/classes/release-tracks/enums.ts        | 17 ++---------------
 src/app/classes/release-tracks/tiers.ts        |  2 +-
 src/app/classes/serializable.ts                |  6 +++---
 src/app/classes/stix/analytic.ts               |  4 ++--
 src/app/classes/stix/asset.ts                  |  4 ++--
 src/app/classes/stix/campaign.ts               |  4 ++--
 src/app/classes/stix/collection.ts             |  4 ++--
 src/app/classes/stix/data-component.ts         |  4 ++--
 src/app/classes/stix/data-source.ts            |  4 ++--
 src/app/classes/stix/detection-strategy.ts     |  4 ++--
 src/app/classes/stix/group.ts                  |  4 ++--
 src/app/classes/stix/identity.ts               |  4 ++--
 src/app/classes/stix/marking-definition.ts     |  4 ++--
 src/app/classes/stix/matrix.ts                 |  4 ++--
 src/app/classes/stix/mitigation.ts             |  4 ++--
 src/app/classes/stix/note.ts                   |  4 ++--
 src/app/classes/stix/relationship.ts           | 12 ++++++------
 src/app/classes/stix/software.ts               |  4 ++--
 src/app/classes/stix/stix-object.ts            | 13 ++++---------
 src/app/classes/stix/tactic.ts                 |  4 ++--
 src/app/classes/stix/technique.ts              |  4 ++--
 .../new-track-dialog.component.ts              |  2 +-
 .../object-status/object-status.component.ts   |  4 ++--
 .../save-dialog/save-dialog.component.ts       | 15 ++++++++++-----
 .../status-chip/status-chip.component.ts       |  6 +++---
 .../rest-api/release-tracks.service.ts         |  2 +-
 src/app/utils/types.ts                         | 18 ++++++++++++------
 29 files changed, 80 insertions(+), 90 deletions(-)

diff --git a/src/app/classes/release-tracks/composition.ts b/src/app/classes/release-tracks/composition.ts
index 37b06a71a..ebab47ea8 100644
--- a/src/app/classes/release-tracks/composition.ts
+++ b/src/app/classes/release-tracks/composition.ts
@@ -5,12 +5,9 @@
 // aggregates content from component tracks
 // -----------------------------------------------------------------------------
 
-import {
-  DeduplicationStrategyType,
-  SnapshotTierType,
-  WorkflowStatusType,
-} from './enums';
+import { DeduplicationStrategyType, SnapshotTierType } from './enums';
 import { ComponentTrack, ComponentSnapshotResolution } from './component-track';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export interface Composition {
   component_tracks?: ComponentTrack[];
diff --git a/src/app/classes/release-tracks/config.ts b/src/app/classes/release-tracks/config.ts
index 2e84353e1..698ccd22b 100644
--- a/src/app/classes/release-tracks/config.ts
+++ b/src/app/classes/release-tracks/config.ts
@@ -2,9 +2,9 @@
 // Release Track Configuration
 // -----------------------------------------------------------------------------
 
+import { WorkflowStatusType } from 'src/app/utils/types';
 import {
   ConflictPolicyType,
-  WorkflowStatusType,
   MemberSyncBehaviorType,
   MemberSyncPolicyType,
   MemberSyncStrategyType,
diff --git a/src/app/classes/release-tracks/enums.ts b/src/app/classes/release-tracks/enums.ts
index 9defdf202..963eb73a6 100644
--- a/src/app/classes/release-tracks/enums.ts
+++ b/src/app/classes/release-tracks/enums.ts
@@ -1,3 +1,5 @@
+import { WorkflowStatus, WorkflowStatusType } from 'src/app/utils/types';
+
 // -----------------------------------------------------------------------------
 // Release Track Type
 // -----------------------------------------------------------------------------
@@ -94,21 +96,6 @@ export const SNAPSHOT_TIER_OPTIONS: SnapshotTierType[] = Object.values(
   SnapshotTier
 ) as SnapshotTierType[];
 
-// -----------------------------------------------------------------------------
-// Workflow Statuses
-// -----------------------------------------------------------------------------
-
-export enum WorkflowStatus {
-  WorkInProgress = 'work-in-progress',
-  AwaitingReview = 'awaiting-review',
-  Reviewed = 'reviewed',
-}
-
-export type WorkflowStatusType =
-  | WorkflowStatus.WorkInProgress
-  | WorkflowStatus.AwaitingReview
-  | WorkflowStatus.Reviewed;
-
 // -----------------------------------------------------------------------------
 // Candidacy Thresholds
 // -----------------------------------------------------------------------------
diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index 69a9aa1fe..3625b7d28 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -1,4 +1,4 @@
-import { WorkflowStatusType } from './enums';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export interface MemberEntry {
   object_ref: string;
diff --git a/src/app/classes/serializable.ts b/src/app/classes/serializable.ts
index 286bf37c4..b4bdce1d8 100644
--- a/src/app/classes/serializable.ts
+++ b/src/app/classes/serializable.ts
@@ -1,6 +1,6 @@
 import { Observable } from 'rxjs';
 import { RestApiConnectorService } from '../services/connectors/rest-api/rest-api-connector.service';
-import { WorkflowState } from '../utils/types';
+import { WorkflowStatusType } from '../utils/types';
 
 /**
  * Objects which are serializable to the REST API implement this class
@@ -17,7 +17,7 @@ export abstract class Serializable {
    * @abstract
    * @param {*} raw the raw object to parse
    */
-  public abstract deserialize(raw: any);
+  public abstract deserialize(raw: any): any;
 
   /**
    * Validate the current object state and return information on the result of the validation
@@ -29,7 +29,7 @@ export abstract class Serializable {
   public abstract validate(
     restAPIService: RestApiConnectorService,
     options?: any,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData>;
 }
 
diff --git a/src/app/classes/stix/analytic.ts b/src/app/classes/stix/analytic.ts
index 9ea63968c..b00d1a1c0 100644
--- a/src/app/classes/stix/analytic.ts
+++ b/src/app/classes/stix/analytic.ts
@@ -3,7 +3,7 @@ import { logger } from '../../utils/logger';
 import { Observable, of, switchMap } from 'rxjs';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { ValidationData } from '../serializable';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class Analytic extends StixObject {
   public name = '';
@@ -179,7 +179,7 @@ export class Analytic extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState).pipe(
       switchMap(result => {
diff --git a/src/app/classes/stix/asset.ts b/src/app/classes/stix/asset.ts
index 06f2be97f..1c6372655 100644
--- a/src/app/classes/stix/asset.ts
+++ b/src/app/classes/stix/asset.ts
@@ -3,7 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { logger } from '../../utils/logger';
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class Asset extends StixObject {
   public name = '';
@@ -141,7 +141,7 @@ export class Asset extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/campaign.ts b/src/app/classes/stix/campaign.ts
index c6483bdb8..47f69fbc5 100644
--- a/src/app/classes/stix/campaign.ts
+++ b/src/app/classes/stix/campaign.ts
@@ -3,7 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { logger } from '../../utils/logger';
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class Campaign extends StixObject {
   public name = '';
@@ -161,7 +161,7 @@ export class Campaign extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/collection.ts b/src/app/classes/stix/collection.ts
index ed9d5ac39..ce6836624 100644
--- a/src/app/classes/stix/collection.ts
+++ b/src/app/classes/stix/collection.ts
@@ -19,7 +19,7 @@ import {
   Tactic,
   Technique,
 } from '../stix';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 /**
  * auto-generated changelog/report about an import
@@ -498,7 +498,7 @@ export class Collection extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/data-component.ts b/src/app/classes/stix/data-component.ts
index 6bc177822..f698eca4f 100644
--- a/src/app/classes/stix/data-component.ts
+++ b/src/app/classes/stix/data-component.ts
@@ -4,7 +4,7 @@ import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
 import { DataSource } from './data-source';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class DataComponent extends StixObject {
   public name = '';
@@ -133,7 +133,7 @@ export class DataComponent extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/data-source.ts b/src/app/classes/stix/data-source.ts
index 24a215a96..f4a4d9687 100644
--- a/src/app/classes/stix/data-source.ts
+++ b/src/app/classes/stix/data-source.ts
@@ -4,7 +4,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { Observable } from 'rxjs';
 import { ValidationData } from '../serializable';
 import { DataComponent } from './data-component';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class DataSource extends StixObject {
   public name = '';
@@ -136,7 +136,7 @@ export class DataSource extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/detection-strategy.ts b/src/app/classes/stix/detection-strategy.ts
index a1cfa794a..17c9f5b87 100644
--- a/src/app/classes/stix/detection-strategy.ts
+++ b/src/app/classes/stix/detection-strategy.ts
@@ -3,7 +3,7 @@ import { logger } from '../../utils/logger';
 import { Observable } from 'rxjs';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { ValidationData } from '../serializable';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class DetectionStrategy extends StixObject {
   public name = '';
@@ -88,7 +88,7 @@ export class DetectionStrategy extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/group.ts b/src/app/classes/stix/group.ts
index 761495329..52b188f59 100644
--- a/src/app/classes/stix/group.ts
+++ b/src/app/classes/stix/group.ts
@@ -3,7 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { Observable } from 'rxjs';
 import { ValidationData } from '../serializable';
 import { logger } from '../../utils/logger';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class Group extends StixObject {
   public name = '';
@@ -100,7 +100,7 @@ export class Group extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/identity.ts b/src/app/classes/stix/identity.ts
index efcff67f0..c39dceb71 100644
--- a/src/app/classes/stix/identity.ts
+++ b/src/app/classes/stix/identity.ts
@@ -3,7 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { logger } from '../../utils/logger';
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class Identity extends StixObject {
   public name: string; // identity name
@@ -106,7 +106,7 @@ export class Identity extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/marking-definition.ts b/src/app/classes/stix/marking-definition.ts
index 458e7e744..dc4cd1902 100644
--- a/src/app/classes/stix/marking-definition.ts
+++ b/src/app/classes/stix/marking-definition.ts
@@ -4,7 +4,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { Observable, of } from 'rxjs';
 import { ValidationData } from '../serializable';
 import { logger } from '../../utils/logger';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class MarkingDefinition extends StixObject {
   public name = '';
@@ -104,7 +104,7 @@ export class MarkingDefinition extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState).pipe(
       map(result => {
diff --git a/src/app/classes/stix/matrix.ts b/src/app/classes/stix/matrix.ts
index fde7e2e99..90b3eced7 100644
--- a/src/app/classes/stix/matrix.ts
+++ b/src/app/classes/stix/matrix.ts
@@ -4,7 +4,7 @@ import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
 import { Tactic } from './tactic';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class Matrix extends StixObject {
   public name = '';
@@ -90,7 +90,7 @@ export class Matrix extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     // TODO verify all tactics exist
     return this.base_validate(restAPIService, tempWorkflowState);
diff --git a/src/app/classes/stix/mitigation.ts b/src/app/classes/stix/mitigation.ts
index e2b0e942c..660763200 100644
--- a/src/app/classes/stix/mitigation.ts
+++ b/src/app/classes/stix/mitigation.ts
@@ -3,7 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class Mitigation extends StixObject {
   public name = '';
@@ -94,7 +94,7 @@ export class Mitigation extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/note.ts b/src/app/classes/stix/note.ts
index bbf0e80e5..b9a44ca68 100644
--- a/src/app/classes/stix/note.ts
+++ b/src/app/classes/stix/note.ts
@@ -3,7 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class Note extends StixObject {
   public title = '';
@@ -88,7 +88,7 @@ export class Note extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/relationship.ts b/src/app/classes/stix/relationship.ts
index b05c0a071..23873f415 100644
--- a/src/app/classes/stix/relationship.ts
+++ b/src/app/classes/stix/relationship.ts
@@ -17,7 +17,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { logger } from '../../utils/logger';
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatus, WorkflowStatusType } from 'src/app/utils/types';
 
 export class Relationship extends StixObject {
   public source_ref = '';
@@ -486,7 +486,7 @@ export class Relationship extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState).pipe(
       map(result => {
@@ -623,9 +623,9 @@ export class Relationship extends StixObject {
   ): Observable<Relationship> {
     if (!this.workflow) {
       // Initialize the workflow object if it doesn't exist
-      this.workflow = { state: 'work-in-progress' };
+      this.workflow = { state: WorkflowStatus.WorkInProgress };
     }
-    this.workflow.state = 'work-in-progress';
+    this.workflow.state = WorkflowStatus.WorkInProgress;
     const postObservable = restAPIService.postRelationship(this);
     const subscription = postObservable.subscribe({
       next: result => {
@@ -694,9 +694,9 @@ export class Relationship extends StixObject {
     // Check if the workflow object exists
     if (!object.workflow) {
       // Initialize the workflow object if it doesn't exist
-      object.workflow = { state: 'work-in-progress' };
+      object.workflow = { state: WorkflowStatus.WorkInProgress };
     }
-    object.workflow.state = 'work-in-progress';
+    object.workflow.state = WorkflowStatus.WorkInProgress;
     object.update(restAPIService).subscribe({
       next: response => {
         console.log('Object updated successfully:', response);
diff --git a/src/app/classes/stix/software.ts b/src/app/classes/stix/software.ts
index 49be00804..2dda508ff 100644
--- a/src/app/classes/stix/software.ts
+++ b/src/app/classes/stix/software.ts
@@ -3,7 +3,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 type type_software = 'malware' | 'tool';
 export class Software extends StixObject {
@@ -142,7 +142,7 @@ export class Software extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/stix-object.ts b/src/app/classes/stix/stix-object.ts
index 96e3831a5..2460b665f 100644
--- a/src/app/classes/stix/stix-object.ts
+++ b/src/app/classes/stix/stix-object.ts
@@ -12,18 +12,13 @@ import {
   AttackTypeToRoute,
   StixTypeToAttackType,
 } from 'src/app/utils/type-mappings';
-import { StixType, WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatus, WorkflowStatusType } from 'src/app/utils/types';
 import { v4 as uuid } from 'uuid';
 import { logger } from '../../utils/logger';
 import { ExternalReferences } from '../external-references';
 import { Serializable, ValidationData } from '../serializable';
 import { VersionNumber } from '../version-number';
 
-export type workflowStates =
-  | 'work-in-progress'
-  | 'awaiting-review'
-  | 'reviewed';
-
 export abstract class StixObject extends Serializable {
   public stixID: string; // STIX ID
   public type: string; // STIX type
@@ -40,7 +35,7 @@ export abstract class StixObject extends Serializable {
   public object_marking_refs: string[] = []; //list of embedded relationships to marking_defs
 
   public abstract readonly supportsAttackID: boolean; // boolean to determine if object supports ATT&CK IDs
-  public tempWorkflowState: WorkflowState;
+  public tempWorkflowState: WorkflowStatusType;
   protected abstract get attackIDValidator(): {
     regex: string; // regex to validate the ID
     format: string; // format to display to user
@@ -67,7 +62,7 @@ export abstract class StixObject extends Serializable {
   public version: VersionNumber; // version number of the object
   public external_references: ExternalReferences;
   public workflow: {
-    state: workflowStates;
+    state: WorkflowStatusType;
     created_by_user_account?: string;
   };
 
@@ -92,7 +87,7 @@ export abstract class StixObject extends Serializable {
       this.external_references = new ExternalReferences();
       if (this.type !== 'x-mitre-collection') {
         this.workflow = {
-          state: 'work-in-progress',
+          state: WorkflowStatus.WorkInProgress,
         };
       }
       this.description = '';
diff --git a/src/app/classes/stix/tactic.ts b/src/app/classes/stix/tactic.ts
index 1209d4e4e..4f8879d18 100644
--- a/src/app/classes/stix/tactic.ts
+++ b/src/app/classes/stix/tactic.ts
@@ -4,7 +4,7 @@ import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
 import { logger } from '../../utils/logger';
 import { Technique } from './technique';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class Tactic extends StixObject {
   public name = '';
@@ -105,7 +105,7 @@ export class Tactic extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState);
   }
diff --git a/src/app/classes/stix/technique.ts b/src/app/classes/stix/technique.ts
index 167bf68ab..17649200f 100644
--- a/src/app/classes/stix/technique.ts
+++ b/src/app/classes/stix/technique.ts
@@ -5,7 +5,7 @@ import { logger } from '../../utils/logger';
 import { ValidationData } from '../serializable';
 import { Relationship } from './relationship';
 import { StixObject } from './stix-object';
-import { WorkflowState } from 'src/app/utils/types';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 export class Technique extends StixObject {
   public name = '';
@@ -453,7 +453,7 @@ export class Technique extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    tempWorkflowState?: WorkflowStatusType
   ): Observable<ValidationData> {
     return this.base_validate(restAPIService, tempWorkflowState).pipe(
       map(result => {
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.ts b/src/app/components/new-track-dialog/new-track-dialog.component.ts
index a17967085..415e98971 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.ts
@@ -2,7 +2,6 @@ import { Component, OnInit, ViewEncapsulation, Inject } from '@angular/core';
 import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import {
-  WorkflowStatus,
   MemberSyncStrategy,
   MemberSyncBehavior,
   ReleaseTrackType,
@@ -11,6 +10,7 @@ import {
   SnapshotScheduleMode,
 } from 'src/app/classes/release-tracks/enums';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import { WorkflowStatus } from 'src/app/utils/types';
 
 @Component({
   standalone: false,
diff --git a/src/app/components/object-status/object-status.component.ts b/src/app/components/object-status/object-status.component.ts
index 43269603e..cd8a006e6 100644
--- a/src/app/components/object-status/object-status.component.ts
+++ b/src/app/components/object-status/object-status.component.ts
@@ -9,7 +9,7 @@ import { EditorService } from 'src/app/services/editor/editor.service';
 import { AddDialogComponent } from '../add-dialog/add-dialog.component';
 import { ConfirmationDialogComponent } from '../confirmation-dialog/confirmation-dialog.component';
 import { forkJoin } from 'rxjs';
-import { WorkflowStates } from 'src/app/utils/types';
+import { WorkflowStatusMap } from 'src/app/utils/types';
 import { SaveDialogComponent } from '../save-dialog/save-dialog.component';
 
 @Component({
@@ -22,7 +22,7 @@ export class ObjectStatusComponent implements OnInit {
   public loaded = false;
   public statusControl: FormControl<string>;
   public select: SelectionModel<string>;
-  public workflows = Object.entries(WorkflowStates);
+  public workflows = Object.entries(WorkflowStatusMap);
   public objects: StixObject[];
   public object: StixObject;
   public relationships = [];
diff --git a/src/app/components/save-dialog/save-dialog.component.ts b/src/app/components/save-dialog/save-dialog.component.ts
index a29daad84..e58451b26 100644
--- a/src/app/components/save-dialog/save-dialog.component.ts
+++ b/src/app/components/save-dialog/save-dialog.component.ts
@@ -6,7 +6,11 @@ import { DetectionStrategy } from 'src/app/classes/stix';
 import { StixObject } from 'src/app/classes/stix/stix-object';
 import { VersionNumber } from 'src/app/classes/version-number';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import { WorkflowState, WorkflowStates } from 'src/app/utils/types';
+import {
+  WorkflowStatus,
+  WorkflowStatusMap,
+  WorkflowStatusType,
+} from 'src/app/utils/types';
 import { logger } from '../../utils/logger';
 
 @Component({
@@ -23,8 +27,8 @@ export class SaveDialogComponent implements OnInit {
   public nextMinorVersion: string;
   public patch_objects = [];
   public validation: ValidationData = null;
-  public newState: WorkflowState = 'work-in-progress';
-  public workflows = Object.entries(WorkflowStates);
+  public newState = WorkflowStatus.WorkInProgress;
+  public workflows = Object.entries(WorkflowStatusMap);
   public analyticsToPatch = new Set<string>(); // list of stix ids of analytics that need patching
 
   public get saveEnabled() {
@@ -64,7 +68,8 @@ export class SaveDialogComponent implements OnInit {
   }
 
   ngOnInit(): void {
-    this.newState = this.config.initialWorkflowState || 'work-in-progress';
+    this.newState =
+      this.config.initialWorkflowState || WorkflowStatus.WorkInProgress;
     if (this.config.object.attackType === 'detection-strategy') {
       const det = this.config.object as DetectionStrategy;
       const newAnalytics = new Set<string>(det.analytics);
@@ -279,5 +284,5 @@ export interface SaveDialogConfig {
   patchId?: string; // previous object ID to patch in LinkByID tags
   patchAnalytics?: Set<string>; // previous list of analytics related to a detection strategy
   versionAlreadyIncremented: boolean;
-  initialWorkflowState?: WorkflowState;
+  initialWorkflowState?: WorkflowStatusType;
 }
diff --git a/src/app/components/status-chip/status-chip.component.ts b/src/app/components/status-chip/status-chip.component.ts
index d25fb9a31..1ac1924e5 100644
--- a/src/app/components/status-chip/status-chip.component.ts
+++ b/src/app/components/status-chip/status-chip.component.ts
@@ -1,5 +1,5 @@
 import { Component, Input } from '@angular/core';
-import { WorkflowState, WorkflowStates } from '../../utils/types';
+import { WorkflowStatus, WorkflowStatusMap } from '../../utils/types';
 
 @Component({
   selector: 'app-status-chip',
@@ -8,9 +8,9 @@ import { WorkflowState, WorkflowStates } from '../../utils/types';
   styleUrls: ['./status-chip.component.scss'],
 })
 export class StatusChipComponent {
-  @Input() status!: WorkflowState;
+  @Input() status!: WorkflowStatus;
 
   public get label(): string {
-    return WorkflowStates[this.status] ?? String(this.status);
+    return WorkflowStatusMap[this.status] ?? String(this.status);
   }
 }
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index f963110df..f4c4d11ac 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -9,9 +9,9 @@ import { ApiConnector } from '../api-connector';
 import {
   ReleaseTrackSnapshot,
   ReleaseTrackType,
-  WorkflowStatusType,
 } from 'src/app/classes/release-tracks';
 import { Paginated } from './rest-api-connector.service';
+import { WorkflowStatusType } from 'src/app/utils/types';
 
 // -----------------------------------------------------------------------------
 // Request Payload Definitions for Release Tracks API Requests
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 50e02d2db..3374eb998 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -44,14 +44,20 @@ export type StixType =
   | 'x-mitre-analytic';
 
 /**
- * Workflow state definitions
+ * Workflow status definitions
  */
-export type WorkflowState = 'work-in-progress' | 'awaiting-review' | 'reviewed';
+export enum WorkflowStatus {
+  WorkInProgress = 'work-in-progress',
+  AwaitingReview = 'awaiting-review',
+  Reviewed = 'reviewed',
+}
 
-/**
- * List of all workflow states
- */
-export const WorkflowStates: Record<WorkflowState, string> = {
+export type WorkflowStatusType =
+  | WorkflowStatus.WorkInProgress
+  | WorkflowStatus.AwaitingReview
+  | WorkflowStatus.Reviewed;
+
+export const WorkflowStatusMap: Record<WorkflowStatus, string> = {
   'work-in-progress': 'work in progress',
   'awaiting-review': 'awaiting review',
   'reviewed': 'reviewed',

From be32e4bd7237625df44b479777d2b92c9615e073 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 6 May 2026 14:14:00 -0400
Subject: [PATCH 040/190] feat(release-tracks): release track workspace details
 tab

---
 src/app/app-routing.module.ts                 |  21 +-
 src/app/app.module.ts                         |   2 +
 .../release-track-card.component.html         |   6 +-
 .../status-chip/status-chip.component.scss    |  10 +-
 .../status-chip/status-chip.component.ts      |   2 +
 .../release-management.component.ts           |   4 +-
 .../release-track-page.component.html         | 250 ++++++++++++++++++
 .../release-track-page.component.scss         |  83 ++++++
 .../release-track-page.component.spec.ts      |  22 ++
 .../release-track-page.component.ts           | 186 +++++++++++++
 src/style/forms.scss                          |  21 +-
 src/style/theme.scss                          |   6 +-
 12 files changed, 584 insertions(+), 29 deletions(-)
 create mode 100644 src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
 create mode 100644 src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
 create mode 100644 src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
 create mode 100644 src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index f3a20208d..c160e9671 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -13,6 +13,7 @@ import { Role } from './classes/authn/role';
 import { TeamsListPageComponent } from './views/dashboard-page/teams/teams-list-page/teams-list-page.component';
 import { TeamsViewPageComponent } from './views/dashboard-page/teams/teams-view-page/teams-view-page.component';
 import { ReleaseManagementComponent } from './views/dashboard-page/release-management/release-management.component';
+import { ReleaseTrackPageComponent } from './views/dashboard-page/release-management/release-track-page/release-track-page.component';
 
 const editRoles = [Role.EDITOR, Role.TEAM_LEAD, Role.ADMIN];
 
@@ -62,7 +63,25 @@ const routes: Routes = [
               title: 'Release Management',
               roles: [Role.ADMIN, Role.TEAM_LEAD],
             },
-            component: ReleaseManagementComponent,
+            children: [
+              {
+                path: '',
+                data: {
+                  breadcrumb: 'release management',
+                  title: 'Release Management',
+                },
+                component: ReleaseManagementComponent,
+              },
+              {
+                path: ':id',
+                data: {
+                  breadcrumb: 'view release track',
+                  editable: false,
+                  title: 'Release Track',
+                },
+                component: ReleaseTrackPageComponent,
+              },
+            ],
           },
           {
             path: 'teams',
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 24b867c88..4ae3fbc06 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -232,6 +232,7 @@ import { StixPageTabsComponent } from './components/stix/stix-page-tabs/stix-pag
 import { ReleaseManagementComponent } from './views/dashboard-page/release-management/release-management.component';
 import { ReleaseTrackCardComponent } from './components/release-track-card/release-track-card.component';
 import { NewTrackDialogComponent } from './components/new-track-dialog/new-track-dialog.component';
+import { ReleaseTrackPageComponent } from './views/dashboard-page/release-management/release-track-page/release-track-page.component';
 import { StatusChipComponent } from './components/status-chip/status-chip.component';
 
 export function initConfig(appConfigService: AppConfigService) {
@@ -381,6 +382,7 @@ export function initConfig(appConfigService: AppConfigService) {
     DictionaryDiffComponent,
     ReleaseManagementComponent,
     NewTrackDialogComponent,
+    ReleaseTrackPageComponent,
     StatusChipComponent,
   ],
   exports: [
diff --git a/src/app/components/release-track-card/release-track-card.component.html b/src/app/components/release-track-card/release-track-card.component.html
index 23e4f0c19..cd7195668 100644
--- a/src/app/components/release-track-card/release-track-card.component.html
+++ b/src/app/components/release-track-card/release-track-card.component.html
@@ -25,17 +25,17 @@
           <div class="stat">
             <div class="stat-label">CANDIDATES</div>
             <div class="stat-value">
-              {{ track.stats?.candidates || track.snapshot_count || 0 }}
+              {{ track.candidates?.length || 'TODO' }}
             </div>
           </div>
           <div class="stat">
             <div class="stat-label">STAGED</div>
-            <div class="stat-value">{{ track.stats?.staged || 0 }}</div>
+            <div class="stat-value">{{ track.staged?.length || 'TODO' }}</div>
           </div>
           <div class="stat">
             <div class="stat-label">MEMBERS</div>
             <div class="stat-value">
-              {{ track.stats?.members || track.tagged_release_count || 0 }}
+              {{ track.members?.length || 'TODO' }}
             </div>
           </div>
         </ng-container>
diff --git a/src/app/components/status-chip/status-chip.component.scss b/src/app/components/status-chip/status-chip.component.scss
index f235f241f..e7af04bd2 100644
--- a/src/app/components/status-chip/status-chip.component.scss
+++ b/src/app/components/status-chip/status-chip.component.scss
@@ -1,14 +1,16 @@
 @use 'src/style/colors.scss' as colors;
 
 .status-chip {
-  .mat-mdc-chip.awaiting-review,
-  .awaiting-review {
+  .mat-mdc-chip-action-label {
+    font-size: 12px !important;
+  }
+
+  .mat-mdc-chip.awaiting-review {
     background: colors.color('pending');
     color: colors.on-color('pending');
   }
 
-  .mat-mdc-chip.reviewed,
-  .reviewed {
+  .mat-mdc-chip.reviewed {
     background: colors.color('active');
     color: colors.on-color('active');
   }
diff --git a/src/app/components/status-chip/status-chip.component.ts b/src/app/components/status-chip/status-chip.component.ts
index 1ac1924e5..749caedfa 100644
--- a/src/app/components/status-chip/status-chip.component.ts
+++ b/src/app/components/status-chip/status-chip.component.ts
@@ -1,11 +1,13 @@
 import { Component, Input } from '@angular/core';
 import { WorkflowStatus, WorkflowStatusMap } from '../../utils/types';
+import { ViewEncapsulation } from '@angular/core';
 
 @Component({
   selector: 'app-status-chip',
   standalone: false,
   templateUrl: './status-chip.component.html',
   styleUrls: ['./status-chip.component.scss'],
+  encapsulation: ViewEncapsulation.None,
 })
 export class StatusChipComponent {
   @Input() status!: WorkflowStatus;
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.ts b/src/app/views/dashboard-page/release-management/release-management.component.ts
index 40b43199d..98385320c 100644
--- a/src/app/views/dashboard-page/release-management/release-management.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-management.component.ts
@@ -12,6 +12,7 @@ import { ReleaseTrackType } from 'src/app/classes/release-tracks';
 import { MatDialog } from '@angular/material/dialog';
 import { NewTrackDialogComponent } from 'src/app/components/new-track-dialog/new-track-dialog.component';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-release-tracks-list',
@@ -42,6 +43,7 @@ export class ReleaseManagementComponent implements OnInit, OnDestroy {
 
   constructor(
     private connector: ReleaseTracksConnectorService,
+    private router: Router,
     private dialog: MatDialog
   ) {}
 
@@ -68,7 +70,7 @@ export class ReleaseManagementComponent implements OnInit, OnDestroy {
   }
 
   public onViewTrack(id: string): void {
-    this.viewTrack.emit(id);
+    this.router.navigate([`/dashboard/release-management/${id}`]);
   }
 
   private tracksWithComputedData(data: any[]): any[] {
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
new file mode 100644
index 000000000..1306ce205
--- /dev/null
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -0,0 +1,250 @@
+<div class="release-track-page">
+  <div class="release-track-header">
+    <h1 style="margin: 0">
+      {{ releaseTrack.name }}
+    </h1>
+    <div class="button-group">
+      <button mat-stroked-button>
+        Export Latest
+        <mat-icon>file_download</mat-icon>
+      </button>
+      <button mat-stroked-button>
+        Create Draft
+        <mat-icon>local_see</mat-icon>
+      </button>
+      <button mat-raised-button color="primary">
+        Preview & Release
+        <mat-icon>preview</mat-icon>
+      </button>
+    </div>
+  </div>
+
+  <app-stix-page-tabs
+    [detailsTemplate]="detailsTpl"
+    [showHistory]="false"
+    [showNotes]="false"
+    [customTabs]="[
+      { label: 'Review', template: reviewTpl },
+      { label: 'History', template: historyTpl },
+      { label: 'Config', template: configTpl },
+    ]"></app-stix-page-tabs>
+
+  <ng-template #detailsTpl>
+    <!-- stats summary -->
+    <div class="grid spacing-16">
+      <div class="row">
+        <div class="col">
+          <div class="labelled-box">
+            <div class="content no-label">
+              <div class="card-header">
+                <strong>Candidates</strong>
+                <span class="text-deemphasis"> &nbsp;(in this draft) </span>
+              </div>
+              <div class="card-body">
+                <h2 style="margin: 12px 0 0 0;" class="view-color">
+                  {{ releaseTrack.candidates?.length || 0 }}
+                </h2>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col">
+          <div class="labelled-box">
+            <div class="content no-label">
+              <div class="card-header">
+                <strong>Staged</strong>
+                <span class="text-deemphasis"> &nbsp;(for next release) </span>
+              </div>
+              <div class="card-body">
+                <h2 style="margin: 12px 0 0 0;" class="promote-color">
+                  {{ releaseTrack.staged?.length || 0 }}
+                </h2>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col">
+          <div class="labelled-box">
+            <div class="content no-label">
+              <div class="card-header">
+                <strong>Members</strong>
+                <span class="text-deemphasis"> &nbsp;(published) </span>
+              </div>
+              <div class="card-body">
+                <h2 style="margin: 12px 0 0 0;">
+                  {{ releaseTrack.members?.length || 0 }}
+                </h2>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="col">
+          <!-- candidates list -->
+          <div class="labelled-box">
+            <div class="content no-label">
+              <div class="card-header member-list">
+                <h3 class="view-color">Candidates ({{ candidates.length }})</h3>
+                <div class="small-buttons">
+                  <button class="view-color" mat-stroked-button (click)="onAddCandidate()">
+                    <mat-icon>add</mat-icon>
+                    Add
+                  </button>
+                  <button class="promote-color" mat-stroked-button (click)="onPromoteAll()">
+                    Promote All
+                  </button>
+                </div>
+              </div>
+
+              <mat-divider></mat-divider>
+              
+              <div class="card-body list">
+                <div *ngIf="!candidates.length">No candidates</div>
+                <div *ngFor="let item of candidates">
+                  <ng-container
+                    *ngTemplateOutlet="
+                      memberTpl;
+                      context: {
+                        $implicit: item,
+                        type: 'candidate'
+                      }
+                    "></ng-container>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="col">
+          <!-- staged -->
+          <div class="labelled-box">
+            <div class="content no-label">
+              <div class="card-header member-list">
+                <h3 class="promote-color">Staged ({{ staged.length }})</h3>
+                <div class="small-buttons">
+                  <button class="demote-color" mat-stroked-button (click)="onDemoteAll()">
+                    Demote All
+                  </button>
+                </div>
+              </div>
+
+              <mat-divider></mat-divider>
+              
+              <div class="card-body list">
+                <div *ngIf="!staged.length">No staged objects</div>
+                <div *ngFor="let item of staged">
+                  <ng-container
+                    *ngTemplateOutlet="
+                      memberTpl;
+                      context: {
+                        $implicit: item,
+                        type: 'staged'
+                      }
+                    "></ng-container>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="col">
+          <!-- members -->
+          <div class="labelled-box">
+            <div class="content no-label">
+              <div class="card-header member-list">
+                <h3>Members ({{ members.length }})</h3>
+              </div>
+
+              <mat-divider></mat-divider>
+              
+              <div class="card-body list">
+                <div *ngIf="!members.length">No published objects</div>
+                <div *ngFor="let item of members">
+                  <ng-container
+                    *ngTemplateOutlet="
+                      memberTpl;
+                      context: {
+                        $implicit: item,
+                        type: 'member'
+                      }
+                    "></ng-container>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </ng-template>
+
+  <ng-template #memberTpl let-item let-type="type">
+    <mat-card class="candidate-card" appearance="outlined">
+      <mat-card-header>
+        <div class="space-between">
+          <div class="card-title">
+            <!-- TODO item name - awaiting API changes -->
+            {{ item.object_ref.split('-')[0] }}-{{ item.object_ref.split('-')[6] }}
+            <span class="card-subtitle">
+              <!-- TODO item name - awaiting API changes -->
+              &LessLess;ATT&CK ID&GreaterGreater;
+            </span>
+          </div>
+          <app-status-chip [status]="item.object_status"></app-status-chip>
+        </div>
+      </mat-card-header>
+      <mat-card-actions>
+        <div class="small-buttons">
+          <button
+            class="view-color"
+            mat-stroked-button
+            (click)="onView(item.object_ref)">
+            <mat-icon>open_in_browser</mat-icon>
+            View
+          </button>
+          <button *ngIf="type !== 'member'"
+            mat-stroked-button
+            (click)="onDiff(item.object_ref)">
+            <mat-icon>difference</mat-icon>
+            Diff
+          </button>
+        </div>
+        <div class="small-buttons">
+          <button *ngIf="type === 'candidate'"
+            class="promote-color"
+            mat-stroked-button
+            (click)="onPromote(item.object_ref)">
+            <mat-icon>arrow_forward</mat-icon>
+            Promote
+          </button>
+          <button *ngIf="type === 'staged'"
+            class="demote-color"
+            mat-stroked-button
+            (click)="onDemote(item.object_ref)">
+            <mat-icon>arrow_back</mat-icon>
+            Demote
+          </button>
+        </div>
+      </mat-card-actions>
+    </mat-card>
+  </ng-template>
+
+  <ng-template #reviewTpl>
+    <div class="review-tpl">
+      TODO
+    </div>
+  </ng-template>
+
+  <ng-template #historyTpl>
+    <div class="history-tpl">
+      TODO
+    </div>
+  </ng-template>
+
+  <ng-template #configTpl>
+    <div class="config-tpl">
+      TODO
+    </div>
+  </ng-template>
+</div>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
new file mode 100644
index 000000000..87d2c0362
--- /dev/null
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -0,0 +1,83 @@
+@use '../../../../../style/colors' as colors;
+// @use '../../../../../style/typography' as typography;
+@use '../../../../../style/theme.scss';
+
+.release-track-page {
+  .promote-color {
+    color: colors.color(success);
+  }
+  .view-color {
+    color: colors.color(info);
+  }
+  .demote-color {
+    color: colors.color(warn);
+  }
+
+  .release-track-header {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 18px;
+  }
+  .space-between {
+    width: 100%;
+    display: flex !important;
+    justify-content: space-between;
+  }
+  .labelled-box .content {
+    display: block;
+    .card-header {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      &.member-list {
+        justify-content: space-between !important;
+        margin-bottom: 12px;
+      }
+      h3 {
+        margin: 0;
+      }
+    }
+    .card-body:not(.list) {
+      display: flex;
+      justify-content: center;
+    }
+  }
+
+  .small-buttons {
+    .mdc-button + .mdc-button {
+      margin-left: 6px;
+    }
+    .mdc-button {
+      height: 28px;
+      padding: 4px 8px;
+      .mat-mdc-outlined-button .mat-mdc-button-touch-target {
+        height: 32px !important;
+      }
+    }
+    .mat-icon {
+      margin-right: 4px;
+    }
+  }
+
+  .candidate-card, .staged-card, .member-card {
+    margin: 12px 6px;
+    .mat-mdc-card-header {
+      padding: 12px 8px;
+    }
+    .mat-mdc-card-actions {
+      justify-content: space-between;
+    }
+    .card-title {
+      @extend .text-label;
+      font-weight: bold;
+      letter-spacing: normal;
+    }
+    .card-subtitle {
+      @extend .text-label;
+      display: block;
+      font-size: 14px;
+      font-weight: 500;
+      color: colors.on-color-deemphasis(light) !important;
+    }
+  }
+}
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
new file mode 100644
index 000000000..47b5ea6de
--- /dev/null
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ReleaseTrackPageComponent } from './release-track-page.component';
+
+describe('ReleaseTrackPageComponent', () => {
+  let component: ReleaseTrackPageComponent;
+  let fixture: ComponentFixture<ReleaseTrackPageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ReleaseTrackPageComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ReleaseTrackPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
new file mode 100644
index 000000000..ea5188f9a
--- /dev/null
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -0,0 +1,186 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { ReleaseTrackSnapshot } from 'src/app/classes/release-tracks';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
+import { MatDialog } from '@angular/material/dialog';
+import { SelectionModel } from '@angular/cdk/collections';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
+import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
+import { StixType } from 'src/app/utils/types';
+
+@Component({
+  selector: 'app-release-track-page',
+  standalone: false,
+  templateUrl: './release-track-page.component.html',
+  styleUrls: ['./release-track-page.component.scss'],
+})
+export class ReleaseTrackPageComponent implements OnInit {
+  public id = '';
+  public releaseTrack: ReleaseTrackSnapshot | null = null;
+
+  constructor(
+    private connector: ReleaseTracksConnectorService,
+    private breadcrumbService: BreadcrumbService,
+    private route: ActivatedRoute,
+    private router: Router,
+    private dialog: MatDialog,
+    private restApiConnectorService: RestApiConnectorService
+  ) {}
+
+  ngOnInit(): void {
+    this.route.params.subscribe(params => {
+      this.id = params.id;
+      if (this.id) this.getReleaseTrack();
+    });
+  }
+
+  public get candidates(): any[] {
+    return this.releaseTrack?.candidates ?? [];
+  }
+
+  public get staged(): any[] {
+    return this.releaseTrack?.staged ?? [];
+  }
+
+  public get members(): any[] {
+    return this.releaseTrack?.members ?? [];
+  }
+
+  public getReleaseTrack(): void {
+    const subscription = this.connector.getLatestSnapshot(this.id).subscribe({
+      next: res => {
+        this.releaseTrack = res;
+        this.breadcrumbService.changeBreadcrumb(
+          this.route.snapshot,
+          this.releaseTrack!.name
+        );
+
+        // this.loadCandidates();
+      },
+      complete: () => {
+        subscription.unsubscribe();
+      },
+    });
+  }
+
+  /**
+   * Load candidates using ReleaseTracksConnectorService.listCandidates()
+   */
+  // private loadCandidates(): void {
+  //   if (!this.id) return;
+  //   const sub = this.connector.listCandidates(this.id).subscribe({
+  //     next: res => {
+  //       const list = (res && (res as any).data) ? (res as any).data : (Array.isArray(res) ? res : []);
+  //       this._candidates = list as any[];
+  //       if (this.releaseTrack) this.releaseTrack.candidates = this._candidates;
+  //     },
+  //     error: err => {
+  //       console.error('Failed to list candidates for track', this.id, err);
+  //     },
+  //     complete: () => sub.unsubscribe(),
+  //   });
+  // }
+
+  public onAddCandidate(): void {
+    if (!this.releaseTrack) return;
+
+    const selection = new SelectionModel<string>(true);
+
+    const sub = this.restApiConnectorService
+      .getAllObjects({ deserialize: true })
+      .subscribe({
+        next: results => {
+          const objects = (results as any).data || [];
+
+          const dialogRef = this.dialog.open(AddDialogComponent, {
+            data: {
+              selectableObjects: objects,
+              select: selection,
+              type: 'all',
+              selectionType: 'many',
+              buttonLabel: 'Add',
+              title: 'Add candidates',
+              clearSelection: true,
+            },
+            maxWidth: '70em',
+            minWidth: '40vw',
+            maxHeight: '75vh',
+          });
+
+          const closeSub = dialogRef.afterClosed().subscribe({
+            next: result => {
+              if (!result) return; // user cancelled
+
+              const objectRefs: any[] = selection.selected.map(stixId => {
+                const obj = objects.find(
+                  (o: any) =>
+                    o.stixID === stixId || (o.stix && o.stix.id === stixId)
+                );
+                const id = obj ? obj.stixID || obj.stix?.id : stixId;
+                let modified: string | undefined;
+                if (obj) {
+                  if (obj.modified instanceof Date)
+                    modified = obj.modified.toISOString();
+                  else if (obj.modified) modified = obj.modified;
+                  else if (obj.stix && obj.stix.modified)
+                    modified = obj.stix.modified;
+                }
+                return modified ? { id, modified } : id;
+              });
+
+              const apiSub = this.connector
+                .addCandidates(this.id, objectRefs)
+                .subscribe({
+                  next: () => {
+                    // refresh snapshot from server so local state reflects saved candidates
+                    this.getReleaseTrack();
+                  },
+                  error: err => {
+                    console.error('Failed to add candidates', err);
+                  },
+                  complete: () => apiSub.unsubscribe(),
+                });
+            },
+            complete: () => closeSub.unsubscribe(),
+          });
+        },
+        complete: () => sub.unsubscribe(),
+      });
+  }
+
+  public getViewUrl(stixId: string): string {
+    const stixType = stixId.split('-')[0] as StixType;
+    return `/${StixTypeToAttackType[stixType]}/${stixId}`;
+  }
+
+  public onPromoteAll(): void {
+    // TODO: implement batch promote logic
+    console.log('onPromoteAll clicked');
+  }
+
+  public onPromote(item: any): void {
+    // TODO: implement promote single item
+    console.log('onPromote', item);
+  }
+
+  public onDemoteAll(): void {
+    // TODO: implement batch demote logic
+    console.log('onDemoteAll clicked');
+  }
+
+  public onDemote(item: any): void {
+    // TODO: implement demote single item
+    console.log('onDemote', item);
+  }
+
+  public onView(id: string): void {
+    this.router.navigate([this.getViewUrl(id)]);
+  }
+
+  public onDiff(item: any): void {
+    // TODO: open diff modal for item
+    console.log('onDiff', item);
+  }
+}
diff --git a/src/style/forms.scss b/src/style/forms.scss
index 663a6e9e3..a1f24307f 100644
--- a/src/style/forms.scss
+++ b/src/style/forms.scss
@@ -106,23 +106,10 @@
 }
 
 .button-group {
-  // left border removed
-  .mat-mdc-button:not(:first-child),
-  .mat-mdc-raised-button:not(:first-child),
-  .mat-mdc-outlined-button:not(:first-child),
-  .mat-mdc-unelevated-button:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    border-left-width: 0px;
-  }
-  // right border radius removed
-  .mat-mdc-button:not(:last-child),
-  .mat-mdc-raised-button:not(:last-child),
-  .mat-mdc-outlined-button:not(:last-child),
-  .mat-mdc-unelevated-button:not(:last-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  justify-content: center;
 }
 
 .mat-mdc-form-field-error {
diff --git a/src/style/theme.scss b/src/style/theme.scss
index 836476339..8dfe45e91 100644
--- a/src/style/theme.scss
+++ b/src/style/theme.scss
@@ -430,12 +430,12 @@ button.mat-mdc-outlined-button:disabled {
   }
 }
 
-.mat-mdc-card .mat-mdc-card-header {
+.mat-mdc-card .mat-mdc-card-actions {
   .light & {
-    background: colors.color-alternate(light);
+    border-top: 1px solid colors.color-alternate(light);
   }
   .dark & {
-    background: colors.color-alternate(dark);
+    border-top: 1px solid colors.color-alternate(dark);
   }
 }
 

From 4174080fdee9b31b182be4bc530950c8a80f59c8 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 6 May 2026 14:14:14 -0400
Subject: [PATCH 041/190] chore: formatting

---
 .../release-track-page.component.html         | 58 +++++++++++--------
 .../release-track-page.component.scss         |  4 +-
 2 files changed, 36 insertions(+), 26 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 1306ce205..bf0f99cef 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -41,7 +41,7 @@ <h1 style="margin: 0">
                 <span class="text-deemphasis"> &nbsp;(in this draft) </span>
               </div>
               <div class="card-body">
-                <h2 style="margin: 12px 0 0 0;" class="view-color">
+                <h2 style="margin: 12px 0 0 0" class="view-color">
                   {{ releaseTrack.candidates?.length || 0 }}
                 </h2>
               </div>
@@ -56,7 +56,7 @@ <h2 style="margin: 12px 0 0 0;" class="view-color">
                 <span class="text-deemphasis"> &nbsp;(for next release) </span>
               </div>
               <div class="card-body">
-                <h2 style="margin: 12px 0 0 0;" class="promote-color">
+                <h2 style="margin: 12px 0 0 0" class="promote-color">
                   {{ releaseTrack.staged?.length || 0 }}
                 </h2>
               </div>
@@ -71,7 +71,7 @@ <h2 style="margin: 12px 0 0 0;" class="promote-color">
                 <span class="text-deemphasis"> &nbsp;(published) </span>
               </div>
               <div class="card-body">
-                <h2 style="margin: 12px 0 0 0;">
+                <h2 style="margin: 12px 0 0 0">
                   {{ releaseTrack.members?.length || 0 }}
                 </h2>
               </div>
@@ -88,18 +88,24 @@ <h2 style="margin: 12px 0 0 0;">
               <div class="card-header member-list">
                 <h3 class="view-color">Candidates ({{ candidates.length }})</h3>
                 <div class="small-buttons">
-                  <button class="view-color" mat-stroked-button (click)="onAddCandidate()">
+                  <button
+                    class="view-color"
+                    mat-stroked-button
+                    (click)="onAddCandidate()">
                     <mat-icon>add</mat-icon>
                     Add
                   </button>
-                  <button class="promote-color" mat-stroked-button (click)="onPromoteAll()">
+                  <button
+                    class="promote-color"
+                    mat-stroked-button
+                    (click)="onPromoteAll()">
                     Promote All
                   </button>
                 </div>
               </div>
 
               <mat-divider></mat-divider>
-              
+
               <div class="card-body list">
                 <div *ngIf="!candidates.length">No candidates</div>
                 <div *ngFor="let item of candidates">
@@ -108,7 +114,7 @@ <h3 class="view-color">Candidates ({{ candidates.length }})</h3>
                       memberTpl;
                       context: {
                         $implicit: item,
-                        type: 'candidate'
+                        type: 'candidate',
                       }
                     "></ng-container>
                 </div>
@@ -124,14 +130,17 @@ <h3 class="view-color">Candidates ({{ candidates.length }})</h3>
               <div class="card-header member-list">
                 <h3 class="promote-color">Staged ({{ staged.length }})</h3>
                 <div class="small-buttons">
-                  <button class="demote-color" mat-stroked-button (click)="onDemoteAll()">
+                  <button
+                    class="demote-color"
+                    mat-stroked-button
+                    (click)="onDemoteAll()">
                     Demote All
                   </button>
                 </div>
               </div>
 
               <mat-divider></mat-divider>
-              
+
               <div class="card-body list">
                 <div *ngIf="!staged.length">No staged objects</div>
                 <div *ngFor="let item of staged">
@@ -140,7 +149,7 @@ <h3 class="promote-color">Staged ({{ staged.length }})</h3>
                       memberTpl;
                       context: {
                         $implicit: item,
-                        type: 'staged'
+                        type: 'staged',
                       }
                     "></ng-container>
                 </div>
@@ -158,7 +167,7 @@ <h3>Members ({{ members.length }})</h3>
               </div>
 
               <mat-divider></mat-divider>
-              
+
               <div class="card-body list">
                 <div *ngIf="!members.length">No published objects</div>
                 <div *ngFor="let item of members">
@@ -167,7 +176,7 @@ <h3>Members ({{ members.length }})</h3>
                       memberTpl;
                       context: {
                         $implicit: item,
-                        type: 'member'
+                        type: 'member',
                       }
                     "></ng-container>
                 </div>
@@ -185,7 +194,9 @@ <h3>Members ({{ members.length }})</h3>
         <div class="space-between">
           <div class="card-title">
             <!-- TODO item name - awaiting API changes -->
-            {{ item.object_ref.split('-')[0] }}-{{ item.object_ref.split('-')[6] }}
+            {{ item.object_ref.split('-')[0] }}-{{
+              item.object_ref.split('-')[6]
+            }}
             <span class="card-subtitle">
               <!-- TODO item name - awaiting API changes -->
               &LessLess;ATT&CK ID&GreaterGreater;
@@ -203,7 +214,8 @@ <h3>Members ({{ members.length }})</h3>
             <mat-icon>open_in_browser</mat-icon>
             View
           </button>
-          <button *ngIf="type !== 'member'"
+          <button
+            *ngIf="type !== 'member'"
             mat-stroked-button
             (click)="onDiff(item.object_ref)">
             <mat-icon>difference</mat-icon>
@@ -211,14 +223,16 @@ <h3>Members ({{ members.length }})</h3>
           </button>
         </div>
         <div class="small-buttons">
-          <button *ngIf="type === 'candidate'"
+          <button
+            *ngIf="type === 'candidate'"
             class="promote-color"
             mat-stroked-button
             (click)="onPromote(item.object_ref)">
             <mat-icon>arrow_forward</mat-icon>
             Promote
           </button>
-          <button *ngIf="type === 'staged'"
+          <button
+            *ngIf="type === 'staged'"
             class="demote-color"
             mat-stroked-button
             (click)="onDemote(item.object_ref)">
@@ -231,20 +245,14 @@ <h3>Members ({{ members.length }})</h3>
   </ng-template>
 
   <ng-template #reviewTpl>
-    <div class="review-tpl">
-      TODO
-    </div>
+    <div class="review-tpl">TODO</div>
   </ng-template>
 
   <ng-template #historyTpl>
-    <div class="history-tpl">
-      TODO
-    </div>
+    <div class="history-tpl">TODO</div>
   </ng-template>
 
   <ng-template #configTpl>
-    <div class="config-tpl">
-      TODO
-    </div>
+    <div class="config-tpl">TODO</div>
   </ng-template>
 </div>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index 87d2c0362..9066059d2 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -59,7 +59,9 @@
     }
   }
 
-  .candidate-card, .staged-card, .member-card {
+  .candidate-card,
+  .staged-card,
+  .member-card {
     margin: 12px 6px;
     .mat-mdc-card-header {
       padding: 12px 8px;

From 58c125ac13748c01034fa8f707bc85ad75f8d6c2 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 6 May 2026 14:25:33 -0400
Subject: [PATCH 042/190] fix(template): prevent errors when object is accessed
 before load

---
 .../release-track-page/release-track-page.component.html  | 8 ++++----
 .../release-track-page/release-track-page.component.ts    | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index bf0f99cef..edaeb47e7 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -1,7 +1,7 @@
 <div class="release-track-page">
   <div class="release-track-header">
     <h1 style="margin: 0">
-      {{ releaseTrack.name }}
+      {{ releaseTrackName }}
     </h1>
     <div class="button-group">
       <button mat-stroked-button>
@@ -42,7 +42,7 @@ <h1 style="margin: 0">
               </div>
               <div class="card-body">
                 <h2 style="margin: 12px 0 0 0" class="view-color">
-                  {{ releaseTrack.candidates?.length || 0 }}
+                  {{ candidates.length || 0 }}
                 </h2>
               </div>
             </div>
@@ -57,7 +57,7 @@ <h2 style="margin: 12px 0 0 0" class="view-color">
               </div>
               <div class="card-body">
                 <h2 style="margin: 12px 0 0 0" class="promote-color">
-                  {{ releaseTrack.staged?.length || 0 }}
+                  {{ staged.length || 0 }}
                 </h2>
               </div>
             </div>
@@ -72,7 +72,7 @@ <h2 style="margin: 12px 0 0 0" class="promote-color">
               </div>
               <div class="card-body">
                 <h2 style="margin: 12px 0 0 0">
-                  {{ releaseTrack.members?.length || 0 }}
+                  {{ members.length || 0 }}
                 </h2>
               </div>
             </div>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index ea5188f9a..90afec249 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -36,6 +36,10 @@ export class ReleaseTrackPageComponent implements OnInit {
     });
   }
 
+  public get releaseTrackName(): string {
+    return this.releaseTrack?.name ?? '';
+  }
+
   public get candidates(): any[] {
     return this.releaseTrack?.candidates ?? [];
   }

From 2b5edb5e114cafb6218be2a88ef0ae7a4042e51b Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 6 May 2026 15:28:35 -0400
Subject: [PATCH 043/190] feat(release-tracks): implement promote and demote
 functionality

---
 .../release-track-page.component.html         |  2 +-
 .../release-track-page.component.ts           | 66 +++++++++++++++----
 2 files changed, 56 insertions(+), 12 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index edaeb47e7..f00367adb 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -235,7 +235,7 @@ <h3>Members ({{ members.length }})</h3>
             *ngIf="type === 'staged'"
             class="demote-color"
             mat-stroked-button
-            (click)="onDemote(item.object_ref)">
+            (click)="onDemote(item)">
             <mat-icon>arrow_back</mat-icon>
             Demote
           </button>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 90afec249..12ec31987 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -1,7 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { ReleaseTrackSnapshot } from 'src/app/classes/release-tracks';
-import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import {
+  ReleaseTracksConnectorService,
+  StixObjectRef,
+} from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
 import { MatDialog } from '@angular/material/dialog';
 import { SelectionModel } from '@angular/cdk/collections';
@@ -159,24 +162,65 @@ export class ReleaseTrackPageComponent implements OnInit {
     return `/${StixTypeToAttackType[stixType]}/${stixId}`;
   }
 
+  public promote(objectIds: string[]): void {
+    if (!objectIds.length) return;
+    const sub = this.connector.promoteCandidates(this.id, objectIds).subscribe({
+      next: () => {
+        this.getReleaseTrack();
+      },
+      error: err => {
+        console.error('Failed to promote candidates', err);
+      },
+      complete: () => sub.unsubscribe(),
+    });
+  }
+
   public onPromoteAll(): void {
-    // TODO: implement batch promote logic
-    console.log('onPromoteAll clicked');
+    if (!this.id || !this.releaseTrack) return;
+    const candidateIds: string[] = this.candidates
+      .map(c => c.object_ref)
+      .filter((r: any) => !!r);
+    this.promote(candidateIds);
   }
 
-  public onPromote(item: any): void {
-    // TODO: implement promote single item
-    console.log('onPromote', item);
+  public onPromote(candidateId: string): void {
+    if (!this.id || !candidateId) return;
+    this.promote([candidateId]);
+  }
+
+  public demote(objectRefs: StixObjectRef[]): void {
+    if (!objectRefs.length) return;
+    const sub = this.connector.demoteStaged(this.id, objectRefs).subscribe({
+      next: () => {
+        this.getReleaseTrack();
+      },
+      error: err => {
+        console.error('Failed to demote staged objects', err);
+      },
+      complete: () => sub.unsubscribe(),
+    });
   }
 
   public onDemoteAll(): void {
-    // TODO: implement batch demote logic
-    console.log('onDemoteAll clicked');
+    if (!this.id || !this.releaseTrack) return;
+    const stagedRefs: StixObjectRef[] = this.staged
+      .map(s => {
+        return {
+          id: s.object_ref,
+          modified: s.object_modified,
+        };
+      })
+      .filter((s: any) => !!s);
+    this.demote(stagedRefs);
   }
 
-  public onDemote(item: any): void {
-    // TODO: implement demote single item
-    console.log('onDemote', item);
+  public onDemote(staged: any): void {
+    if (!this.id || !staged) return;
+    const stagedRef: StixObjectRef = {
+      id: staged.object_ref,
+      modified: staged.object_modified,
+    };
+    this.demote([stagedRef]);
   }
 
   public onView(id: string): void {

From 144377cc81f4791f80cea2cae3e65a58ae77a170 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 6 May 2026 15:38:13 -0400
Subject: [PATCH 044/190] test(release-track-page): fix injector error for http
 client

---
 .../testing/mocks/rest-api-connector.mock.ts  |  4 ++++
 .../release-track-page.component.spec.ts      | 21 +++++++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/src/app/testing/mocks/rest-api-connector.mock.ts b/src/app/testing/mocks/rest-api-connector.mock.ts
index 1b5a4e7f7..a70a1bf5c 100644
--- a/src/app/testing/mocks/rest-api-connector.mock.ts
+++ b/src/app/testing/mocks/rest-api-connector.mock.ts
@@ -60,3 +60,7 @@ export function createMockRestApiConnector(config?: any): any {
 
   return { ...defaults, ...config };
 }
+
+export function createMockReleaseTrackApiConnector(config?: any): any {
+  return { ...config };
+}
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 47b5ea6de..5e55bd650 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -1,14 +1,35 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ReleaseTrackPageComponent } from './release-track-page.component';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/compiler';
+import {
+  createAsyncObservable,
+  createMockReleaseTrackApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('ReleaseTrackPageComponent', () => {
   let component: ReleaseTrackPageComponent;
   let fixture: ComponentFixture<ReleaseTrackPageComponent>;
 
   beforeEach(async () => {
+    const mockReleaseTrackApiConnector = createMockReleaseTrackApiConnector({
+      getAllUserAccounts: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [ReleaseTrackPageComponent],
+      providers: [
+        {
+          provide: ReleaseTracksConnectorService,
+          useValue: mockReleaseTrackApiConnector,
+        },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
 
     fixture = TestBed.createComponent(ReleaseTrackPageComponent);

From 2d35f0154a0af99b4933783e10f7781b4abefca5 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 6 May 2026 15:46:56 -0400
Subject: [PATCH 045/190] test(release-track-page): add provider for
 ActivatedRoute

---
 .../release-track-page.component.spec.ts                 | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 5e55bd650..6a291c055 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -9,6 +9,8 @@ import {
   createMockReleaseTrackApiConnector,
   createPaginatedResponse,
 } from 'src/app/testing/mocks/rest-api-connector.mock';
+import { ActivatedRoute } from '@angular/router';
+import { of } from 'rxjs';
 
 describe('ReleaseTrackPageComponent', () => {
   let component: ReleaseTrackPageComponent;
@@ -27,6 +29,13 @@ describe('ReleaseTrackPageComponent', () => {
           provide: ReleaseTracksConnectorService,
           useValue: mockReleaseTrackApiConnector,
         },
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
         provideHttpClient(),
       ],
       schemas: [NO_ERRORS_SCHEMA],

From 043681ace47fd31b71415a34f5e16ecee3951da7 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 11 May 2026 10:04:49 -0400
Subject: [PATCH 046/190] style(status-chip): keep chip label font size at 12px

---
 .../multiple-choice-dialog.component.html                | 2 +-
 .../multiple-choice-dialog.component.ts                  | 9 +++------
 .../components/status-chip/status-chip.component.scss    | 2 +-
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.html b/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.html
index 3434b8987..c8b7c1560 100644
--- a/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.html
+++ b/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.html
@@ -5,7 +5,7 @@ <h1 mat-dialog-title>{{ config.title }}</h1>
     <div
       class="choice"
       *ngFor="let choice of config.choices"
-      (click)="dialogRef.close(choice.label)">
+      (click)="dialogRef.close(choice.value || choice.label)">
       <h3>{{ choice.label }}</h3>
       <p *ngIf="choice.description">{{ choice.description }}</p>
     </div>
diff --git a/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.ts b/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.ts
index 5beaed46a..007bec550 100644
--- a/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.ts
+++ b/src/app/components/multiple-choice-dialog/multiple-choice-dialog.component.ts
@@ -1,4 +1,4 @@
-import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
+import { Component, Inject, ViewEncapsulation } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 @Component({
@@ -8,15 +8,11 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
   encapsulation: ViewEncapsulation.None,
   standalone: false,
 })
-export class MultipleChoiceDialogComponent implements OnInit {
+export class MultipleChoiceDialogComponent {
   constructor(
     public dialogRef: MatDialogRef<MultipleChoiceDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public config: MultipleChoiceDialogConfig
   ) {}
-
-  ngOnInit(): void {
-    // intentionally left blank
-  }
 }
 
 export interface MultipleChoiceDialogConfig {
@@ -24,6 +20,7 @@ export interface MultipleChoiceDialogConfig {
   description?: string; //additional explanation
   choices: {
     label: string;
+    value?: string;
     description?: string;
   }[];
 }
diff --git a/src/app/components/status-chip/status-chip.component.scss b/src/app/components/status-chip/status-chip.component.scss
index e7af04bd2..a620d0f7c 100644
--- a/src/app/components/status-chip/status-chip.component.scss
+++ b/src/app/components/status-chip/status-chip.component.scss
@@ -1,7 +1,7 @@
 @use 'src/style/colors.scss' as colors;
 
 .status-chip {
-  .mat-mdc-chip-action-label {
+  .mat-mdc-chip.mat-mdc-standard-chip .mat-mdc-chip-action-label {
     font-size: 12px !important;
   }
 

From 152f3e71472b035fe4911bf75c11b50a218ed765 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 11 May 2026 10:50:55 -0400
Subject: [PATCH 047/190] feat(release-tracks): add release track export
 downloads

---
 .../rest-api/release-tracks.service.ts        |  55 +++++++--
 .../release-track-page.component.html         |   6 +-
 .../release-track-page.component.spec.ts      | 107 ++++++++++++++++--
 .../release-track-page.component.ts           |  92 ++++++++++++++-
 4 files changed, 241 insertions(+), 19 deletions(-)

diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index f4c4d11ac..8e3763199 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -7,6 +7,7 @@ import { environment } from '../../../../environments/environment';
 import { logger } from '../../../utils/logger';
 import { ApiConnector } from '../api-connector';
 import {
+  ExportFormatType,
   ReleaseTrackSnapshot,
   ReleaseTrackType,
 } from 'src/app/classes/release-tracks';
@@ -82,6 +83,12 @@ export interface ConfigPayload {
   auto_promote?: boolean;
 }
 
+export interface ReleaseTrackSnapshotOptions {
+  format?: ExportFormatType;
+  include?: string;
+  [key: string]: any;
+}
+
 // -----------------------------------------------------------------------------
 // Release Tracks API Connector Service
 // -----------------------------------------------------------------------------
@@ -101,6 +108,17 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     super(snackbar);
   }
 
+  private buildHttpParams(options?: Record<string, any>): HttpParams {
+    let params = new HttpParams();
+    if (options) {
+      Object.keys(options).forEach(k => {
+        const v = options[k];
+        if (v !== undefined && v !== null) params = params.set(k, String(v));
+      });
+    }
+    return params;
+  }
+
   // -----------------------------------------------------------------------------
   // Ephemeral
   // -----------------------------------------------------------------------------
@@ -214,15 +232,9 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    */
   public getLatestSnapshot(
     id: string,
-    options?: { format?: string; [key: string]: any }
+    options?: ReleaseTrackSnapshotOptions
   ): Observable<ReleaseTrackSnapshot | null> {
-    let params = new HttpParams();
-    if (options) {
-      Object.keys(options).forEach(k => {
-        const v = (options as any)[k];
-        if (v !== undefined && v !== null) params = params.set(k, String(v));
-      });
-    }
+    const params = this.buildHttpParams(options);
     const url = `${this.apiUrl}/release-tracks/${id}`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
@@ -234,6 +246,33 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     );
   }
 
+  /**
+   * GET /api/release-tracks/:id?format=:format
+   * Retrieve the latest snapshot in an export format without deserializing it.
+   * @param id Release track id
+   * @param format Export format
+   * @param options Additional query options
+   * @returns Observable<any> formatted export payload
+   */
+  public exportLatestSnapshot(
+    id: string,
+    format: ExportFormatType,
+    options?: Omit<ReleaseTrackSnapshotOptions, 'format'>
+  ): Observable<any> {
+    const params = this.buildHttpParams({ ...options, format });
+    const url = `${this.apiUrl}/release-tracks/${id}`;
+    return this.http.get(url, { params }).pipe(
+      tap(result =>
+        logger.log(
+          `retrieved latest snapshot export for track ${id} in ${format} format`,
+          result
+        )
+      ),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
   /**
    * POST /api/release-tracks/:id/meta
    * Update metadata for latest snapshot (creates new snapshot).
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index f00367adb..3de55e98a 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -4,15 +4,15 @@ <h1 style="margin: 0">
       {{ releaseTrackName }}
     </h1>
     <div class="button-group">
-      <button mat-stroked-button>
+      <button mat-stroked-button (click)="onExport()">
         Export Latest
         <mat-icon>file_download</mat-icon>
       </button>
-      <button mat-stroked-button>
+      <button mat-stroked-button (click)="onDraft()">
         Create Draft
         <mat-icon>local_see</mat-icon>
       </button>
-      <button mat-raised-button color="primary">
+      <button mat-raised-button color="primary" (click)="onPreviewRelease()">
         Preview & Release
         <mat-icon>preview</mat-icon>
       </button>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 6a291c055..2716a80cf 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -2,25 +2,46 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ReleaseTrackPageComponent } from './release-track-page.component';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
-import { provideHttpClient } from '@angular/common/http';
-import { NO_ERRORS_SCHEMA } from '@angular/compiler';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 import {
   createAsyncObservable,
   createMockReleaseTrackApiConnector,
   createPaginatedResponse,
 } from 'src/app/testing/mocks/rest-api-connector.mock';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { of } from 'rxjs';
+import { MatDialog } from '@angular/material/dialog';
+import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
 
 describe('ReleaseTrackPageComponent', () => {
   let component: ReleaseTrackPageComponent;
   let fixture: ComponentFixture<ReleaseTrackPageComponent>;
+  let mockReleaseTrackApiConnector: any;
+  let mockDialog: any;
+  let mockRestApiConnector: any;
 
   beforeEach(async () => {
-    const mockReleaseTrackApiConnector = createMockReleaseTrackApiConnector({
-      getAllUserAccounts: () =>
-        createAsyncObservable(createPaginatedResponse([])),
+    mockReleaseTrackApiConnector = createMockReleaseTrackApiConnector({
+      getLatestSnapshot: vi.fn(() => createAsyncObservable(null)),
+      exportLatestSnapshot: vi.fn(() => createAsyncObservable({})),
     });
+    mockDialog = {
+      open: vi.fn(),
+    };
+    mockRestApiConnector = {
+      getAllObjects: vi.fn(() =>
+        createAsyncObservable(createPaginatedResponse([]))
+      ),
+      triggerBrowserDownload: vi.fn(),
+    };
+    const mockBreadcrumbService = {
+      changeBreadcrumb: vi.fn(),
+    };
+    const mockRouter = {
+      navigate: vi.fn(),
+    };
 
     await TestBed.configureTestingModule({
       declarations: [ReleaseTrackPageComponent],
@@ -29,14 +50,30 @@ describe('ReleaseTrackPageComponent', () => {
           provide: ReleaseTracksConnectorService,
           useValue: mockReleaseTrackApiConnector,
         },
+        {
+          provide: RestApiConnectorService,
+          useValue: mockRestApiConnector,
+        },
+        {
+          provide: MatDialog,
+          useValue: mockDialog,
+        },
+        {
+          provide: BreadcrumbService,
+          useValue: mockBreadcrumbService,
+        },
+        {
+          provide: Router,
+          useValue: mockRouter,
+        },
         {
           provide: ActivatedRoute,
           useValue: {
             params: of({}),
             queryParams: of({}),
+            snapshot: {},
           },
         },
-        provideHttpClient(),
       ],
       schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
@@ -49,4 +86,60 @@ describe('ReleaseTrackPageComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should download the release track in the selected export format', () => {
+    const exportPayload = { type: 'bundle', objects: [] };
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('bundle'),
+    });
+    mockReleaseTrackApiConnector.exportLatestSnapshot.mockReturnValue(
+      of(exportPayload)
+    );
+    component.id = 'release-track--123';
+    component.releaseTrack = { name: 'Enterprise Release' } as any;
+
+    component.onExport();
+
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      MultipleChoiceDialogComponent,
+      expect.objectContaining({
+        data: expect.objectContaining({
+          choices: expect.arrayContaining([
+            expect.objectContaining({
+              label: 'STIX Bundle',
+              value: 'bundle',
+            }),
+          ]),
+        }),
+      })
+    );
+    expect(
+      mockReleaseTrackApiConnector.exportLatestSnapshot
+    ).toHaveBeenCalledWith('release-track--123', 'bundle', { include: 'all' });
+    expect(mockRestApiConnector.triggerBrowserDownload).toHaveBeenCalledWith(
+      exportPayload,
+      'enterprise-release-latest-bundle.json'
+    );
+  });
+
+  it('should not export when the dialog is dismissed', () => {
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of(null),
+    });
+    component.id = 'release-track--123';
+
+    component.onExport();
+
+    expect(
+      mockReleaseTrackApiConnector.exportLatestSnapshot
+    ).not.toHaveBeenCalled();
+  });
+
+  it('should not open the export dialog without a release track id', () => {
+    component.id = '';
+
+    component.onExport();
+
+    expect(mockDialog.open).not.toHaveBeenCalled();
+  });
 });
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 12ec31987..4bb57e385 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -1,6 +1,10 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { ReleaseTrackSnapshot } from 'src/app/classes/release-tracks';
+import {
+  ExportFormat,
+  ExportFormatType,
+  ReleaseTrackSnapshot,
+} from 'src/app/classes/release-tracks';
 import {
   ReleaseTracksConnectorService,
   StixObjectRef,
@@ -12,6 +16,8 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
 import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
 import { StixType } from 'src/app/utils/types';
+import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
+import { take } from 'rxjs/operators';
 
 @Component({
   selector: 'app-release-track-page',
@@ -231,4 +237,88 @@ export class ReleaseTrackPageComponent implements OnInit {
     // TODO: open diff modal for item
     console.log('onDiff', item);
   }
+
+  public onExport(): void {
+    if (!this.id) return;
+
+    const formatRef = this.dialog.open(MultipleChoiceDialogComponent, {
+      width: '30em',
+      autoFocus: false,
+      data: {
+        title: `Export latest release snapshot`,
+        choices: [
+          {
+            label: 'STIX Bundle',
+            value: 'bundle',
+            description:
+              'A standard STIX 2.1 JSON bundle containing all member objects of the release.',
+          },
+          {
+            label: 'Snapshot',
+            value: 'snapshot',
+            description:
+              'The raw release track snapshot, including tiers, version history, and configuration.',
+          },
+          {
+            label: 'File System Store',
+            value: 'filesystemstore',
+            description:
+              'A directory structure with individual STIX JSON files, suitable for Git releases.',
+          },
+          {
+            label: 'Workbench Format',
+            value: 'workbench',
+            description:
+              'A richer format including workflow statuses, metadata, and other Workbench-specific data.',
+          },
+        ],
+      },
+    });
+
+    formatRef
+      .afterClosed()
+      .pipe(take(1))
+      .subscribe(format => {
+        if (!format) return;
+        this.downloadLatestReleaseTrack(format as ExportFormat);
+      });
+  }
+
+  private downloadLatestReleaseTrack(format: ExportFormatType): void {
+    this.connector
+      .exportLatestSnapshot(this.id, format, { include: 'all' })
+      .pipe(take(1))
+      .subscribe({
+        next: result => {
+          this.restApiConnectorService.triggerBrowserDownload(
+            result,
+            this.getExportFilename(format)
+          );
+        },
+        error: err => {
+          console.error('Failed to export release track', err);
+        },
+      });
+  }
+
+  private getExportFilename(format: ExportFormatType): string {
+    const name = this.releaseTrackName || this.id || 'release-track';
+    const safeName =
+      name
+        .trim()
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '') || 'release-track';
+    return `${safeName}-latest-${format}.json`;
+  }
+
+  public onDraft(): void {
+    // TODO: create draft snapshot
+    console.log('onDraft');
+  }
+
+  public onPreviewRelease(): void {
+    // TODO: open preview & release modal
+    console.log('onPreviewRelease');
+  }
 }

From 7e4c86b672266cad57299a5e3d9f0f74e23bdf1b Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 11 May 2026 11:44:05 -0400
Subject: [PATCH 048/190] style(release-tracks): improve release lane layout
 and scrolling

---
 .../release-track-page.component.html         |  57 ++--
 .../release-track-page.component.scss         | 289 +++++++++++++++++-
 2 files changed, 307 insertions(+), 39 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 3de55e98a..7c5e856c9 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -1,9 +1,9 @@
 <div class="release-track-page">
   <div class="release-track-header">
-    <h1 style="margin: 0">
+    <h1>
       {{ releaseTrackName }}
     </h1>
-    <div class="button-group">
+    <div class="button-group release-track-actions">
       <button mat-stroked-button (click)="onExport()">
         Export Latest
         <mat-icon>file_download</mat-icon>
@@ -31,47 +31,47 @@ <h1 style="margin: 0">
 
   <ng-template #detailsTpl>
     <!-- stats summary -->
-    <div class="grid spacing-16">
-      <div class="row">
-        <div class="col">
-          <div class="labelled-box">
+    <div class="release-track-board">
+      <div class="summary-grid">
+        <div class="summary-item">
+          <div class="labelled-box summary-card candidates-summary">
             <div class="content no-label">
               <div class="card-header">
                 <strong>Candidates</strong>
                 <span class="text-deemphasis"> &nbsp;(in this draft) </span>
               </div>
               <div class="card-body">
-                <h2 style="margin: 12px 0 0 0" class="view-color">
+                <h2 class="view-color">
                   {{ candidates.length || 0 }}
                 </h2>
               </div>
             </div>
           </div>
         </div>
-        <div class="col">
-          <div class="labelled-box">
+        <div class="summary-item">
+          <div class="labelled-box summary-card staged-summary">
             <div class="content no-label">
               <div class="card-header">
                 <strong>Staged</strong>
                 <span class="text-deemphasis"> &nbsp;(for next release) </span>
               </div>
               <div class="card-body">
-                <h2 style="margin: 12px 0 0 0" class="promote-color">
+                <h2 class="promote-color">
                   {{ staged.length || 0 }}
                 </h2>
               </div>
             </div>
           </div>
         </div>
-        <div class="col">
-          <div class="labelled-box">
+        <div class="summary-item">
+          <div class="labelled-box summary-card members-summary">
             <div class="content no-label">
               <div class="card-header">
                 <strong>Members</strong>
                 <span class="text-deemphasis"> &nbsp;(published) </span>
               </div>
               <div class="card-body">
-                <h2 style="margin: 12px 0 0 0">
+                <h2>
                   {{ members.length || 0 }}
                 </h2>
               </div>
@@ -80,10 +80,10 @@ <h2 style="margin: 12px 0 0 0">
         </div>
       </div>
 
-      <div class="row">
-        <div class="col">
+      <div class="release-columns">
+        <div class="release-column">
           <!-- candidates list -->
-          <div class="labelled-box">
+          <div class="labelled-box track-panel candidates-panel">
             <div class="content no-label">
               <div class="card-header member-list">
                 <h3 class="view-color">Candidates ({{ candidates.length }})</h3>
@@ -107,7 +107,9 @@ <h3 class="view-color">Candidates ({{ candidates.length }})</h3>
               <mat-divider></mat-divider>
 
               <div class="card-body list">
-                <div *ngIf="!candidates.length">No candidates</div>
+                <div class="empty-state" *ngIf="!candidates.length">
+                  No candidates
+                </div>
                 <div *ngFor="let item of candidates">
                   <ng-container
                     *ngTemplateOutlet="
@@ -123,9 +125,9 @@ <h3 class="view-color">Candidates ({{ candidates.length }})</h3>
           </div>
         </div>
 
-        <div class="col">
+        <div class="release-column">
           <!-- staged -->
-          <div class="labelled-box">
+          <div class="labelled-box track-panel staged-panel">
             <div class="content no-label">
               <div class="card-header member-list">
                 <h3 class="promote-color">Staged ({{ staged.length }})</h3>
@@ -142,7 +144,9 @@ <h3 class="promote-color">Staged ({{ staged.length }})</h3>
               <mat-divider></mat-divider>
 
               <div class="card-body list">
-                <div *ngIf="!staged.length">No staged objects</div>
+                <div class="empty-state" *ngIf="!staged.length">
+                  No staged objects
+                </div>
                 <div *ngFor="let item of staged">
                   <ng-container
                     *ngTemplateOutlet="
@@ -158,9 +162,9 @@ <h3 class="promote-color">Staged ({{ staged.length }})</h3>
           </div>
         </div>
 
-        <div class="col">
+        <div class="release-column">
           <!-- members -->
-          <div class="labelled-box">
+          <div class="labelled-box track-panel members-panel">
             <div class="content no-label">
               <div class="card-header member-list">
                 <h3>Members ({{ members.length }})</h3>
@@ -169,7 +173,9 @@ <h3>Members ({{ members.length }})</h3>
               <mat-divider></mat-divider>
 
               <div class="card-body list">
-                <div *ngIf="!members.length">No published objects</div>
+                <div class="empty-state" *ngIf="!members.length">
+                  No published objects
+                </div>
                 <div *ngFor="let item of members">
                   <ng-container
                     *ngTemplateOutlet="
@@ -189,7 +195,10 @@ <h3>Members ({{ members.length }})</h3>
   </ng-template>
 
   <ng-template #memberTpl let-item let-type="type">
-    <mat-card class="candidate-card" appearance="outlined">
+    <mat-card
+      class="candidate-card release-object-card"
+      [ngClass]="'is-' + type"
+      appearance="outlined">
       <mat-card-header>
         <div class="space-between">
           <div class="card-title">
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index 9066059d2..685ed76f4 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -1,6 +1,6 @@
+@use 'sass:color';
 @use '../../../../../style/colors' as colors;
-// @use '../../../../../style/typography' as typography;
-@use '../../../../../style/theme.scss';
+@use '../../../../../style/globals';
 
 .release-track-page {
   .promote-color {
@@ -15,71 +15,330 @@
 
   .release-track-header {
     display: flex;
+    align-items: flex-start;
     justify-content: space-between;
+    gap: 16px;
     margin-bottom: 18px;
+
+    h1 {
+      margin: 0;
+      font-size: 28px;
+      line-height: 34px;
+    }
+  }
+
+  .release-track-actions {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 8px;
+  }
+
+  .release-track-board {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    height: calc(100dvh - 148px);
+    min-height: 0;
+  }
+
+  .summary-grid,
+  .release-columns {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 16px;
+  }
+
+  .summary-grid {
+    flex: 0 0 auto;
+  }
+
+  .release-columns {
+    flex: 1 1 auto;
+    align-items: stretch;
+    min-height: 0;
+  }
+
+  .summary-item,
+  .release-column {
+    min-width: 0;
+    min-height: 0;
   }
+
+  .release-column {
+    display: flex;
+    align-self: stretch;
+  }
+
+  .summary-card,
+  .track-panel {
+    height: 100%;
+  }
+
+  .track-panel {
+    width: 100%;
+    min-height: 0;
+  }
+
   .space-between {
     width: 100%;
     display: flex !important;
     justify-content: space-between;
+    align-items: flex-start;
+    gap: 12px;
+    min-width: 0;
   }
-  .labelled-box .content {
+
+  .labelled-box > .content {
     display: block;
+
     .card-header {
       display: flex;
-      justify-content: center;
       align-items: center;
+      gap: 2px;
+      min-width: 0;
+
       &.member-list {
-        justify-content: space-between !important;
+        justify-content: space-between;
+        gap: 12px;
         margin-bottom: 12px;
+
+        h3 {
+          line-height: 32px;
+        }
       }
+
       h3 {
         margin: 0;
       }
     }
+
     .card-body:not(.list) {
       display: flex;
-      justify-content: center;
+      align-items: center;
+    }
+  }
+
+  .summary-card > .content {
+    position: relative;
+    overflow: hidden;
+    min-height: 104px;
+    padding: 18px 20px 16px;
+    box-shadow: inset 0 4px 0 colors.border-color(light);
+
+    .card-header {
+      justify-content: flex-start;
+      line-height: 20px;
+    }
+
+    h2 {
+      margin: 12px 0 0;
+      font-size: 30px;
+      font-weight: 800;
+      line-height: 36px;
+    }
+  }
+
+  .candidates-summary > .content,
+  .candidates-panel > .content {
+    box-shadow: inset 0 4px 0 colors.color(info);
+  }
+
+  .staged-summary > .content,
+  .staged-panel > .content {
+    box-shadow: inset 0 4px 0 colors.color(success);
+  }
+
+  .members-summary > .content,
+  .members-panel > .content {
+    box-shadow: inset 0 4px 0 colors.border-color(light);
+  }
+
+  .track-panel > .content {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    height: 100%;
+    min-height: 0;
+    padding: 14px 12px 16px;
+    overflow: hidden;
+
+    .card-body.list {
+      flex: 1 1 auto;
+      display: flex;
+      flex-direction: column;
+      align-items: stretch;
+      gap: 12px;
+      min-height: 0;
+      padding-top: 12px;
+      padding-right: 4px;
+      overflow-y: auto;
+      scrollbar-gutter: stable;
     }
   }
 
   .small-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 6px;
+
     .mdc-button + .mdc-button {
-      margin-left: 6px;
+      margin-left: 0;
     }
+
     .mdc-button {
       height: 28px;
-      padding: 4px 8px;
-      .mat-mdc-outlined-button .mat-mdc-button-touch-target {
+      min-width: 0;
+      padding: 0 8px;
+
+      .mat-mdc-button-touch-target {
         height: 32px !important;
       }
     }
+
     .mat-icon {
+      width: 18px;
+      height: 18px;
       margin-right: 4px;
+      font-size: 18px;
+      line-height: 18px;
     }
   }
 
-  .candidate-card,
-  .staged-card,
-  .member-card {
-    margin: 12px 6px;
+  .empty-state {
+    border: 1px dashed;
+    border-radius: 4px;
+    padding: 18px 12px;
+    font-size: 14px;
+    line-height: 20px;
+    text-align: center;
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+      border-color: colors.border-color(light);
+      background: rgba(colors.color(mitre-black), 0.02);
+    }
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+      border-color: colors.border-color(dark);
+      background: rgba(colors.color(mitre-silver), 0.04);
+    }
+  }
+
+  .release-object-card {
+    margin: 0;
+    overflow: hidden;
+    border-radius: 4px;
+    box-shadow: none;
+    transition:
+      border-color 120ms ease,
+      box-shadow 120ms ease,
+      transform 120ms ease;
+
+    .light & {
+      background: color.mix(white, colors.color(light), 72%);
+      border-color: colors.border-color(light);
+    }
+
+    .dark & {
+      background: colors.color-alternate(dark);
+      border-color: colors.border-color(dark);
+    }
+
+    &:hover {
+      transform: translateY(-1px);
+
+      .light & {
+        box-shadow: 0 2px 8px rgba(colors.color(mitre-black), 0.1);
+      }
+
+      .dark & {
+        box-shadow: 0 2px 8px rgba(black, 0.28);
+      }
+    }
+
     .mat-mdc-card-header {
-      padding: 12px 8px;
+      padding: 14px 12px 12px;
     }
+
     .mat-mdc-card-actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
       justify-content: space-between;
+      padding: 10px 8px !important;
+      min-height: 44px;
+
+      .small-buttons:last-child {
+        margin-left: auto;
+      }
     }
+
     .card-title {
       @extend .text-label;
+      min-width: 0;
+      padding-left: 10px;
+      border-left: 3px solid colors.border-color(light);
       font-weight: bold;
       letter-spacing: normal;
+      line-height: 20px;
+      overflow-wrap: anywhere;
+    }
+
+    &.is-candidate .card-title {
+      border-left-color: colors.color(info);
     }
+
+    &.is-staged .card-title {
+      border-left-color: colors.color(success);
+    }
+
+    &.is-member .card-title {
+      border-left-color: colors.border-color(light);
+    }
+
     .card-subtitle {
       @extend .text-label;
       display: block;
       font-size: 14px;
       font-weight: 500;
-      color: colors.on-color-deemphasis(light) !important;
+      line-height: 18px;
+
+      .light & {
+        color: colors.on-color-deemphasis(light) !important;
+      }
+
+      .dark & {
+        color: colors.on-color-deemphasis(dark) !important;
+      }
+    }
+  }
+
+  @media (max-width: 960px) {
+    .release-track-board {
+      height: auto;
+    }
+
+    .summary-grid,
+    .release-columns {
+      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+    }
+
+    .track-panel > .content {
+      height: clamp(360px, calc(100dvh - 360px), 720px);
+    }
+  }
+
+  @media (max-width: 720px) {
+    .release-track-header {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .release-track-actions {
+      justify-content: flex-start;
     }
   }
 }

From 68d7d5575b6bb18b46330955ea487642cfa79b36 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 11 May 2026 13:52:03 -0400
Subject: [PATCH 049/190] feat(release-tracks): add workflow review board

---
 src/app/app.module.ts                         |   4 +
 .../release-track-review-board.component.html |  47 ++++
 .../release-track-review-board.component.scss | 197 ++++++++++++++
 .../release-track-review-board.component.ts   | 113 ++++++++
 .../release-track-review-card.component.html  |  65 +++++
 .../release-track-review-card.component.scss  | 254 ++++++++++++++++++
 .../release-track-review-card.component.ts    | 110 ++++++++
 .../release-track-page.component.html         | 101 +++----
 .../release-track-page.component.scss         | 104 +------
 .../release-track-page.component.spec.ts      | 129 +++++++++
 .../release-track-page.component.ts           |  96 ++++++-
 11 files changed, 1061 insertions(+), 159 deletions(-)
 create mode 100644 src/app/components/release-track-review-board/release-track-review-board.component.html
 create mode 100644 src/app/components/release-track-review-board/release-track-review-board.component.scss
 create mode 100644 src/app/components/release-track-review-board/release-track-review-board.component.ts
 create mode 100644 src/app/components/release-track-review-card/release-track-review-card.component.html
 create mode 100644 src/app/components/release-track-review-card/release-track-review-card.component.scss
 create mode 100644 src/app/components/release-track-review-card/release-track-review-card.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 4ae3fbc06..0b4b37378 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -231,6 +231,8 @@ import { DictionaryDiffComponent } from './components/stix/dictionary-property/d
 import { StixPageTabsComponent } from './components/stix/stix-page-tabs/stix-page-tabs.component';
 import { ReleaseManagementComponent } from './views/dashboard-page/release-management/release-management.component';
 import { ReleaseTrackCardComponent } from './components/release-track-card/release-track-card.component';
+import { ReleaseTrackReviewCardComponent } from './components/release-track-review-card/release-track-review-card.component';
+import { ReleaseTrackReviewBoardComponent } from './components/release-track-review-board/release-track-review-board.component';
 import { NewTrackDialogComponent } from './components/new-track-dialog/new-track-dialog.component';
 import { ReleaseTrackPageComponent } from './views/dashboard-page/release-management/release-track-page/release-track-page.component';
 import { StatusChipComponent } from './components/status-chip/status-chip.component';
@@ -469,6 +471,8 @@ export function initConfig(appConfigService: AppConfigService) {
     OverlayModule,
     MatAutocompleteModule,
     ReleaseTrackCardComponent,
+    ReleaseTrackReviewCardComponent,
+    ReleaseTrackReviewBoardComponent,
   ],
   providers: [
     AppConfigService,
diff --git a/src/app/components/release-track-review-board/release-track-review-board.component.html b/src/app/components/release-track-review-board/release-track-review-board.component.html
new file mode 100644
index 000000000..7c3fb7ea3
--- /dev/null
+++ b/src/app/components/release-track-review-board/release-track-review-board.component.html
@@ -0,0 +1,47 @@
+<div class="review-board">
+  <section
+    class="review-lane"
+    [ngClass]="'review-lane-' + lane.modifier"
+    *ngFor="let lane of lanes">
+    <ng-container *ngIf="getLaneItems(lane) as laneItems">
+      <div class="review-lane-header">
+        <h3>{{ lane.title }} ({{ laneItems.length }})</h3>
+
+        <button
+          *ngIf="isReviewLane(lane)"
+          class="bulk-review-button"
+          mat-stroked-button
+          type="button"
+          [disabled]="!laneItems.length"
+          (click)="onBulkReview(laneItems)">
+          <mat-icon>fact_check</mat-icon>
+          Bulk Review All
+        </button>
+      </div>
+
+      <input
+        class="review-search"
+        type="search"
+        [attr.aria-label]="'Search ' + lane.title"
+        [placeholder]="lane.searchPlaceholder"
+        [(ngModel)]="searchTerms[lane.status]" />
+
+      <div class="review-lane-list">
+        <div class="review-empty-state" *ngIf="!laneItems.length">
+          {{ lane.emptyLabel }}
+        </div>
+
+        <app-release-track-review-card
+          *ngFor="let item of laneItems; trackBy: trackByObjectRef"
+          [cardType]="lane.modifier"
+          [item]="item"
+          [laneStatus]="lane.status"
+          [showDescription]="true"
+          [showModifiedMeta]="true"
+          (viewObject)="viewObject.emit($event)"
+          (diffObject)="diffObject.emit($event)">
+        </app-release-track-review-card>
+      </div>
+    </ng-container>
+  </section>
+</div>
diff --git a/src/app/components/release-track-review-board/release-track-review-board.component.scss b/src/app/components/release-track-review-board/release-track-review-board.component.scss
new file mode 100644
index 000000000..da1aed167
--- /dev/null
+++ b/src/app/components/release-track-review-board/release-track-review-board.component.scss
@@ -0,0 +1,197 @@
+@use 'sass:color';
+@use '../../../style/colors' as colors;
+
+:host {
+  display: block;
+}
+
+.review-board {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 24px;
+  height: calc(100dvh - 148px);
+  min-height: 0;
+}
+
+.review-lane {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  border: 1px solid;
+  border-radius: 6px;
+  padding: 16px;
+  overflow: hidden;
+
+  .light & {
+    background: rgba(colors.color(mitre-black), 0.02);
+    border-color: colors.border-color(light);
+  }
+
+  .dark & {
+    background: rgba(colors.color(mitre-black), 0.18);
+    border-color: colors.border-color(dark);
+  }
+}
+
+.review-lane-work-in-progress {
+  .review-lane-header h3 {
+    .light & {
+      color: colors.on-color-deemphasis(light);
+    }
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+    }
+  }
+}
+
+.review-lane-awaiting-review {
+  border-color: color.mix(colors.color(warn), colors.color(spark-yellow), 70%);
+
+  .review-lane-header h3 {
+    color: colors.color(pending);
+  }
+}
+
+.review-lane-reviewed {
+  border-color: colors.color(success);
+
+  .review-lane-header h3 {
+    color: colors.color(success);
+  }
+}
+
+.review-lane-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  min-height: 32px;
+  margin-bottom: 12px;
+
+  h3 {
+    margin: 0;
+    overflow: hidden;
+    font-size: 19px;
+    font-weight: 800;
+    line-height: 24px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.bulk-review-button {
+  flex: 0 0 auto;
+  height: 30px;
+  border-color: color.mix(
+    colors.color(warn),
+    colors.color(spark-yellow),
+    70%
+  ) !important;
+  color: colors.color(pending) !important;
+  font-size: 12px;
+  font-weight: 800;
+
+  .mat-icon {
+    width: 16px;
+    height: 16px;
+    margin-right: 4px;
+    font-size: 16px;
+    line-height: 16px;
+  }
+
+  .mat-mdc-button-touch-target {
+    height: 32px !important;
+  }
+}
+
+.review-search {
+  width: 100%;
+  height: 24px;
+  border: 0;
+  border-radius: 5px;
+  padding: 0 8px;
+  font: inherit;
+  font-size: 14px;
+  line-height: 24px;
+  outline: none;
+
+  .light & {
+    background: rgba(colors.color(mitre-black), 0.07);
+    color: colors.on-color(light);
+
+    &::placeholder {
+      color: colors.on-color-deemphasis(light);
+    }
+  }
+
+  .dark & {
+    background: color.mix(colors.color(mitre-silver), colors.color(dark), 12%);
+    color: colors.on-color(dark);
+
+    &::placeholder {
+      color: colors.on-color-deemphasis(dark);
+    }
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 2px rgba(colors.color(info), 0.45);
+  }
+}
+
+.review-lane-list {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: 12px;
+  min-height: 0;
+  padding-top: 16px;
+  padding-right: 4px;
+  overflow-y: auto;
+  scrollbar-gutter: stable;
+}
+
+.review-empty-state {
+  border: 1px dashed;
+  border-radius: 5px;
+  padding: 20px 12px;
+  font-size: 14px;
+  line-height: 20px;
+  text-align: center;
+
+  .light & {
+    color: colors.on-color-deemphasis(light);
+    border-color: colors.border-color(light);
+    background: rgba(colors.color(mitre-black), 0.02);
+  }
+
+  .dark & {
+    color: colors.on-color-deemphasis(dark);
+    border-color: colors.border-color(dark);
+    background: rgba(colors.color(mitre-silver), 0.04);
+  }
+}
+
+@media (max-width: 1100px) {
+  .review-board {
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    height: auto;
+  }
+
+  .review-lane {
+    min-height: 420px;
+  }
+}
+
+@media (max-width: 720px) {
+  .review-board {
+    grid-template-columns: 1fr;
+    gap: 16px;
+  }
+
+  .review-lane-header {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+}
diff --git a/src/app/components/release-track-review-board/release-track-review-board.component.ts b/src/app/components/release-track-review-board/release-track-review-board.component.ts
new file mode 100644
index 000000000..09872bfce
--- /dev/null
+++ b/src/app/components/release-track-review-board/release-track-review-board.component.ts
@@ -0,0 +1,113 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import {
+  ReleaseTrackReviewCardComponent,
+  ReleaseTrackReviewItem,
+} from 'src/app/components/release-track-review-card/release-track-review-card.component';
+import { WorkflowStatus, WorkflowStatusType } from 'src/app/utils/types';
+
+interface ReleaseTrackReviewLane {
+  status: WorkflowStatusType;
+  title: string;
+  modifier: string;
+  searchPlaceholder: string;
+  emptyLabel: string;
+}
+
+@Component({
+  selector: 'app-release-track-review-board',
+  standalone: true,
+  imports: [
+    CommonModule,
+    FormsModule,
+    MatButtonModule,
+    MatIconModule,
+    ReleaseTrackReviewCardComponent,
+  ],
+  templateUrl: './release-track-review-board.component.html',
+  styleUrls: ['./release-track-review-board.component.scss'],
+})
+export class ReleaseTrackReviewBoardComponent {
+  @Input() items: ReleaseTrackReviewItem[] = [];
+
+  @Output() viewObject = new EventEmitter<ReleaseTrackReviewItem>();
+  @Output() diffObject = new EventEmitter<ReleaseTrackReviewItem>();
+  @Output() bulkReview = new EventEmitter<ReleaseTrackReviewItem[]>();
+
+  public readonly WorkflowStatus = WorkflowStatus;
+
+  public readonly lanes: ReleaseTrackReviewLane[] = [
+    {
+      status: WorkflowStatus.WorkInProgress,
+      title: 'Work in Progress',
+      modifier: 'work-in-progress',
+      searchPlaceholder: 'Search WIP...',
+      emptyLabel: 'No work in progress',
+    },
+    {
+      status: WorkflowStatus.AwaitingReview,
+      title: 'Awaiting Review',
+      modifier: 'awaiting-review',
+      searchPlaceholder: 'Search Awaiting Review...',
+      emptyLabel: 'No objects awaiting review',
+    },
+    {
+      status: WorkflowStatus.Reviewed,
+      title: 'Reviewed / Ready',
+      modifier: 'reviewed',
+      searchPlaceholder: 'Search Reviewed...',
+      emptyLabel: 'No reviewed objects',
+    },
+  ];
+
+  public searchTerms: Record<WorkflowStatusType, string> = {
+    [WorkflowStatus.WorkInProgress]: '',
+    [WorkflowStatus.AwaitingReview]: '',
+    [WorkflowStatus.Reviewed]: '',
+  };
+
+  public getLaneItems(lane: ReleaseTrackReviewLane): ReleaseTrackReviewItem[] {
+    const query = this.searchTerms[lane.status].trim().toLowerCase();
+    return this.items
+      .filter(
+        item =>
+          (item.object_status || WorkflowStatus.WorkInProgress) === lane.status
+      )
+      .filter(item => !query || this.searchText(item).includes(query));
+  }
+
+  public isReviewLane(lane: ReleaseTrackReviewLane): boolean {
+    return lane.status === WorkflowStatus.AwaitingReview;
+  }
+
+  public onBulkReview(items: ReleaseTrackReviewItem[]): void {
+    this.bulkReview.emit(items);
+  }
+
+  public trackByObjectRef(
+    _index: number,
+    item: ReleaseTrackReviewItem
+  ): string {
+    return `${item.object_ref}-${item.object_modified || ''}`;
+  }
+
+  private searchText(item: ReleaseTrackReviewItem): string {
+    try {
+      return JSON.stringify(item).toLowerCase();
+    } catch {
+      return [
+        item.object_ref,
+        item.object_status,
+        item.name,
+        item.description,
+        item.attackID,
+      ]
+        .filter(Boolean)
+        .join(' ')
+        .toLowerCase();
+    }
+  }
+}
diff --git a/src/app/components/release-track-review-card/release-track-review-card.component.html b/src/app/components/release-track-review-card/release-track-review-card.component.html
new file mode 100644
index 000000000..3a54db25a
--- /dev/null
+++ b/src/app/components/release-track-review-card/release-track-review-card.component.html
@@ -0,0 +1,65 @@
+<mat-card
+  class="review-object-card"
+  [ngClass]="cardClasses"
+  appearance="outlined">
+  <mat-card-header>
+    <div class="review-card-top">
+      <div class="review-card-title-group">
+        <div class="review-card-title" [matTooltip]="title">
+          {{ title }}
+        </div>
+        <div class="review-card-subtitle" [matTooltip]="subtitle">
+          {{ subtitle }}
+        </div>
+      </div>
+
+      <ng-content select="[card-header-action]"></ng-content>
+    </div>
+  </mat-card-header>
+
+  <mat-card-content *ngIf="showDescription">
+    <p class="review-description">
+      {{ description }}
+    </p>
+  </mat-card-content>
+
+  <mat-card-actions>
+    <div class="review-actions">
+      <button
+        class="view-button"
+        mat-stroked-button
+        type="button"
+        (click)="onView()">
+        <mat-icon>open_in_browser</mat-icon>
+        View
+      </button>
+      <button
+        *ngIf="showDiff"
+        mat-stroked-button
+        type="button"
+        (click)="onDiff()">
+        <mat-icon>difference</mat-icon>
+        Diff
+      </button>
+    </div>
+
+    <div class="review-footer-right">
+      <ng-content select="[card-footer-action]"></ng-content>
+
+      <div class="review-meta" *ngIf="showModifiedMeta">
+        <span class="review-avatar" aria-hidden="true">
+          {{ modifiedByInitials }}
+        </span>
+        <span class="review-modified">
+          Modified
+          <strong *ngIf="modified; else unknownModified">
+            {{ modified | date: 'M/d/yy' }}
+          </strong>
+          <ng-template #unknownModified>
+            <strong>Unknown</strong>
+          </ng-template>
+        </span>
+      </div>
+    </div>
+  </mat-card-actions>
+</mat-card>
diff --git a/src/app/components/release-track-review-card/release-track-review-card.component.scss b/src/app/components/release-track-review-card/release-track-review-card.component.scss
new file mode 100644
index 000000000..cc9a0809b
--- /dev/null
+++ b/src/app/components/release-track-review-card/release-track-review-card.component.scss
@@ -0,0 +1,254 @@
+@use 'sass:color';
+@use '../../../style/colors' as colors;
+
+.review-object-card {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  overflow: hidden;
+  border-radius: 6px;
+  box-shadow: none;
+  transition:
+    border-color 120ms ease,
+    box-shadow 120ms ease,
+    transform 120ms ease;
+
+  .light & {
+    background: color.mix(white, colors.color(light), 76%);
+    border-color: colors.border-color(light);
+  }
+
+  .dark & {
+    background: colors.color-alternate(dark);
+    border-color: colors.border-color(dark);
+  }
+
+  &:hover {
+    transform: translateY(-1px);
+
+    .light & {
+      box-shadow: 0 2px 8px rgba(colors.color(mitre-black), 0.12);
+    }
+
+    .dark & {
+      box-shadow: 0 2px 8px rgba(black, 0.3);
+    }
+  }
+
+  .mat-mdc-card-header {
+    display: block;
+    padding: 16px 16px 0;
+  }
+
+  .mat-mdc-card-content {
+    padding: 0px 16px 16px;
+  }
+
+  .mat-mdc-card-actions {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+    min-height: 50px;
+    margin-top: auto;
+    padding: 10px 16px !important;
+
+    .light & {
+      border-top: 1px solid colors.border-color(light);
+      background: rgba(colors.color(mitre-black), 0.03);
+    }
+
+    .dark & {
+      border-top: 1px solid colors.border-color(dark);
+      background: rgba(colors.color(mitre-silver), 0.04);
+    }
+  }
+}
+
+.review-card-top {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  min-width: 0;
+  margin-bottom: 12px;
+}
+
+.review-card-title-group {
+  min-width: 0;
+  padding-left: 10px;
+  border-left: 3px solid colors.border-color(light);
+}
+
+.status-work-in-progress .review-card-title-group {
+  border-left-color: colors.color(error);
+}
+
+.status-awaiting-review .review-card-title-group {
+  border-left-color: colors.color(pending);
+}
+
+.status-reviewed .review-card-title-group {
+  border-left-color: colors.color(success);
+}
+
+.review-card-title,
+.review-card-subtitle,
+.review-description {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.review-card-title {
+  display: -webkit-box;
+  font-size: 16px;
+  font-weight: 800;
+  line-height: 20px;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+
+  .light & {
+    color: colors.on-color(light);
+  }
+
+  .dark & {
+    color: colors.on-color(dark);
+  }
+}
+
+.review-card-subtitle {
+  margin-top: 2px;
+  font-size: 13px;
+  line-height: 17px;
+  white-space: nowrap;
+
+  .light & {
+    color: colors.on-color-deemphasis(light);
+  }
+
+  .dark & {
+    color: colors.on-color-deemphasis(dark);
+  }
+}
+
+.review-version {
+  flex: 0 0 auto;
+  border: 1px solid colors.color(info);
+  border-radius: 999px;
+  padding: 1px 8px;
+  color: colors.color(info);
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 17px;
+
+  .light & {
+    background: rgba(colors.color(info), 0.08);
+  }
+
+  .dark & {
+    background: rgba(colors.color(info), 0.16);
+  }
+}
+
+.review-description {
+  display: -webkit-box;
+  min-height: 66px;
+  margin: 0;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 22px;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+
+  .light & {
+    color: colors.on-color(light);
+  }
+
+  .dark & {
+    color: colors.on-color(dark);
+  }
+}
+
+.review-meta,
+.review-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.review-meta {
+  min-width: 0;
+  font-size: 12px;
+  line-height: 18px;
+
+  .light & {
+    color: colors.on-color-deemphasis(light);
+  }
+
+  .dark & {
+    color: colors.on-color-deemphasis(dark);
+  }
+}
+
+.review-avatar {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border-radius: 999px;
+  background: colors.color(error);
+  color: white;
+  font-size: 10px;
+  font-weight: 800;
+  line-height: 20px;
+}
+
+.status-awaiting-review .review-avatar {
+  background: #c84d84;
+}
+
+.status-reviewed .review-avatar {
+  background: colors.color(info);
+}
+
+.review-modified {
+  min-width: 0;
+  white-space: nowrap;
+}
+
+.review-actions {
+  .mdc-button {
+    height: 28px;
+    min-width: 0;
+    padding: 0 10px;
+  }
+
+  .mat-mdc-button-touch-target {
+    height: 32px !important;
+  }
+
+  .mat-icon {
+    width: 16px;
+    height: 16px;
+    margin-right: 4px;
+    font-size: 16px;
+    line-height: 16px;
+  }
+}
+
+.view-button {
+  color: colors.color(info) !important;
+}
+
+.review-approve-button {
+  width: calc(100% - 16px);
+  height: 34px;
+  margin: 8px;
+  border-radius: 5px;
+  background: color.mix(colors.color(warn), #d47a00, 64%) !important;
+  color: white !important;
+  font-weight: 800;
+}
diff --git a/src/app/components/release-track-review-card/release-track-review-card.component.ts b/src/app/components/release-track-review-card/release-track-review-card.component.ts
new file mode 100644
index 000000000..998643e94
--- /dev/null
+++ b/src/app/components/release-track-review-card/release-track-review-card.component.ts
@@ -0,0 +1,110 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
+import { StixType, WorkflowStatusType } from 'src/app/utils/types';
+
+export interface ReleaseTrackReviewItem {
+  object_ref: string;
+  object_modified?: Date | string;
+  object_status?: WorkflowStatusType;
+  object_added_at?: Date | string;
+  object_added_by?: string;
+  object_staged_at?: Date | string;
+  object_staged_by?: string;
+  [key: string]: any;
+}
+
+@Component({
+  selector: 'app-release-track-review-card',
+  standalone: true,
+  imports: [
+    CommonModule,
+    MatButtonModule,
+    MatCardModule,
+    MatIconModule,
+    MatTooltipModule,
+  ],
+  templateUrl: './release-track-review-card.component.html',
+  styleUrls: ['./release-track-review-card.component.scss'],
+})
+export class ReleaseTrackReviewCardComponent {
+  @Input({ required: true }) item!: ReleaseTrackReviewItem;
+  @Input() cardType: string | null = null;
+  @Input() laneStatus: WorkflowStatusType | null = null;
+  @Input() showDescription = true;
+  @Input() showDiff = true;
+  @Input() showModifiedMeta = true;
+
+  @Output() viewObject = new EventEmitter<ReleaseTrackReviewItem>();
+  @Output() diffObject = new EventEmitter<ReleaseTrackReviewItem>();
+
+  public get title(): string {
+    return this.item?.name || this.fallbackObjectLabel;
+  }
+
+  public get subtitle(): string {
+    return this.item?.attackId || '<<ATT&CK ID>>';
+  }
+
+  public get description(): string {
+    const description = this.item?.description || 'No description available.';
+    return this.firstParagraph(description);
+  }
+
+  public get modified(): Date | string | null {
+    return this.item?.object_modified || null;
+  }
+
+  public get modifiedByInitials(): string {
+    const value = this.item?.modified_by_user || '?';
+    const parts = value.split(/\s+/).filter(Boolean);
+
+    if (parts.length >= 2) {
+      return `${parts[0][0]}${parts[1][0]}`.toUpperCase();
+    }
+
+    return value.slice(0, 2).toUpperCase();
+  }
+
+  public get cardClasses(): Record<string, boolean> {
+    return {
+      [`status-${this.laneStatus}`]: !!this.laneStatus,
+      [`is-${this.cardType}`]: !!this.cardType,
+      'has-description': this.showDescription,
+    };
+  }
+
+  public onView(): void {
+    this.viewObject.emit(this.item);
+  }
+
+  public onDiff(): void {
+    this.diffObject.emit(this.item);
+  }
+
+  private get fallbackObjectLabel(): string {
+    const [type, id] = (this.item?.object_ref || '').split('--');
+    if (!type || !id) return this.item?.object_ref || 'Unknown object';
+    return `${this.toDisplayLabel(type as StixType)} ${id.slice(0, 8)}`;
+  }
+
+  private toDisplayLabel(value: StixType): string {
+    if (!value) return '';
+    return StixTypeToAttackType[value]
+      .replace(/-/g, ' ')
+      .replace(/\b\w/g, char => char.toUpperCase());
+  }
+
+  private firstParagraph(value: string): string {
+    const [paragraph] = value
+      .replace(/\r\n/g, '\n')
+      .split(/\n\s*\n|\n/)
+      .map(part => part.trim())
+      .filter(Boolean);
+    return paragraph || 'No description available.';
+  }
+}
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 7c5e856c9..aa07c6f21 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -195,66 +195,53 @@ <h3>Members ({{ members.length }})</h3>
   </ng-template>
 
   <ng-template #memberTpl let-item let-type="type">
-    <mat-card
-      class="candidate-card release-object-card"
-      [ngClass]="'is-' + type"
-      appearance="outlined">
-      <mat-card-header>
-        <div class="space-between">
-          <div class="card-title">
-            <!-- TODO item name - awaiting API changes -->
-            {{ item.object_ref.split('-')[0] }}-{{
-              item.object_ref.split('-')[6]
-            }}
-            <span class="card-subtitle">
-              <!-- TODO item name - awaiting API changes -->
-              &LessLess;ATT&CK ID&GreaterGreater;
-            </span>
-          </div>
-          <app-status-chip [status]="item.object_status"></app-status-chip>
-        </div>
-      </mat-card-header>
-      <mat-card-actions>
-        <div class="small-buttons">
-          <button
-            class="view-color"
-            mat-stroked-button
-            (click)="onView(item.object_ref)">
-            <mat-icon>open_in_browser</mat-icon>
-            View
-          </button>
-          <button
-            *ngIf="type !== 'member'"
-            mat-stroked-button
-            (click)="onDiff(item.object_ref)">
-            <mat-icon>difference</mat-icon>
-            Diff
-          </button>
-        </div>
-        <div class="small-buttons">
-          <button
-            *ngIf="type === 'candidate'"
-            class="promote-color"
-            mat-stroked-button
-            (click)="onPromote(item.object_ref)">
-            <mat-icon>arrow_forward</mat-icon>
-            Promote
-          </button>
-          <button
-            *ngIf="type === 'staged'"
-            class="demote-color"
-            mat-stroked-button
-            (click)="onDemote(item)">
-            <mat-icon>arrow_back</mat-icon>
-            Demote
-          </button>
-        </div>
-      </mat-card-actions>
-    </mat-card>
+    <app-release-track-review-card
+      [item]="item"
+      [cardType]="type"
+      [laneStatus]="item.object_status"
+      [showDescription]="false"
+      [showDiff]="type !== 'member'"
+      [showModifiedMeta]="false"
+      (viewObject)="onView($event.object_ref)"
+      (diffObject)="onDiff($event.object_ref)">
+      <app-status-chip
+        *ngIf="item.object_status"
+        card-header-action
+        [status]="item.object_status"></app-status-chip>
+
+      <div
+        *ngIf="type === 'candidate' || type === 'staged'"
+        card-footer-action
+        class="small-buttons">
+        <button
+          *ngIf="type === 'candidate'"
+          class="promote-color"
+          mat-stroked-button
+          (click)="onPromote(item.object_ref)">
+          <mat-icon>arrow_forward</mat-icon>
+          Promote
+        </button>
+        <button
+          *ngIf="type === 'staged'"
+          class="demote-color"
+          mat-stroked-button
+          (click)="onDemote(item)">
+          <mat-icon>arrow_back</mat-icon>
+          Demote
+        </button>
+      </div>
+    </app-release-track-review-card>
   </ng-template>
 
   <ng-template #reviewTpl>
-    <div class="review-tpl">TODO</div>
+    <div class="review-tpl-wrapper">
+      <app-release-track-review-board
+        [items]="reviewItems"
+        (viewObject)="onView($event.object_ref)"
+        (diffObject)="onDiff($event)"
+        (bulkReview)="onBulkReviewAll($event)">
+      </app-release-track-review-board>
+    </div>
   </ng-template>
 
   <ng-template #historyTpl>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index 685ed76f4..f46fe80ae 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -1,6 +1,4 @@
-@use 'sass:color';
 @use '../../../../../style/colors' as colors;
-@use '../../../../../style/globals';
 
 .release-track-page {
   .promote-color {
@@ -34,6 +32,10 @@
     gap: 8px;
   }
 
+  .review-tpl-wrapper {
+    margin-top: 20px;
+  }
+
   .release-track-board {
     display: flex;
     flex-direction: column;
@@ -80,15 +82,6 @@
     min-height: 0;
   }
 
-  .space-between {
-    width: 100%;
-    display: flex !important;
-    justify-content: space-between;
-    align-items: flex-start;
-    gap: 12px;
-    min-width: 0;
-  }
-
   .labelled-box > .content {
     display: block;
 
@@ -227,95 +220,6 @@
     }
   }
 
-  .release-object-card {
-    margin: 0;
-    overflow: hidden;
-    border-radius: 4px;
-    box-shadow: none;
-    transition:
-      border-color 120ms ease,
-      box-shadow 120ms ease,
-      transform 120ms ease;
-
-    .light & {
-      background: color.mix(white, colors.color(light), 72%);
-      border-color: colors.border-color(light);
-    }
-
-    .dark & {
-      background: colors.color-alternate(dark);
-      border-color: colors.border-color(dark);
-    }
-
-    &:hover {
-      transform: translateY(-1px);
-
-      .light & {
-        box-shadow: 0 2px 8px rgba(colors.color(mitre-black), 0.1);
-      }
-
-      .dark & {
-        box-shadow: 0 2px 8px rgba(black, 0.28);
-      }
-    }
-
-    .mat-mdc-card-header {
-      padding: 14px 12px 12px;
-    }
-
-    .mat-mdc-card-actions {
-      display: flex;
-      flex-wrap: wrap;
-      gap: 8px;
-      justify-content: space-between;
-      padding: 10px 8px !important;
-      min-height: 44px;
-
-      .small-buttons:last-child {
-        margin-left: auto;
-      }
-    }
-
-    .card-title {
-      @extend .text-label;
-      min-width: 0;
-      padding-left: 10px;
-      border-left: 3px solid colors.border-color(light);
-      font-weight: bold;
-      letter-spacing: normal;
-      line-height: 20px;
-      overflow-wrap: anywhere;
-    }
-
-    &.is-candidate .card-title {
-      border-left-color: colors.color(info);
-    }
-
-    &.is-staged .card-title {
-      border-left-color: colors.color(success);
-    }
-
-    &.is-member .card-title {
-      border-left-color: colors.border-color(light);
-    }
-
-    .card-subtitle {
-      @extend .text-label;
-      display: block;
-      font-size: 14px;
-      font-weight: 500;
-      line-height: 18px;
-
-      .light & {
-        color: colors.on-color-deemphasis(light) !important;
-      }
-
-      .dark & {
-        color: colors.on-color-deemphasis(dark) !important;
-      }
-    }
-  }
-
   @media (max-width: 960px) {
     .release-track-board {
       height: auto;
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 2716a80cf..4be518ac8 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -26,6 +26,7 @@ describe('ReleaseTrackPageComponent', () => {
     mockReleaseTrackApiConnector = createMockReleaseTrackApiConnector({
       getLatestSnapshot: vi.fn(() => createAsyncObservable(null)),
       exportLatestSnapshot: vi.fn(() => createAsyncObservable({})),
+      reviewCandidates: vi.fn(() => createAsyncObservable({})),
     });
     mockDialog = {
       open: vi.fn(),
@@ -142,4 +143,132 @@ describe('ReleaseTrackPageComponent', () => {
 
     expect(mockDialog.open).not.toHaveBeenCalled();
   });
+
+  it('should combine candidates and staged objects for review lanes', () => {
+    component.releaseTrack = {
+      candidates: [
+        {
+          object_ref: 'attack-pattern--candidate',
+          object_status: 'awaiting-review',
+        },
+      ],
+      staged: [
+        {
+          object_ref: 'attack-pattern--staged',
+          object_status: 'reviewed',
+        },
+      ],
+    } as any;
+
+    expect(component.reviewItems).toEqual([
+      expect.objectContaining({
+        object_ref: 'attack-pattern--candidate',
+        release_track_tier: 'candidate',
+      }),
+      expect.objectContaining({
+        object_ref: 'attack-pattern--staged',
+        release_track_tier: 'staged',
+      }),
+    ]);
+  });
+
+  it('should review and approve a single awaiting-review candidate', () => {
+    const refreshSpy = vi
+      .spyOn(component, 'getReleaseTrack')
+      .mockImplementation(() => undefined);
+    mockReleaseTrackApiConnector.reviewCandidates.mockReturnValue(of({}));
+    component.id = 'release-track--123';
+
+    component.onReviewAndApprove({
+      object_ref: 'attack-pattern--123',
+      object_modified: new Date('2024-04-20T00:00:00.000Z'),
+    });
+
+    expect(mockReleaseTrackApiConnector.reviewCandidates).toHaveBeenCalledWith(
+      'release-track--123',
+      {
+        from: 'awaiting-review',
+        to: 'reviewed',
+        object_refs: [
+          {
+            id: 'attack-pattern--123',
+            modified: '2024-04-20T00:00:00.000Z',
+          },
+        ],
+      }
+    );
+    expect(refreshSpy).toHaveBeenCalled();
+  });
+
+  it('should bulk review all awaiting-review candidates', () => {
+    mockReleaseTrackApiConnector.reviewCandidates.mockReturnValue(of({}));
+    component.id = 'release-track--123';
+
+    component.onBulkReviewAll([
+      {
+        object_ref: 'attack-pattern--123',
+        object_modified: '2024-04-20T00:00:00.000Z',
+      },
+      {
+        object_ref: 'x-mitre-tactic--456',
+      },
+    ]);
+
+    expect(mockReleaseTrackApiConnector.reviewCandidates).toHaveBeenCalledWith(
+      'release-track--123',
+      {
+        from: 'awaiting-review',
+        to: 'reviewed',
+        object_refs: [
+          {
+            id: 'attack-pattern--123',
+            modified: '2024-04-20T00:00:00.000Z',
+          },
+          'x-mitre-tactic--456',
+        ],
+      }
+    );
+  });
+
+  it('should not send staged objects to the candidate review endpoint', () => {
+    const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => null);
+    mockReleaseTrackApiConnector.reviewCandidates.mockReturnValue(of({}));
+    component.id = 'release-track--123';
+
+    component.onBulkReviewAll([
+      {
+        object_ref: 'attack-pattern--candidate',
+        object_modified: '2024-04-20T00:00:00.000Z',
+        release_track_tier: 'candidate',
+      },
+      {
+        object_ref: 'attack-pattern--staged',
+        object_modified: '2024-04-21T00:00:00.000Z',
+        release_track_tier: 'staged',
+      },
+    ]);
+
+    expect(mockReleaseTrackApiConnector.reviewCandidates).toHaveBeenCalledWith(
+      'release-track--123',
+      {
+        from: 'awaiting-review',
+        to: 'reviewed',
+        object_refs: [
+          {
+            id: 'attack-pattern--candidate',
+            modified: '2024-04-20T00:00:00.000Z',
+          },
+        ],
+      }
+    );
+    expect(consoleSpy).toHaveBeenCalledWith(
+      'onBulkReviewAll staged objects',
+      expect.arrayContaining([
+        expect.objectContaining({
+          object_ref: 'attack-pattern--staged',
+        }),
+      ])
+    );
+    consoleSpy.mockRestore();
+  });
 });
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 4bb57e385..dd01126ce 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -15,7 +15,11 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
 import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
-import { StixType } from 'src/app/utils/types';
+import {
+  StixType,
+  WorkflowStatus,
+  WorkflowStatusType,
+} from 'src/app/utils/types';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
 import { take } from 'rxjs/operators';
 
@@ -57,6 +61,19 @@ export class ReleaseTrackPageComponent implements OnInit {
     return this.releaseTrack?.staged ?? [];
   }
 
+  public get reviewItems(): any[] {
+    return [
+      ...this.candidates.map(item => ({
+        ...item,
+        release_track_tier: 'candidate',
+      })),
+      ...this.staged.map(item => ({
+        ...item,
+        release_track_tier: 'staged',
+      })),
+    ];
+  }
+
   public get members(): any[] {
     return this.releaseTrack?.members ?? [];
   }
@@ -65,9 +82,11 @@ export class ReleaseTrackPageComponent implements OnInit {
     const subscription = this.connector.getLatestSnapshot(this.id).subscribe({
       next: res => {
         this.releaseTrack = res;
+        if (!this.releaseTrack) return;
+
         this.breadcrumbService.changeBreadcrumb(
           this.route.snapshot,
-          this.releaseTrack!.name
+          this.releaseTrack.name
         );
 
         // this.loadCandidates();
@@ -238,6 +257,34 @@ export class ReleaseTrackPageComponent implements OnInit {
     console.log('onDiff', item);
   }
 
+  public onReviewAndApprove(item: any): void {
+    this.reviewCandidateStatus(
+      WorkflowStatus.AwaitingReview,
+      WorkflowStatus.Reviewed,
+      [item]
+    );
+  }
+
+  public onBulkReviewAll(items: any[]): void {
+    const candidateItems = items.filter(
+      item => this.getReleaseTrackTier(item) === 'candidate'
+    );
+    const stagedItems = items.filter(
+      item => this.getReleaseTrackTier(item) === 'staged'
+    );
+
+    if (stagedItems.length) {
+      // TODO: wire staged object review transition once the API is available.
+      console.log('onBulkReviewAll staged objects', stagedItems);
+    }
+
+    this.reviewCandidateStatus(
+      WorkflowStatus.AwaitingReview,
+      WorkflowStatus.Reviewed,
+      candidateItems
+    );
+  }
+
   public onExport(): void {
     if (!this.id) return;
 
@@ -321,4 +368,49 @@ export class ReleaseTrackPageComponent implements OnInit {
     // TODO: open preview & release modal
     console.log('onPreviewRelease');
   }
+
+  private reviewCandidateStatus(
+    from: WorkflowStatusType,
+    to: WorkflowStatusType,
+    items: any[]
+  ): void {
+    if (!this.id || !items.length) return;
+
+    const objectRefs = items
+      .map(item => this.getReviewObjectRef(item))
+      .filter((ref): ref is StixObjectRef => !!ref);
+
+    if (!objectRefs.length) return;
+
+    this.connector
+      .reviewCandidates(this.id, {
+        from,
+        to,
+        object_refs: objectRefs,
+      })
+      .pipe(take(1))
+      .subscribe({
+        next: () => this.getReleaseTrack(),
+        error: err => {
+          console.error('Failed to update candidate review status', err);
+        },
+      });
+  }
+
+  private getReviewObjectRef(item: any): StixObjectRef | null {
+    if (!item?.object_ref) return null;
+    const modified = this.toIsoString(item.object_modified);
+    return modified ? { id: item.object_ref, modified } : item.object_ref;
+  }
+
+  private getReleaseTrackTier(item: any): 'candidate' | 'staged' | null {
+    if (item?.release_track_tier) return item.release_track_tier;
+    if (item?.object_staged_at || item?.object_staged_by) return 'staged';
+    return item?.object_ref ? 'candidate' : null;
+  }
+
+  private toIsoString(value: Date | string | undefined): string | undefined {
+    if (!value) return undefined;
+    return value instanceof Date ? value.toISOString() : value;
+  }
 }

From 0f2c43ff244aa4f0cd42d332394df488bed2eb17 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 11 May 2026 13:56:20 -0400
Subject: [PATCH 050/190] style(release-tracks): consistent awaiting review
 color

---
 .../release-track-review-board.component.scss             | 8 ++++++--
 .../release-track-page/release-track-page.component.scss  | 3 ++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/app/components/release-track-review-board/release-track-review-board.component.scss b/src/app/components/release-track-review-board/release-track-review-board.component.scss
index da1aed167..6e361282a 100644
--- a/src/app/components/release-track-review-board/release-track-review-board.component.scss
+++ b/src/app/components/release-track-review-board/release-track-review-board.component.scss
@@ -50,7 +50,7 @@
   border-color: color.mix(colors.color(warn), colors.color(spark-yellow), 70%);
 
   .review-lane-header h3 {
-    color: colors.color(pending);
+    color: color.mix(colors.color(warn), colors.color(spark-yellow), 70%);
   }
 }
 
@@ -89,7 +89,11 @@
     colors.color(spark-yellow),
     70%
   ) !important;
-  color: colors.color(pending) !important;
+  color: color.mix(
+    colors.color(warn),
+    colors.color(spark-yellow),
+    70%
+  ) !important;
   font-size: 12px;
   font-weight: 800;
 
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index f46fe80ae..b30dbc261 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -1,3 +1,4 @@
+@use 'sass:color';
 @use '../../../../../style/colors' as colors;
 
 .release-track-page {
@@ -8,7 +9,7 @@
     color: colors.color(info);
   }
   .demote-color {
-    color: colors.color(warn);
+    color: color.mix(colors.color(warn), colors.color(spark-yellow), 70%);
   }
 
   .release-track-header {

From 159b456912e9e26f0118954111bacf1534d7effd Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 11 May 2026 14:03:41 -0400
Subject: [PATCH 051/190] style(release-tracks): adjust text colors

---
 .../release-track-card/release-track-card.component.html  | 6 ++++--
 .../release-track-card/release-track-card.component.scss  | 8 ++++++++
 .../release-track-review-card.component.html              | 4 +++-
 .../release-track-review-card.component.scss              | 2 +-
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/app/components/release-track-card/release-track-card.component.html b/src/app/components/release-track-card/release-track-card.component.html
index cd7195668..e3bbfe28a 100644
--- a/src/app/components/release-track-card/release-track-card.component.html
+++ b/src/app/components/release-track-card/release-track-card.component.html
@@ -24,13 +24,15 @@
         <ng-container *ngIf="type === 'standard'">
           <div class="stat">
             <div class="stat-label">CANDIDATES</div>
-            <div class="stat-value">
+            <div class="stat-value candidates-stat-value">
               {{ track.candidates?.length || 'TODO' }}
             </div>
           </div>
           <div class="stat">
             <div class="stat-label">STAGED</div>
-            <div class="stat-value">{{ track.staged?.length || 'TODO' }}</div>
+            <div class="stat-value staged-stat-value">
+              {{ track.staged?.length || 'TODO' }}
+            </div>
           </div>
           <div class="stat">
             <div class="stat-label">MEMBERS</div>
diff --git a/src/app/components/release-track-card/release-track-card.component.scss b/src/app/components/release-track-card/release-track-card.component.scss
index 0aa22d189..0a8ab5b72 100644
--- a/src/app/components/release-track-card/release-track-card.component.scss
+++ b/src/app/components/release-track-card/release-track-card.component.scss
@@ -91,6 +91,14 @@
     font-size: 1.25rem;
   }
 
+  .candidates-stat-value {
+    color: colors.color(info);
+  }
+
+  .staged-stat-value {
+    color: colors.color(success);
+  }
+
   .card-sep {
     margin: 12px 0;
   }
diff --git a/src/app/components/release-track-review-card/release-track-review-card.component.html b/src/app/components/release-track-review-card/release-track-review-card.component.html
index 3a54db25a..9cccb732e 100644
--- a/src/app/components/release-track-review-card/release-track-review-card.component.html
+++ b/src/app/components/release-track-review-card/release-track-review-card.component.html
@@ -8,7 +8,9 @@
         <div class="review-card-title" [matTooltip]="title">
           {{ title }}
         </div>
-        <div class="review-card-subtitle" [matTooltip]="subtitle">
+        <div
+          class="review-card-subtitle text-deemphasis"
+          [matTooltip]="subtitle">
           {{ subtitle }}
         </div>
       </div>
diff --git a/src/app/components/release-track-review-card/release-track-review-card.component.scss b/src/app/components/release-track-review-card/release-track-review-card.component.scss
index cc9a0809b..c1d6feada 100644
--- a/src/app/components/release-track-review-card/release-track-review-card.component.scss
+++ b/src/app/components/release-track-review-card/release-track-review-card.component.scss
@@ -153,7 +153,7 @@
 
 .review-description {
   display: -webkit-box;
-  min-height: 66px;
+  min-height: 30px;
   margin: 0;
   font-size: 14px;
   font-weight: 500;

From 22d1730174a1d6c96da5b19b76553ec3266918d4 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 11 May 2026 14:41:12 -0400
Subject: [PATCH 052/190] refactor: rename release track object card

---
 src/app/app.module.ts                         |  4 +-
 .../release-track-object-card.component.html} | 22 ++---
 .../release-track-object-card.component.scss} | 84 +++++--------------
 .../release-track-object-card.component.ts}   | 16 ++--
 .../release-track-review-board.component.html |  4 +-
 .../release-track-review-board.component.ts   | 24 +++---
 .../release-track-page.component.html         |  4 +-
 7 files changed, 58 insertions(+), 100 deletions(-)
 rename src/app/components/{release-track-review-card/release-track-review-card.component.html => release-track-object-card/release-track-object-card.component.html} (72%)
 rename src/app/components/{release-track-review-card/release-track-review-card.component.scss => release-track-object-card/release-track-object-card.component.scss} (70%)
 rename src/app/components/{release-track-review-card/release-track-review-card.component.ts => release-track-object-card/release-track-object-card.component.ts} (86%)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 0b4b37378..267442a1e 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -231,7 +231,7 @@ import { DictionaryDiffComponent } from './components/stix/dictionary-property/d
 import { StixPageTabsComponent } from './components/stix/stix-page-tabs/stix-page-tabs.component';
 import { ReleaseManagementComponent } from './views/dashboard-page/release-management/release-management.component';
 import { ReleaseTrackCardComponent } from './components/release-track-card/release-track-card.component';
-import { ReleaseTrackReviewCardComponent } from './components/release-track-review-card/release-track-review-card.component';
+import { ReleaseTrackObjectCardComponent } from './components/release-track-object-card/release-track-object-card.component';
 import { ReleaseTrackReviewBoardComponent } from './components/release-track-review-board/release-track-review-board.component';
 import { NewTrackDialogComponent } from './components/new-track-dialog/new-track-dialog.component';
 import { ReleaseTrackPageComponent } from './views/dashboard-page/release-management/release-track-page/release-track-page.component';
@@ -471,7 +471,7 @@ export function initConfig(appConfigService: AppConfigService) {
     OverlayModule,
     MatAutocompleteModule,
     ReleaseTrackCardComponent,
-    ReleaseTrackReviewCardComponent,
+    ReleaseTrackObjectCardComponent,
     ReleaseTrackReviewBoardComponent,
   ],
   providers: [
diff --git a/src/app/components/release-track-review-card/release-track-review-card.component.html b/src/app/components/release-track-object-card/release-track-object-card.component.html
similarity index 72%
rename from src/app/components/release-track-review-card/release-track-review-card.component.html
rename to src/app/components/release-track-object-card/release-track-object-card.component.html
index 9cccb732e..98e47ec24 100644
--- a/src/app/components/release-track-review-card/release-track-review-card.component.html
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.html
@@ -1,15 +1,15 @@
 <mat-card
-  class="review-object-card"
+  class="release-track-object-card"
   [ngClass]="cardClasses"
   appearance="outlined">
   <mat-card-header>
-    <div class="review-card-top">
-      <div class="review-card-title-group">
-        <div class="review-card-title" [matTooltip]="title">
+    <div class="object-card-top">
+      <div class="object-card-title-group">
+        <div class="object-card-title" [matTooltip]="title">
           {{ title }}
         </div>
         <div
-          class="review-card-subtitle text-deemphasis"
+          class="object-card-subtitle text-deemphasis"
           [matTooltip]="subtitle">
           {{ subtitle }}
         </div>
@@ -20,13 +20,13 @@
   </mat-card-header>
 
   <mat-card-content *ngIf="showDescription">
-    <p class="review-description">
+    <p class="object-description">
       {{ description }}
     </p>
   </mat-card-content>
 
   <mat-card-actions>
-    <div class="review-actions">
+    <div class="object-actions">
       <button
         class="view-button"
         mat-stroked-button
@@ -45,14 +45,14 @@
       </button>
     </div>
 
-    <div class="review-footer-right">
+    <div class="object-footer-right">
       <ng-content select="[card-footer-action]"></ng-content>
 
-      <div class="review-meta" *ngIf="showModifiedMeta">
-        <span class="review-avatar" aria-hidden="true">
+      <div class="object-meta" *ngIf="showModifiedMeta">
+        <span class="object-avatar" aria-hidden="true">
           {{ modifiedByInitials }}
         </span>
-        <span class="review-modified">
+        <span class="object-modified">
           Modified
           <strong *ngIf="modified; else unknownModified">
             {{ modified | date: 'M/d/yy' }}
diff --git a/src/app/components/release-track-review-card/release-track-review-card.component.scss b/src/app/components/release-track-object-card/release-track-object-card.component.scss
similarity index 70%
rename from src/app/components/release-track-review-card/release-track-review-card.component.scss
rename to src/app/components/release-track-object-card/release-track-object-card.component.scss
index c1d6feada..99137fad7 100644
--- a/src/app/components/release-track-review-card/release-track-review-card.component.scss
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.scss
@@ -1,7 +1,7 @@
 @use 'sass:color';
 @use '../../../style/colors' as colors;
 
-.review-object-card {
+.release-track-object-card {
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -66,7 +66,7 @@
   }
 }
 
-.review-card-top {
+.object-card-top {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -75,32 +75,14 @@
   margin-bottom: 12px;
 }
 
-.review-card-title-group {
-  min-width: 0;
-  padding-left: 10px;
-  border-left: 3px solid colors.border-color(light);
-}
-
-.status-work-in-progress .review-card-title-group {
-  border-left-color: colors.color(error);
-}
-
-.status-awaiting-review .review-card-title-group {
-  border-left-color: colors.color(pending);
-}
-
-.status-reviewed .review-card-title-group {
-  border-left-color: colors.color(success);
-}
-
-.review-card-title,
-.review-card-subtitle,
-.review-description {
+.object-card-title,
+.object-card-subtitle,
+.object-description {
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.review-card-title {
+.object-card-title {
   display: -webkit-box;
   font-size: 16px;
   font-weight: 800;
@@ -117,7 +99,7 @@
   }
 }
 
-.review-card-subtitle {
+.object-card-subtitle {
   margin-top: 2px;
   font-size: 13px;
   line-height: 17px;
@@ -132,26 +114,7 @@
   }
 }
 
-.review-version {
-  flex: 0 0 auto;
-  border: 1px solid colors.color(info);
-  border-radius: 999px;
-  padding: 1px 8px;
-  color: colors.color(info);
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 17px;
-
-  .light & {
-    background: rgba(colors.color(info), 0.08);
-  }
-
-  .dark & {
-    background: rgba(colors.color(info), 0.16);
-  }
-}
-
-.review-description {
+.object-description {
   display: -webkit-box;
   min-height: 30px;
   margin: 0;
@@ -170,14 +133,15 @@
   }
 }
 
-.review-meta,
-.review-actions {
+.object-meta,
+.object-actions,
+.object-footer-right {
   display: flex;
   align-items: center;
   gap: 8px;
 }
 
-.review-meta {
+.object-meta {
   min-width: 0;
   font-size: 12px;
   line-height: 18px;
@@ -191,7 +155,7 @@
   }
 }
 
-.review-avatar {
+.object-avatar {
   display: inline-flex;
   flex: 0 0 auto;
   align-items: center;
@@ -206,20 +170,24 @@
   line-height: 20px;
 }
 
-.status-awaiting-review .review-avatar {
+.status-awaiting-review .object-avatar {
   background: #c84d84;
 }
 
-.status-reviewed .review-avatar {
+.status-reviewed .object-avatar {
   background: colors.color(info);
 }
 
-.review-modified {
+.object-modified {
   min-width: 0;
   white-space: nowrap;
 }
 
-.review-actions {
+.object-footer-right {
+  margin-left: auto;
+}
+
+.object-actions {
   .mdc-button {
     height: 28px;
     min-width: 0;
@@ -242,13 +210,3 @@
 .view-button {
   color: colors.color(info) !important;
 }
-
-.review-approve-button {
-  width: calc(100% - 16px);
-  height: 34px;
-  margin: 8px;
-  border-radius: 5px;
-  background: color.mix(colors.color(warn), #d47a00, 64%) !important;
-  color: white !important;
-  font-weight: 800;
-}
diff --git a/src/app/components/release-track-review-card/release-track-review-card.component.ts b/src/app/components/release-track-object-card/release-track-object-card.component.ts
similarity index 86%
rename from src/app/components/release-track-review-card/release-track-review-card.component.ts
rename to src/app/components/release-track-object-card/release-track-object-card.component.ts
index 998643e94..a64ac00b1 100644
--- a/src/app/components/release-track-review-card/release-track-review-card.component.ts
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.ts
@@ -7,7 +7,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
 import { StixType, WorkflowStatusType } from 'src/app/utils/types';
 
-export interface ReleaseTrackReviewItem {
+export interface ReleaseTrackObjectItem {
   object_ref: string;
   object_modified?: Date | string;
   object_status?: WorkflowStatusType;
@@ -19,7 +19,7 @@ export interface ReleaseTrackReviewItem {
 }
 
 @Component({
-  selector: 'app-release-track-review-card',
+  selector: 'app-release-track-object-card',
   standalone: true,
   imports: [
     CommonModule,
@@ -28,19 +28,19 @@ export interface ReleaseTrackReviewItem {
     MatIconModule,
     MatTooltipModule,
   ],
-  templateUrl: './release-track-review-card.component.html',
-  styleUrls: ['./release-track-review-card.component.scss'],
+  templateUrl: './release-track-object-card.component.html',
+  styleUrls: ['./release-track-object-card.component.scss'],
 })
-export class ReleaseTrackReviewCardComponent {
-  @Input({ required: true }) item!: ReleaseTrackReviewItem;
+export class ReleaseTrackObjectCardComponent {
+  @Input({ required: true }) item!: ReleaseTrackObjectItem;
   @Input() cardType: string | null = null;
   @Input() laneStatus: WorkflowStatusType | null = null;
   @Input() showDescription = true;
   @Input() showDiff = true;
   @Input() showModifiedMeta = true;
 
-  @Output() viewObject = new EventEmitter<ReleaseTrackReviewItem>();
-  @Output() diffObject = new EventEmitter<ReleaseTrackReviewItem>();
+  @Output() viewObject = new EventEmitter<ReleaseTrackObjectItem>();
+  @Output() diffObject = new EventEmitter<ReleaseTrackObjectItem>();
 
   public get title(): string {
     return this.item?.name || this.fallbackObjectLabel;
diff --git a/src/app/components/release-track-review-board/release-track-review-board.component.html b/src/app/components/release-track-review-board/release-track-review-board.component.html
index 7c3fb7ea3..7278240ee 100644
--- a/src/app/components/release-track-review-board/release-track-review-board.component.html
+++ b/src/app/components/release-track-review-board/release-track-review-board.component.html
@@ -31,7 +31,7 @@ <h3>{{ lane.title }} ({{ laneItems.length }})</h3>
           {{ lane.emptyLabel }}
         </div>
 
-        <app-release-track-review-card
+        <app-release-track-object-card
           *ngFor="let item of laneItems; trackBy: trackByObjectRef"
           [cardType]="lane.modifier"
           [item]="item"
@@ -40,7 +40,7 @@ <h3>{{ lane.title }} ({{ laneItems.length }})</h3>
           [showModifiedMeta]="true"
           (viewObject)="viewObject.emit($event)"
           (diffObject)="diffObject.emit($event)">
-        </app-release-track-review-card>
+        </app-release-track-object-card>
       </div>
     </ng-container>
   </section>
diff --git a/src/app/components/release-track-review-board/release-track-review-board.component.ts b/src/app/components/release-track-review-board/release-track-review-board.component.ts
index 09872bfce..a96b6deab 100644
--- a/src/app/components/release-track-review-board/release-track-review-board.component.ts
+++ b/src/app/components/release-track-review-board/release-track-review-board.component.ts
@@ -4,9 +4,9 @@ import { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import {
-  ReleaseTrackReviewCardComponent,
-  ReleaseTrackReviewItem,
-} from 'src/app/components/release-track-review-card/release-track-review-card.component';
+  ReleaseTrackObjectCardComponent,
+  ReleaseTrackObjectItem,
+} from 'src/app/components/release-track-object-card/release-track-object-card.component';
 import { WorkflowStatus, WorkflowStatusType } from 'src/app/utils/types';
 
 interface ReleaseTrackReviewLane {
@@ -25,17 +25,17 @@ interface ReleaseTrackReviewLane {
     FormsModule,
     MatButtonModule,
     MatIconModule,
-    ReleaseTrackReviewCardComponent,
+    ReleaseTrackObjectCardComponent,
   ],
   templateUrl: './release-track-review-board.component.html',
   styleUrls: ['./release-track-review-board.component.scss'],
 })
 export class ReleaseTrackReviewBoardComponent {
-  @Input() items: ReleaseTrackReviewItem[] = [];
+  @Input() items: ReleaseTrackObjectItem[] = [];
 
-  @Output() viewObject = new EventEmitter<ReleaseTrackReviewItem>();
-  @Output() diffObject = new EventEmitter<ReleaseTrackReviewItem>();
-  @Output() bulkReview = new EventEmitter<ReleaseTrackReviewItem[]>();
+  @Output() viewObject = new EventEmitter<ReleaseTrackObjectItem>();
+  @Output() diffObject = new EventEmitter<ReleaseTrackObjectItem>();
+  @Output() bulkReview = new EventEmitter<ReleaseTrackObjectItem[]>();
 
   public readonly WorkflowStatus = WorkflowStatus;
 
@@ -69,7 +69,7 @@ export class ReleaseTrackReviewBoardComponent {
     [WorkflowStatus.Reviewed]: '',
   };
 
-  public getLaneItems(lane: ReleaseTrackReviewLane): ReleaseTrackReviewItem[] {
+  public getLaneItems(lane: ReleaseTrackReviewLane): ReleaseTrackObjectItem[] {
     const query = this.searchTerms[lane.status].trim().toLowerCase();
     return this.items
       .filter(
@@ -83,18 +83,18 @@ export class ReleaseTrackReviewBoardComponent {
     return lane.status === WorkflowStatus.AwaitingReview;
   }
 
-  public onBulkReview(items: ReleaseTrackReviewItem[]): void {
+  public onBulkReview(items: ReleaseTrackObjectItem[]): void {
     this.bulkReview.emit(items);
   }
 
   public trackByObjectRef(
     _index: number,
-    item: ReleaseTrackReviewItem
+    item: ReleaseTrackObjectItem
   ): string {
     return `${item.object_ref}-${item.object_modified || ''}`;
   }
 
-  private searchText(item: ReleaseTrackReviewItem): string {
+  private searchText(item: ReleaseTrackObjectItem): string {
     try {
       return JSON.stringify(item).toLowerCase();
     } catch {
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index aa07c6f21..185aad584 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -195,7 +195,7 @@ <h3>Members ({{ members.length }})</h3>
   </ng-template>
 
   <ng-template #memberTpl let-item let-type="type">
-    <app-release-track-review-card
+    <app-release-track-object-card
       [item]="item"
       [cardType]="type"
       [laneStatus]="item.object_status"
@@ -230,7 +230,7 @@ <h3>Members ({{ members.length }})</h3>
           Demote
         </button>
       </div>
-    </app-release-track-review-card>
+    </app-release-track-object-card>
   </ng-template>
 
   <ng-template #reviewTpl>

From 89f668a4d415fe7fa9658d4b32e54dd07c2b2024 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 11 May 2026 16:12:28 -0400
Subject: [PATCH 053/190] feat(user-avatar): add user initials avatar component
 in place of jdenticons

---
 src/app/app.module.ts                         |  2 +
 .../components/header/header.component.html   |  7 +-
 .../components/header/header.component.scss   | 25 +++--
 .../header/header.component.spec.ts           |  2 +
 .../release-track-object-card.component.html  | 14 +--
 .../release-track-object-card.component.scss  | 19 ----
 .../release-track-object-card.component.ts    | 13 +--
 .../identity-property.component.html          |  9 +-
 .../identity-property.component.scss          |  3 -
 .../identity-property.component.spec.ts       |  2 +
 .../user-avatar/user-avatar.component.html    | 21 +++++
 .../user-avatar/user-avatar.component.scss    | 22 +++++
 .../user-avatar/user-avatar.component.spec.ts | 74 +++++++++++++++
 .../user-avatar/user-avatar.component.ts      | 93 +++++++++++++++++++
 .../profile-page/profile-page.component.html  |  7 +-
 .../profile-page/profile-page.component.scss  |  1 +
 .../profile-page.component.spec.ts            | 14 +++
 17 files changed, 274 insertions(+), 54 deletions(-)
 create mode 100644 src/app/components/user-avatar/user-avatar.component.html
 create mode 100644 src/app/components/user-avatar/user-avatar.component.scss
 create mode 100644 src/app/components/user-avatar/user-avatar.component.spec.ts
 create mode 100644 src/app/components/user-avatar/user-avatar.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 267442a1e..fb9625a3c 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -82,6 +82,7 @@ import { SearchComponent } from './components/resources-drawer/search/search.com
 import { SaveDialogComponent } from './components/save-dialog/save-dialog.component';
 import { SubheadingComponent } from './components/subheading/subheading.component';
 import { ToolbarComponent } from './components/toolbar/toolbar.component';
+import { UserAvatarComponent } from './components/user-avatar/user-avatar.component';
 import { ValidationResultsComponent } from './components/validation-results/validation-results.component';
 import { VersionPopoverComponent } from './components/version-popover/version-popover.component';
 
@@ -470,6 +471,7 @@ export function initConfig(appConfigService: AppConfigService) {
     ClipboardModule,
     OverlayModule,
     MatAutocompleteModule,
+    UserAvatarComponent,
     ReleaseTrackCardComponent,
     ReleaseTrackObjectCardComponent,
     ReleaseTrackReviewBoardComponent,
diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
index 2cf98756a..5f3b7489f 100644
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -127,10 +127,11 @@ <h1>
       mat-icon-button
       [matMenuTriggerFor]="accountOptions"
       aria-label="account options">
-      <svg
-        [data-jdenticon-value]="username"
+      <app-user-avatar
+        [name]="username"
+        [size]="48"
         [matTooltip]="username"
-        matTooltipPosition="below"></svg>
+        matTooltipPosition="below"></app-user-avatar>
     </button>
   </ng-container>
 </mat-toolbar>
diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss
index 23feea97a..dcba5d092 100644
--- a/src/app/components/header/header.component.scss
+++ b/src/app/components/header/header.component.scss
@@ -67,16 +67,27 @@
     left: -40px;
   }
   .mat-mdc-icon-button.account {
+    --account-avatar-size: 48px;
+
+    align-items: center;
+    background: transparent;
+    display: inline-flex;
+    height: var(--account-avatar-size);
+    justify-content: center;
+    padding: 0;
     scale: 0.85;
     vertical-align: middle;
-    .dark & {
-      background: colors.color-alternate(dark);
-    }
-    .light & {
-      background: colors.color(light);
+    width: var(--account-avatar-size);
+    app-user-avatar {
+      display: inline-flex;
+      flex: 0 0 auto;
+      height: var(--account-avatar-size);
+      vertical-align: middle;
+      width: var(--account-avatar-size);
     }
-    svg {
-      scale: 1.3;
+    app-user-avatar .user-avatar {
+      height: 100%;
+      width: 100%;
     }
   }
 }
diff --git a/src/app/components/header/header.component.spec.ts b/src/app/components/header/header.component.spec.ts
index 72363ba34..bf8d20b7c 100644
--- a/src/app/components/header/header.component.spec.ts
+++ b/src/app/components/header/header.component.spec.ts
@@ -12,6 +12,7 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { of } from 'rxjs';
 
 import { HeaderComponent } from './header.component';
+import { UserAvatarComponent } from '../user-avatar/user-avatar.component';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
@@ -28,6 +29,7 @@ describe('HeaderComponent', () => {
     TestBed.configureTestingModule({
       declarations: [HeaderComponent],
       imports: [
+        UserAvatarComponent,
         MatToolbarModule,
         MatMenuModule,
         MatButtonModule,
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.html b/src/app/components/release-track-object-card/release-track-object-card.component.html
index 98e47ec24..eb3f9458d 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.html
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.html
@@ -5,12 +5,11 @@
   <mat-card-header>
     <div class="object-card-top">
       <div class="object-card-title-group">
-        <div class="object-card-title" [matTooltip]="title">
+        <div class="object-card-title">
           {{ title }}
         </div>
         <div
-          class="object-card-subtitle text-deemphasis"
-          [matTooltip]="subtitle">
+          class="object-card-subtitle text-deemphasis">
           {{ subtitle }}
         </div>
       </div>
@@ -49,9 +48,12 @@
       <ng-content select="[card-footer-action]"></ng-content>
 
       <div class="object-meta" *ngIf="showModifiedMeta">
-        <span class="object-avatar" aria-hidden="true">
-          {{ modifiedByInitials }}
-        </span>
+        <app-user-avatar
+          class="object-avatar"
+          [name]="modifiedByName"
+          [size]="20"
+          [matTooltip]="modifiedByName"
+          matTooltipPosition="below"></app-user-avatar>
         <span class="object-modified">
           Modified
           <strong *ngIf="modified; else unknownModified">
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.scss b/src/app/components/release-track-object-card/release-track-object-card.component.scss
index 99137fad7..93b285ce7 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.scss
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.scss
@@ -156,26 +156,7 @@
 }
 
 .object-avatar {
-  display: inline-flex;
   flex: 0 0 auto;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  border-radius: 999px;
-  background: colors.color(error);
-  color: white;
-  font-size: 10px;
-  font-weight: 800;
-  line-height: 20px;
-}
-
-.status-awaiting-review .object-avatar {
-  background: #c84d84;
-}
-
-.status-reviewed .object-avatar {
-  background: colors.color(info);
 }
 
 .object-modified {
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.ts b/src/app/components/release-track-object-card/release-track-object-card.component.ts
index a64ac00b1..4cf66757b 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.ts
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.ts
@@ -6,6 +6,7 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
 import { StixType, WorkflowStatusType } from 'src/app/utils/types';
+import { UserAvatarComponent } from '../user-avatar/user-avatar.component';
 
 export interface ReleaseTrackObjectItem {
   object_ref: string;
@@ -27,6 +28,7 @@ export interface ReleaseTrackObjectItem {
     MatCardModule,
     MatIconModule,
     MatTooltipModule,
+    UserAvatarComponent,
   ],
   templateUrl: './release-track-object-card.component.html',
   styleUrls: ['./release-track-object-card.component.scss'],
@@ -59,15 +61,8 @@ export class ReleaseTrackObjectCardComponent {
     return this.item?.object_modified || null;
   }
 
-  public get modifiedByInitials(): string {
-    const value = this.item?.modified_by_user || '?';
-    const parts = value.split(/\s+/).filter(Boolean);
-
-    if (parts.length >= 2) {
-      return `${parts[0][0]}${parts[1][0]}`.toUpperCase();
-    }
-
-    return value.slice(0, 2).toUpperCase();
+  public get modifiedByName(): string {
+    return this.item?.modified_by_user || 'Unknown User';
   }
 
   public get cardClasses(): Record<string, boolean> {
diff --git a/src/app/components/stix/identity-property/identity-property.component.html b/src/app/components/stix/identity-property/identity-property.component.html
index 518c61199..fd6a4777e 100644
--- a/src/app/components/stix/identity-property/identity-property.component.html
+++ b/src/app/components/stix/identity-property/identity-property.component.html
@@ -3,12 +3,11 @@
     <mat-chip>
       <div class="identity">
         <ng-container *ngIf="identity && identity.name">
-          <svg
-            width="24"
-            height="24"
-            [data-jdenticon-value]="identity.name"
+          <app-user-avatar
+            [name]="identity.name"
+            [size]="24"
             [matTooltip]="identity.name"
-            matTooltipPosition="below"></svg>
+            matTooltipPosition="below"></app-user-avatar>
           <span class="v-align" *ngIf="config.displayName">{{
             identity.name
           }}</span>
diff --git a/src/app/components/stix/identity-property/identity-property.component.scss b/src/app/components/stix/identity-property/identity-property.component.scss
index 38e79446e..897326051 100644
--- a/src/app/components/stix/identity-property/identity-property.component.scss
+++ b/src/app/components/stix/identity-property/identity-property.component.scss
@@ -8,9 +8,6 @@
 .identity {
   display: inline-block;
   padding: 5px 0;
-  svg {
-    vertical-align: middle;
-  }
   .v-align {
     vertical-align: middle;
     padding: 0 8px;
diff --git a/src/app/components/stix/identity-property/identity-property.component.spec.ts b/src/app/components/stix/identity-property/identity-property.component.spec.ts
index 837abf70d..758728c92 100644
--- a/src/app/components/stix/identity-property/identity-property.component.spec.ts
+++ b/src/app/components/stix/identity-property/identity-property.component.spec.ts
@@ -3,6 +3,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { provideHttpClient } from '@angular/common/http';
 
 import { IdentityPropertyComponent } from './identity-property.component';
+import { UserAvatarComponent } from '../../user-avatar/user-avatar.component';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import {
   createMockRestApiConnector,
@@ -21,6 +22,7 @@ describe('IdentityPropertyComponent', () => {
 
     await TestBed.configureTestingModule({
       declarations: [IdentityPropertyComponent],
+      imports: [UserAvatarComponent],
       providers: [
         provideHttpClient(),
         { provide: RestApiConnectorService, useValue: mockRestApiConnector },
diff --git a/src/app/components/user-avatar/user-avatar.component.html b/src/app/components/user-avatar/user-avatar.component.html
new file mode 100644
index 000000000..25d5b565d
--- /dev/null
+++ b/src/app/components/user-avatar/user-avatar.component.html
@@ -0,0 +1,21 @@
+<svg
+  class="user-avatar"
+  [attr.aria-label]="ariaLabel"
+  [attr.height]="size"
+  [attr.viewBox]="'0 0 ' + size + ' ' + size"
+  [attr.width]="size">
+  <circle
+    [attr.cx]="size / 2"
+    [attr.cy]="size / 2"
+    [attr.fill]="background"
+    [attr.r]="size / 2"></circle>
+  <text
+    fill="#ffffff"
+    [attr.font-size]="fontSize"
+    [attr.x]="size / 2"
+    [attr.y]="size / 2"
+    dominant-baseline="central"
+    text-anchor="middle">
+    {{ initials }}
+  </text>
+</svg>
diff --git a/src/app/components/user-avatar/user-avatar.component.scss b/src/app/components/user-avatar/user-avatar.component.scss
new file mode 100644
index 000000000..3489a215d
--- /dev/null
+++ b/src/app/components/user-avatar/user-avatar.component.scss
@@ -0,0 +1,22 @@
+:host {
+  display: inline-flex;
+  flex: 0 0 auto;
+  line-height: 1;
+  vertical-align: middle;
+}
+
+.user-avatar {
+  border-radius: 50%;
+  display: block;
+  flex: 0 0 auto;
+  overflow: hidden;
+  user-select: none;
+}
+
+.user-avatar text {
+  dominant-baseline: central;
+  font-family: Roboto, Arial, sans-serif;
+  font-weight: 700;
+  letter-spacing: 0;
+  text-transform: uppercase;
+}
diff --git a/src/app/components/user-avatar/user-avatar.component.spec.ts b/src/app/components/user-avatar/user-avatar.component.spec.ts
new file mode 100644
index 000000000..5394c2905
--- /dev/null
+++ b/src/app/components/user-avatar/user-avatar.component.spec.ts
@@ -0,0 +1,74 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UserAvatarComponent } from './user-avatar.component';
+
+describe('UserAvatarComponent', () => {
+  let component: UserAvatarComponent;
+  let fixture: ComponentFixture<UserAvatarComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [UserAvatarComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UserAvatarComponent);
+    component = fixture.componentInstance;
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should show first and last initials for a display name with middle names', () => {
+    component.name = 'Cassandra Lauren Smith';
+
+    expect(component.initials).toBe('CS');
+  });
+
+  it('should show first and last initials for a two-word display name', () => {
+    component.name = 'Laurent Hacks';
+
+    expect(component.initials).toBe('LH');
+  });
+
+  it('should show the first two letters for usernames', () => {
+    component.name = 'clsmith';
+
+    expect(component.initials).toBe('CL');
+  });
+
+  it('should show the first two letters for usernames that match display initials', () => {
+    component.name = 'lhacks';
+
+    expect(component.initials).toBe('LH');
+  });
+
+  it('should ignore prefixes and suffixes when building display initials', () => {
+    component.name = 'Dr. Cassandra Lauren Smith Jr.';
+
+    expect(component.initials).toBe('CS');
+  });
+
+  it('should ignore professional suffixes when building display initials', () => {
+    component.name = 'Laurent Hacks, PhD';
+
+    expect(component.initials).toBe('LH');
+  });
+
+  it('should build initials from the remaining name when only a prefix is ignored', () => {
+    component.name = 'Dr. Cassandra';
+
+    expect(component.initials).toBe('CA');
+  });
+
+  it('should assign the same background to the same name', () => {
+    component.name = 'Mary Jackson';
+    const background = component.background;
+
+    component.name = 'Mary Jackson';
+
+    expect(component.background).toBe(background);
+  });
+});
diff --git a/src/app/components/user-avatar/user-avatar.component.ts b/src/app/components/user-avatar/user-avatar.component.ts
new file mode 100644
index 000000000..d7a8263d8
--- /dev/null
+++ b/src/app/components/user-avatar/user-avatar.component.ts
@@ -0,0 +1,93 @@
+import { Component, Input } from '@angular/core';
+
+const USER_AVATAR_BACKGROUNDS = [
+  '#3f5f7f',
+  '#4a7078',
+  '#55735f',
+  '#6d704d',
+  '#85634b',
+  '#8a5264',
+  '#765a83',
+  '#5b638c',
+  '#4f746f',
+  '#6f5f78',
+];
+
+const IGNORED = new Set(['ii', 'iii', 'iv', 'v', 'jr', 'sr', 'dr', 'phd']);
+
+@Component({
+  selector: 'app-user-avatar',
+  templateUrl: './user-avatar.component.html',
+  styleUrls: ['./user-avatar.component.scss'],
+  standalone: true,
+})
+export class UserAvatarComponent {
+  @Input() public name = 'Unknown User';
+
+  private defaultSize = 24;
+  private _size = this.defaultSize;
+
+  @Input()
+  public set size(value: number | string) {
+    const parsed = Number(value);
+    this._size =
+      Number.isFinite(parsed) && parsed > 0 ? parsed : this.defaultSize;
+  }
+
+  public get size(): number {
+    return this._size;
+  }
+
+  public get initials(): string {
+    const value = `${this.name || 'Unknown User'}`.trim();
+    if (!value) return '?';
+
+    const words = this.initialWords(value);
+    if (words.length > 1) {
+      return `${this.firstCharacters(words[0], 1)}${this.firstCharacters(
+        words[words.length - 1],
+        1
+      )}`.toLocaleUpperCase();
+    }
+
+    return this.firstCharacters(words[0], 2).toLocaleUpperCase();
+  }
+
+  public get background(): string {
+    const key = `${this.name || this.initials}`.trim().toLocaleLowerCase();
+    return USER_AVATAR_BACKGROUNDS[
+      this.hash(key) % USER_AVATAR_BACKGROUNDS.length
+    ];
+  }
+
+  public get fontSize(): number {
+    return Math.max(10, Math.round(this.size * 0.5));
+  }
+
+  public get ariaLabel(): string {
+    return this.name ? `${this.name} avatar` : 'User avatar';
+  }
+
+  private firstCharacters(value: string, count: number): string {
+    return (value.match(/[\p{L}\p{N}]/gu) || []).slice(0, count).join('');
+  }
+
+  private initialWords(value: string): string[] {
+    const words = value.split(/\s+/).filter(Boolean);
+    const filteredWords = words.filter(
+      word => !IGNORED.has(this.normalizeNamePart(word))
+    );
+
+    return filteredWords.length ? filteredWords : words;
+  }
+
+  private normalizeNamePart(value: string): string {
+    return (value.match(/[\p{L}\p{N}]/gu) || []).join('').toLocaleLowerCase();
+  }
+
+  private hash(value: string): number {
+    return Array.from(value).reduce((hash, character) => {
+      return (hash * 31 + (character.codePointAt(0) || 0)) >>> 0;
+    }, 0);
+  }
+}
diff --git a/src/app/views/profile-page/profile-page.component.html b/src/app/views/profile-page/profile-page.component.html
index 541116acf..815732d11 100644
--- a/src/app/views/profile-page/profile-page.component.html
+++ b/src/app/views/profile-page/profile-page.component.html
@@ -1,8 +1,11 @@
 <div class="profile-page view-page grid spacing-16">
-  <!-- jdenticon -->
+  <!-- user avatar -->
   <div class="row">
     <div class="col">
-      <svg class="profile-icon" [data-jdenticon-value]="user.displayName"></svg>
+      <app-user-avatar
+        class="profile-icon"
+        [name]="user.displayName"
+        [size]="150"></app-user-avatar>
     </div>
   </div>
   <!-- display name -->
diff --git a/src/app/views/profile-page/profile-page.component.scss b/src/app/views/profile-page/profile-page.component.scss
index ef3259207..def16c86f 100644
--- a/src/app/views/profile-page/profile-page.component.scss
+++ b/src/app/views/profile-page/profile-page.component.scss
@@ -1,6 +1,7 @@
 @use '../../../style/globals';
 .profile-page {
   .profile-icon {
+    display: flex;
     height: 150px;
     width: 150px;
     margin: auto;
diff --git a/src/app/views/profile-page/profile-page.component.spec.ts b/src/app/views/profile-page/profile-page.component.spec.ts
index 24a14cb65..dd16e8025 100644
--- a/src/app/views/profile-page/profile-page.component.spec.ts
+++ b/src/app/views/profile-page/profile-page.component.spec.ts
@@ -8,8 +8,14 @@ import {
   createMockAuthenticationService,
   createMockUserAccount,
 } from 'src/app/testing/mocks/authentication-service.mock';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 import { ProfilePageComponent } from './profile-page.component';
+import { UserAvatarComponent } from '../../components/user-avatar/user-avatar.component';
 
 describe('ProfilePageComponent', () => {
   let component: ProfilePageComponent;
@@ -24,9 +30,13 @@ describe('ProfilePageComponent', () => {
       }),
       canEdit: () => false,
     });
+    const mockRestApiConnector = createMockRestApiConnector({
+      getTeamsByUserId: () => createAsyncObservable([]),
+    });
 
     await TestBed.configureTestingModule({
       declarations: [ProfilePageComponent],
+      imports: [UserAvatarComponent],
       schemas: [NO_ERRORS_SCHEMA],
       providers: [
         provideHttpClient(),
@@ -41,6 +51,10 @@ describe('ProfilePageComponent', () => {
           provide: AuthenticationService,
           useValue: mockAuthService,
         },
+        {
+          provide: RestApiConnectorService,
+          useValue: mockRestApiConnector,
+        },
       ],
     }).compileComponents();
   });

From d7f8e9d93e04bbb385295dda2013a3136b05b316 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 11 May 2026 16:18:44 -0400
Subject: [PATCH 054/190] chore: remove jdenticon dependencies

---
 package-lock.json                             | 1994 +++++++++--------
 package.json                                  |   16 +-
 src/app/app.module.ts                         |   16 -
 .../release-track-object-card.component.html  |    3 +-
 4 files changed, 1095 insertions(+), 934 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index db2226835..fb71e5bbd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,12 +23,10 @@
         "@mitre-attack/attack-data-model": "^5.0.0-beta.1",
         "@ng-matero/extensions": "^19.5.1",
         "diff-match-patch-ts": "^0.8.0",
-        "jdenticon": "^3.2.0",
         "lodash": "^4.17.21",
         "marked": "^15.0.11",
         "moment": "^2.29.4",
         "ngx-autosize": "^2.0.4",
-        "ngx-jdenticon": "^2.0.0",
         "ngx-logger": "^5.0.12",
         "ngx-markdown": "^19.1.1",
         "rxjs": "^7.8.1",
@@ -176,14 +174,14 @@
       }
     },
     "node_modules/@angular-devkit/architect": {
-      "version": "0.2003.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2003.24.tgz",
-      "integrity": "sha512-E7mCdkL6SWnW60G1nGLuugmsopza/eVIrDWB1y0vLkWN8gepOvnHz2Uf637kdzed/F1WoqR+dhv1SfsaJapzKA==",
+      "version": "0.2003.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2003.25.tgz",
+      "integrity": "sha512-39pTqt4wSmpD1WeCee46oSGXRh6TR1PFd9GZEwyZoMvBTMs8mE2sXGxUgd4Qyi5CkQ1XnCM5XfgJcjUWUQRoGg==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@angular-devkit/core": "20.3.24",
+        "@angular-devkit/core": "20.3.25",
         "rxjs": "7.8.2"
       },
       "engines": {
@@ -193,17 +191,17 @@
       }
     },
     "node_modules/@angular-devkit/build-angular": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-19.2.24.tgz",
-      "integrity": "sha512-foSat36hPfGyrQnKSlvynTWY2HBVc2nEF/Tx3C0Yv+aVmMePBzrONiHs67yXB7C6rrYvrJtQuy+nAPvEOBV/0A==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-19.2.25.tgz",
+      "integrity": "sha512-js5cn1oUglxRFf+/++OlC8ENjFHtBOqQ/b9To3Sho/sahXOEANgs1Z2/c6Q6uQwDmaHzHl0H1vrLHfKM0WGf/A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.1902.24",
-        "@angular-devkit/build-webpack": "0.1902.24",
-        "@angular-devkit/core": "19.2.24",
-        "@angular/build": "19.2.24",
+        "@angular-devkit/architect": "0.1902.25",
+        "@angular-devkit/build-webpack": "0.1902.25",
+        "@angular-devkit/core": "19.2.25",
+        "@angular/build": "19.2.25",
         "@babel/core": "7.26.10",
         "@babel/generator": "7.26.10",
         "@babel/helper-annotate-as-pure": "7.25.9",
@@ -214,7 +212,7 @@
         "@babel/preset-env": "7.26.9",
         "@babel/runtime": "7.26.10",
         "@discoveryjs/json-ext": "0.6.3",
-        "@ngtools/webpack": "19.2.24",
+        "@ngtools/webpack": "19.2.25",
         "@vitejs/plugin-basic-ssl": "1.2.0",
         "ansi-colors": "4.1.3",
         "autoprefixer": "10.4.20",
@@ -222,7 +220,7 @@
         "browserslist": "^4.21.5",
         "copy-webpack-plugin": "12.0.2",
         "css-loader": "7.1.2",
-        "esbuild-wasm": "0.25.4",
+        "esbuild-wasm": "0.28.0",
         "fast-glob": "3.3.3",
         "http-proxy-middleware": "3.0.5",
         "istanbul-lib-instrument": "6.0.3",
@@ -237,7 +235,7 @@
         "ora": "5.4.1",
         "picomatch": "4.0.4",
         "piscina": "4.8.0",
-        "postcss": "8.5.2",
+        "postcss": "8.5.12",
         "postcss-loader": "8.1.1",
         "resolve-url-loader": "5.0.0",
         "rxjs": "7.8.1",
@@ -261,14 +259,14 @@
         "yarn": ">= 1.13.0"
       },
       "optionalDependencies": {
-        "esbuild": "0.25.4"
+        "esbuild": "0.28.0"
       },
       "peerDependencies": {
         "@angular/compiler-cli": "^19.0.0 || ^19.2.0-next.0",
         "@angular/localize": "^19.0.0 || ^19.2.0-next.0",
         "@angular/platform-server": "^19.0.0 || ^19.2.0-next.0",
         "@angular/service-worker": "^19.0.0 || ^19.2.0-next.0",
-        "@angular/ssr": "^19.2.24",
+        "@angular/ssr": "^19.2.25",
         "@web/test-runner": "^0.20.0",
         "browser-sync": "^3.0.2",
         "jest": "^29.5.0",
@@ -319,13 +317,13 @@
       }
     },
     "node_modules/@angular-devkit/build-angular/node_modules/@angular-devkit/architect": {
-      "version": "0.1902.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.24.tgz",
-      "integrity": "sha512-G63tV2EW15xCWfDhFYwLc1MWu2UbY6M+JaRfDr8NxwP9PZJyIkGHA9YUhnx+35x7aNb52sTPDW0uY4ukhOvYFg==",
+      "version": "0.1902.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.25.tgz",
+      "integrity": "sha512-TjMoxPPrIs67mtDCUcbZ9UJBWnuS/5hAzFkHbJEfsMzhQJFn5q1rKcbWxZxT+VwI1WEJBmPQHiS5GbNQneMgEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "19.2.24",
+        "@angular-devkit/core": "19.2.25",
         "rxjs": "7.8.1"
       },
       "engines": {
@@ -335,9 +333,9 @@
       }
     },
     "node_modules/@angular-devkit/build-angular/node_modules/@angular-devkit/core": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.24.tgz",
-      "integrity": "sha512-Kd49warf6U/EyWe5BszF/eebN3zQ3bk7tgfEljAw8q/rX95UUtriJubWvp6pgzHfzBA4jwq8f+QiNZB8eBEXPA==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.25.tgz",
+      "integrity": "sha512-jXk2yASLMmMLfxA5kSW6QdoVRElDXkf8rHpbX84VtX9E4HiV3jOTAtzZr5HV2mjthBXZB6oT8WDe4M83hseTsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -404,13 +402,13 @@
       }
     },
     "node_modules/@angular-devkit/build-webpack": {
-      "version": "0.1902.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1902.24.tgz",
-      "integrity": "sha512-txDA1cbmsD5+mcw74JCh0UiSZQKQzcDalkqPYpSA+9/uFGUSULSonlyCmg5UpyrpiOzM5ACI/++qJ1g52TqWWA==",
+      "version": "0.1902.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1902.25.tgz",
+      "integrity": "sha512-M1kY47QHeoE+qmSaEH8VC+sl4i9gKXejdAmyFpsJ9T4uJnTej6qap+NgLW/ZjZCLK41cf4/H8U7kYYswXkACKg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": "0.1902.24",
+        "@angular-devkit/architect": "0.1902.25",
         "rxjs": "7.8.1"
       },
       "engines": {
@@ -424,13 +422,13 @@
       }
     },
     "node_modules/@angular-devkit/build-webpack/node_modules/@angular-devkit/architect": {
-      "version": "0.1902.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.24.tgz",
-      "integrity": "sha512-G63tV2EW15xCWfDhFYwLc1MWu2UbY6M+JaRfDr8NxwP9PZJyIkGHA9YUhnx+35x7aNb52sTPDW0uY4ukhOvYFg==",
+      "version": "0.1902.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.25.tgz",
+      "integrity": "sha512-TjMoxPPrIs67mtDCUcbZ9UJBWnuS/5hAzFkHbJEfsMzhQJFn5q1rKcbWxZxT+VwI1WEJBmPQHiS5GbNQneMgEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "19.2.24",
+        "@angular-devkit/core": "19.2.25",
         "rxjs": "7.8.1"
       },
       "engines": {
@@ -440,9 +438,9 @@
       }
     },
     "node_modules/@angular-devkit/build-webpack/node_modules/@angular-devkit/core": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.24.tgz",
-      "integrity": "sha512-Kd49warf6U/EyWe5BszF/eebN3zQ3bk7tgfEljAw8q/rX95UUtriJubWvp6pgzHfzBA4jwq8f+QiNZB8eBEXPA==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.25.tgz",
+      "integrity": "sha512-jXk2yASLMmMLfxA5kSW6QdoVRElDXkf8rHpbX84VtX9E4HiV3jOTAtzZr5HV2mjthBXZB6oT8WDe4M83hseTsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -488,9 +486,9 @@
       }
     },
     "node_modules/@angular-devkit/core": {
-      "version": "20.3.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-20.3.24.tgz",
-      "integrity": "sha512-kmOjXJcbFxUI91nds9n6XZ6Y/DyQ7/TqRXbHHqvkz9RtlIpdbgWHlIZIq6mgsPOgPBzkxFjtncVARYZUI3yxaw==",
+      "version": "20.3.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-20.3.25.tgz",
+      "integrity": "sha512-pSfeWEoS1y9zxqTOw0Etj2NXkRmp/aU52wdnyq3KqVA9cJtgxtlOHlBBNswTil4dReojEy+0K1xJm+mLuWuLxA==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -517,13 +515,13 @@
       }
     },
     "node_modules/@angular-devkit/schematics": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-19.2.24.tgz",
-      "integrity": "sha512-lnw+ZM1Io+cJAkReC0NPDjqObL8NtKzKIkdgEEKC8CUmkhurYhedbicN8Y8NYHgG1uLd2GozW3+/QqPRZaN+Lw==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-19.2.25.tgz",
+      "integrity": "sha512-bpYt8KuMOhu3+gA5Hm3B0MoFB2psAJAR0HOGTKSLoHmwfv5EeemfsSRdjrucwR3WZbn//Y3uFgbfKWnClLO7OQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "19.2.24",
+        "@angular-devkit/core": "19.2.25",
         "jsonc-parser": "3.3.1",
         "magic-string": "0.30.17",
         "ora": "5.4.1",
@@ -536,9 +534,9 @@
       }
     },
     "node_modules/@angular-devkit/schematics/node_modules/@angular-devkit/core": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.24.tgz",
-      "integrity": "sha512-Kd49warf6U/EyWe5BszF/eebN3zQ3bk7tgfEljAw8q/rX95UUtriJubWvp6pgzHfzBA4jwq8f+QiNZB8eBEXPA==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.25.tgz",
+      "integrity": "sha512-jXk2yASLMmMLfxA5kSW6QdoVRElDXkf8rHpbX84VtX9E4HiV3jOTAtzZr5HV2mjthBXZB6oT8WDe4M83hseTsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -599,13 +597,13 @@
       }
     },
     "node_modules/@angular-eslint/builder/node_modules/@angular-devkit/architect": {
-      "version": "0.1902.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.24.tgz",
-      "integrity": "sha512-G63tV2EW15xCWfDhFYwLc1MWu2UbY6M+JaRfDr8NxwP9PZJyIkGHA9YUhnx+35x7aNb52sTPDW0uY4ukhOvYFg==",
+      "version": "0.1902.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.25.tgz",
+      "integrity": "sha512-TjMoxPPrIs67mtDCUcbZ9UJBWnuS/5hAzFkHbJEfsMzhQJFn5q1rKcbWxZxT+VwI1WEJBmPQHiS5GbNQneMgEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "19.2.24",
+        "@angular-devkit/core": "19.2.25",
         "rxjs": "7.8.1"
       },
       "engines": {
@@ -615,9 +613,9 @@
       }
     },
     "node_modules/@angular-eslint/builder/node_modules/@angular-devkit/core": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.24.tgz",
-      "integrity": "sha512-Kd49warf6U/EyWe5BszF/eebN3zQ3bk7tgfEljAw8q/rX95UUtriJubWvp6pgzHfzBA4jwq8f+QiNZB8eBEXPA==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.25.tgz",
+      "integrity": "sha512-jXk2yASLMmMLfxA5kSW6QdoVRElDXkf8rHpbX84VtX9E4HiV3jOTAtzZr5HV2mjthBXZB6oT8WDe4M83hseTsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -722,9 +720,9 @@
       }
     },
     "node_modules/@angular-eslint/schematics/node_modules/@angular-devkit/core": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.24.tgz",
-      "integrity": "sha512-Kd49warf6U/EyWe5BszF/eebN3zQ3bk7tgfEljAw8q/rX95UUtriJubWvp6pgzHfzBA4jwq8f+QiNZB8eBEXPA==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.25.tgz",
+      "integrity": "sha512-jXk2yASLMmMLfxA5kSW6QdoVRElDXkf8rHpbX84VtX9E4HiV3jOTAtzZr5HV2mjthBXZB6oT8WDe4M83hseTsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -829,14 +827,14 @@
       }
     },
     "node_modules/@angular/build": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular/build/-/build-19.2.24.tgz",
-      "integrity": "sha512-/Z6Ka0+xpmSXz5KHP94iRO5R1ZwbcJfj7Q7k/d6QH5Wk8rVFIoI/3a9nmLewjR/CxW8QaiziPYQpG1ezRgj9hQ==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular/build/-/build-19.2.25.tgz",
+      "integrity": "sha512-fYplcePeQj7k2sxDmkSs5tJUuGYUsLDeqKbSYJ7O9YKUWm/lZTL06VP7tFWfrCfdIrntzWV9RoF6KHyryrTr0w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "2.3.0",
-        "@angular-devkit/architect": "0.1902.24",
+        "@angular-devkit/architect": "0.1902.25",
         "@babel/core": "7.26.10",
         "@babel/helper-annotate-as-pure": "7.25.9",
         "@babel/helper-split-export-declaration": "7.24.7",
@@ -845,7 +843,7 @@
         "@vitejs/plugin-basic-ssl": "1.2.0",
         "beasties": "0.3.2",
         "browserslist": "^4.23.0",
-        "esbuild": "0.25.4",
+        "esbuild": "0.28.0",
         "fast-glob": "3.3.3",
         "https-proxy-agent": "7.0.6",
         "istanbul-lib-instrument": "6.0.3",
@@ -876,7 +874,7 @@
         "@angular/localize": "^19.0.0 || ^19.2.0-next.0",
         "@angular/platform-server": "^19.0.0 || ^19.2.0-next.0",
         "@angular/service-worker": "^19.0.0 || ^19.2.0-next.0",
-        "@angular/ssr": "^19.2.24",
+        "@angular/ssr": "^19.2.25",
         "karma": "^6.4.0",
         "less": "^4.2.0",
         "ng-packagr": "^19.0.0 || ^19.2.0-next.0",
@@ -915,13 +913,13 @@
       }
     },
     "node_modules/@angular/build/node_modules/@angular-devkit/architect": {
-      "version": "0.1902.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.24.tgz",
-      "integrity": "sha512-G63tV2EW15xCWfDhFYwLc1MWu2UbY6M+JaRfDr8NxwP9PZJyIkGHA9YUhnx+35x7aNb52sTPDW0uY4ukhOvYFg==",
+      "version": "0.1902.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.25.tgz",
+      "integrity": "sha512-TjMoxPPrIs67mtDCUcbZ9UJBWnuS/5hAzFkHbJEfsMzhQJFn5q1rKcbWxZxT+VwI1WEJBmPQHiS5GbNQneMgEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "19.2.24",
+        "@angular-devkit/core": "19.2.25",
         "rxjs": "7.8.1"
       },
       "engines": {
@@ -931,9 +929,9 @@
       }
     },
     "node_modules/@angular/build/node_modules/@angular-devkit/core": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.24.tgz",
-      "integrity": "sha512-Kd49warf6U/EyWe5BszF/eebN3zQ3bk7tgfEljAw8q/rX95UUtriJubWvp6pgzHfzBA4jwq8f+QiNZB8eBEXPA==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.25.tgz",
+      "integrity": "sha512-jXk2yASLMmMLfxA5kSW6QdoVRElDXkf8rHpbX84VtX9E4HiV3jOTAtzZr5HV2mjthBXZB6oT8WDe4M83hseTsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1015,18 +1013,18 @@
       }
     },
     "node_modules/@angular/cli": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-19.2.24.tgz",
-      "integrity": "sha512-HjU4r/Va9w868fKVeUNOgkHBVDQc2VFHWxj0I3WekGhYN3dlfTVNn0/3dNutkBBuCxxTb9Xl6E6wf6KrlA9wcQ==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-19.2.25.tgz",
+      "integrity": "sha512-n17jURuokRb3E/uPx7OCtR0IrtG8CAHZmi2Mt/09H4CSZATaD1ZCHpWoktWk3IWMdQ6VJy6cCQzsbpN19Yz7Ow==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/architect": "0.1902.24",
-        "@angular-devkit/core": "19.2.24",
-        "@angular-devkit/schematics": "19.2.24",
+        "@angular-devkit/architect": "0.1902.25",
+        "@angular-devkit/core": "19.2.25",
+        "@angular-devkit/schematics": "19.2.25",
         "@inquirer/prompts": "7.3.2",
         "@listr2/prompt-adapter-inquirer": "2.0.18",
-        "@schematics/angular": "19.2.24",
+        "@schematics/angular": "19.2.25",
         "@yarnpkg/lockfile": "1.1.0",
         "ini": "5.0.0",
         "jsonc-parser": "3.3.1",
@@ -1049,13 +1047,13 @@
       }
     },
     "node_modules/@angular/cli/node_modules/@angular-devkit/architect": {
-      "version": "0.1902.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.24.tgz",
-      "integrity": "sha512-G63tV2EW15xCWfDhFYwLc1MWu2UbY6M+JaRfDr8NxwP9PZJyIkGHA9YUhnx+35x7aNb52sTPDW0uY4ukhOvYFg==",
+      "version": "0.1902.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1902.25.tgz",
+      "integrity": "sha512-TjMoxPPrIs67mtDCUcbZ9UJBWnuS/5hAzFkHbJEfsMzhQJFn5q1rKcbWxZxT+VwI1WEJBmPQHiS5GbNQneMgEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "19.2.24",
+        "@angular-devkit/core": "19.2.25",
         "rxjs": "7.8.1"
       },
       "engines": {
@@ -1065,9 +1063,9 @@
       }
     },
     "node_modules/@angular/cli/node_modules/@angular-devkit/core": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.24.tgz",
-      "integrity": "sha512-Kd49warf6U/EyWe5BszF/eebN3zQ3bk7tgfEljAw8q/rX95UUtriJubWvp6pgzHfzBA4jwq8f+QiNZB8eBEXPA==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.25.tgz",
+      "integrity": "sha512-jXk2yASLMmMLfxA5kSW6QdoVRElDXkf8rHpbX84VtX9E4HiV3jOTAtzZr5HV2mjthBXZB6oT8WDe4M83hseTsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1369,9 +1367,9 @@
       }
     },
     "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
-      "version": "11.3.5",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.5.tgz",
-      "integrity": "sha512-NxVFwLAnrd9i7KUBxC4DrUhmgjzOs+1Qm50D3oF1/oL+r1NpZ4gA7xvG0/zJ8evR7zIKn4vLf7qTNduWFtCrRw==",
+      "version": "11.3.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.6.tgz",
+      "integrity": "sha512-Gf/KoL3C/MlI7Bt0PGI9I+TeTC/I6r/csU58N4BSNc4lppLBeKsOdFYkK+dX0ABDUMJNfCHTyPpzwwO21Awd3A==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -1393,9 +1391,9 @@
       }
     },
     "node_modules/@asamuzakjp/dom-selector/node_modules/lru-cache": {
-      "version": "11.3.5",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.5.tgz",
-      "integrity": "sha512-NxVFwLAnrd9i7KUBxC4DrUhmgjzOs+1Qm50D3oF1/oL+r1NpZ4gA7xvG0/zJ8evR7zIKn4vLf7qTNduWFtCrRw==",
+      "version": "11.3.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.6.tgz",
+      "integrity": "sha512-Gf/KoL3C/MlI7Bt0PGI9I+TeTC/I6r/csU58N4BSNc4lppLBeKsOdFYkK+dX0ABDUMJNfCHTyPpzwwO21Awd3A==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -1425,9 +1423,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
-      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+      "version": "7.29.3",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.3.tgz",
+      "integrity": "sha512-LIVqM46zQWZhj17qA8wb4nW/ixr2y1Nw+r1etiAWgRM6U1IqP+LNhL1yg440jYZR72jCWcWbLWzIosH+uP1fqg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1540,9 +1538,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.6.tgz",
-      "integrity": "sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==",
+      "version": "7.29.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.29.3.tgz",
+      "integrity": "sha512-RpLYy2sb51oNLjuu1iD3bwBqCBWUzjO0ocp+iaCP/lJtb2CPLcnC2Fftw+4sAzaMELGeWTgExSKADbdo0GFVzA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1551,7 +1549,7 @@
         "@babel/helper-optimise-call-expression": "^7.27.1",
         "@babel/helper-replace-supers": "^7.28.6",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
-        "@babel/traverse": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -1879,9 +1877,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.29.2",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
-      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+      "version": "7.29.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.3.tgz",
+      "integrity": "sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2458,9 +2456,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-systemjs": {
-      "version": "7.29.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.29.0.tgz",
-      "integrity": "sha512-PrujnVFbOdUpw4UHiVwKvKRLMMic8+eC0CuNlxjsyZUiBjhFdPsewdXCkveh2KqBA9/waD0W1b4hXSOBQJezpQ==",
+      "version": "7.29.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.29.4.tgz",
+      "integrity": "sha512-N7QmZ0xRZfjHOfZeQLJjwgX2zS9pdGHSVl/cjSGlo4dXMqvurfxXDMKY4RqEKzPozV78VMcd0lxyG13mlbKc4w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3140,45 +3138,10 @@
       "license": "MIT",
       "optional": true
     },
-    "node_modules/@chevrotain/cst-dts-gen": {
-      "version": "12.0.0",
-      "resolved": "https://registry.npmjs.org/@chevrotain/cst-dts-gen/-/cst-dts-gen-12.0.0.tgz",
-      "integrity": "sha512-fSL4KXjTl7cDgf0B5Rip9Q05BOrYvkJV/RrBTE/bKDN096E4hN/ySpcBK5B24T76dlQ2i32Zc3PAE27jFnFrKg==",
-      "license": "Apache-2.0",
-      "optional": true,
-      "dependencies": {
-        "@chevrotain/gast": "12.0.0",
-        "@chevrotain/types": "12.0.0"
-      }
-    },
-    "node_modules/@chevrotain/gast": {
-      "version": "12.0.0",
-      "resolved": "https://registry.npmjs.org/@chevrotain/gast/-/gast-12.0.0.tgz",
-      "integrity": "sha512-1ne/m3XsIT8aEdrvT33so0GUC+wkctpUPK6zU9IlOyJLUbR0rg4G7ZiApiJbggpgPir9ERy3FRjT6T7lpgetnQ==",
-      "license": "Apache-2.0",
-      "optional": true,
-      "dependencies": {
-        "@chevrotain/types": "12.0.0"
-      }
-    },
-    "node_modules/@chevrotain/regexp-to-ast": {
-      "version": "12.0.0",
-      "resolved": "https://registry.npmjs.org/@chevrotain/regexp-to-ast/-/regexp-to-ast-12.0.0.tgz",
-      "integrity": "sha512-p+EW9MaJwgaHguhoqwOtx/FwuGr+DnNn857sXWOi/mClXIkPGl3rn7hGNWvo31HA3vyeQxjqe+H36yZJwYU8cA==",
-      "license": "Apache-2.0",
-      "optional": true
-    },
     "node_modules/@chevrotain/types": {
-      "version": "12.0.0",
-      "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-12.0.0.tgz",
-      "integrity": "sha512-S+04vjFQKeuYw0/eW3U52LkAHQsB1ASxsPGsLPUyQgrZ2iNNibQrsidruDzjEX2JYfespXMG0eZmXlhA6z7nWA==",
-      "license": "Apache-2.0",
-      "optional": true
-    },
-    "node_modules/@chevrotain/utils": {
-      "version": "12.0.0",
-      "resolved": "https://registry.npmjs.org/@chevrotain/utils/-/utils-12.0.0.tgz",
-      "integrity": "sha512-lB59uJoaGIfOOL9knQqQRfhl9g7x8/wqFkp13zTdkRu1huG9kg6IJs1O8hqj9rs6h7orGxHJUKb+mX3rPbWGhA==",
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-11.1.2.tgz",
+      "integrity": "sha512-U+HFai5+zmJCkK86QsaJtoITlboZHBqrVketcO2ROv865xfCMSFpELQoz1GkX5GzME8pTa+3kbKrZHQtI0gdbw==",
       "license": "Apache-2.0",
       "optional": true
     },
@@ -3210,15 +3173,15 @@
       }
     },
     "node_modules/@commitlint/cli": {
-      "version": "20.5.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/cli/-/cli-20.5.0.tgz",
-      "integrity": "sha512-yNkyN/tuKTJS3wdVfsZ2tXDM4G4Gi7z+jW54Cki8N8tZqwKBltbIvUUrSbT4hz1bhW/h0CdR+5sCSpXD+wMKaQ==",
+      "version": "20.5.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/cli/-/cli-20.5.3.tgz",
+      "integrity": "sha512-OJdL0EXWD5y9LPa0nr/geOwzaS8BsdaybKkcloB0JgsguGxNv2R+hC2FTPqrAcprg35zF33KOQerY0x8W1aesA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@commitlint/format": "^20.5.0",
-        "@commitlint/lint": "^20.5.0",
-        "@commitlint/load": "^20.5.0",
+        "@commitlint/lint": "^20.5.3",
+        "@commitlint/load": "^20.5.3",
         "@commitlint/read": "^20.5.0",
         "@commitlint/types": "^20.5.0",
         "tinyexec": "^1.0.0",
@@ -3232,9 +3195,9 @@
       }
     },
     "node_modules/@commitlint/config-conventional": {
-      "version": "20.5.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/config-conventional/-/config-conventional-20.5.0.tgz",
-      "integrity": "sha512-t3Ni88rFw1XMa4nZHgOKJ8fIAT9M2j5TnKyTqJzsxea7FUetlNdYFus9dz+MhIRZmc16P0PPyEfh6X2d/qw8SA==",
+      "version": "20.5.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/config-conventional/-/config-conventional-20.5.3.tgz",
+      "integrity": "sha512-j34Qqeaa152chJgz2ysyk0BCpHenJn1lV0Rx0VXf8k3ccQcED+48EZrzMvo9jLmJUyBrrBwvu89I+2er4gW7QQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3260,18 +3223,14 @@
       }
     },
     "node_modules/@commitlint/ensure": {
-      "version": "20.5.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/ensure/-/ensure-20.5.0.tgz",
-      "integrity": "sha512-IpHqAUesBeW1EDDdjzJeaOxU9tnogLAyXLRBn03SHlj1SGENn2JGZqSWGkFvBJkJzfXAuCNtsoYzax+ZPS+puw==",
+      "version": "20.5.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/ensure/-/ensure-20.5.3.tgz",
+      "integrity": "sha512-4i4AgNvH62owG9MwSiWKrle7HGNpBHHdLnWFIp5fTsHUYe5kRuh15t08L/0pdbbrRk8JKXQxxN4hZQcn+szkrw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@commitlint/types": "^20.5.0",
-        "lodash.camelcase": "^4.3.0",
-        "lodash.kebabcase": "^4.1.1",
-        "lodash.snakecase": "^4.1.1",
-        "lodash.startcase": "^4.4.0",
-        "lodash.upperfirst": "^4.3.1"
+        "es-toolkit": "^1.46.0"
       },
       "engines": {
         "node": ">=v18"
@@ -3316,15 +3275,15 @@
       }
     },
     "node_modules/@commitlint/lint": {
-      "version": "20.5.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/lint/-/lint-20.5.0.tgz",
-      "integrity": "sha512-jiM3hNUdu04jFBf1VgPdjtIPvbuVfDTBAc6L98AWcoLjF5sYqkulBHBzlVWll4rMF1T5zeQFB6r//a+s+BBKlA==",
+      "version": "20.5.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/lint/-/lint-20.5.3.tgz",
+      "integrity": "sha512-M7JbWBNr2gXKaPc4i/KipsuW1gkDHpj35KPjWtKy3Z+2AQw5wu1gBi1LIO0uoaij67CqY4K8PxPZSGens4evCw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@commitlint/is-ignored": "^20.5.0",
         "@commitlint/parse": "^20.5.0",
-        "@commitlint/rules": "^20.5.0",
+        "@commitlint/rules": "^20.5.3",
         "@commitlint/types": "^20.5.0"
       },
       "engines": {
@@ -3332,20 +3291,20 @@
       }
     },
     "node_modules/@commitlint/load": {
-      "version": "20.5.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/load/-/load-20.5.0.tgz",
-      "integrity": "sha512-sLhhYTL/KxeOTZjjabKDhwidGZan84XKK1+XFkwDYL/4883kIajcz/dZFAhBJmZPtL8+nBx6bnkzA95YxPeDPw==",
+      "version": "20.5.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/load/-/load-20.5.3.tgz",
+      "integrity": "sha512-1FDZWuKyu98Myb8i7Tp31jPU2rZpOwAdYRyJcy2KoGg7Xk2A+bgHN8smhMaaNSNkmE8fwt53BokywZq8Gv/5XQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@commitlint/config-validator": "^20.5.0",
         "@commitlint/execute-rule": "^20.0.0",
-        "@commitlint/resolve-extends": "^20.5.0",
+        "@commitlint/resolve-extends": "^20.5.3",
         "@commitlint/types": "^20.5.0",
         "cosmiconfig": "^9.0.1",
         "cosmiconfig-typescript-loader": "^6.1.0",
+        "es-toolkit": "^1.46.0",
         "is-plain-obj": "^4.1.0",
-        "lodash.mergewith": "^4.6.2",
         "picocolors": "^1.1.1"
       },
       "engines": {
@@ -3395,17 +3354,17 @@
       }
     },
     "node_modules/@commitlint/resolve-extends": {
-      "version": "20.5.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/resolve-extends/-/resolve-extends-20.5.0.tgz",
-      "integrity": "sha512-3SHPWUW2v0tyspCTcfSsYml0gses92l6TlogwzvM2cbxDgmhSRc+fldDjvGkCXJrjSM87BBaWYTPWwwyASZRrg==",
+      "version": "20.5.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/resolve-extends/-/resolve-extends-20.5.3.tgz",
+      "integrity": "sha512-+ogW9v/u9JqpvAgTrLra/YTFo0KkjU6iNblF89pPsj4NebNc+DAWctsludwezI8YnsjBmfHpApSwcXprN/f/ew==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@commitlint/config-validator": "^20.5.0",
         "@commitlint/types": "^20.5.0",
-        "global-directory": "^4.0.1",
+        "es-toolkit": "^1.46.0",
+        "global-directory": "^5.0.0",
         "import-meta-resolve": "^4.0.0",
-        "lodash.mergewith": "^4.6.2",
         "resolve-from": "^5.0.0"
       },
       "engines": {
@@ -3413,13 +3372,13 @@
       }
     },
     "node_modules/@commitlint/rules": {
-      "version": "20.5.0",
-      "resolved": "https://registry.npmjs.org/@commitlint/rules/-/rules-20.5.0.tgz",
-      "integrity": "sha512-5NdQXQEdnDPT5pK8O39ZA7HohzPRHEsDGU23cyVCNPQy4WegAbAwrQk3nIu7p2sl3dutPk8RZd91yKTrMTnRkQ==",
+      "version": "20.5.3",
+      "resolved": "https://registry.npmjs.org/@commitlint/rules/-/rules-20.5.3.tgz",
+      "integrity": "sha512-MPlMnb9D3wbszYMp+1hPtuhtPJndRo6I6yfkZVA4+jR8w7Kqp0u2u/Y+gzbaItx5Lltq5rw7FSZQWJMoXUC4NQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@commitlint/ensure": "^20.5.0",
+        "@commitlint/ensure": "^20.5.3",
         "@commitlint/message": "^20.4.3",
         "@commitlint/to-lines": "^20.0.0",
         "@commitlint/types": "^20.5.0"
@@ -3676,9 +3635,9 @@
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.4.tgz",
-      "integrity": "sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.0.tgz",
+      "integrity": "sha512-lhRUCeuOyJQURhTxl4WkpFTjIsbDayJHih5kZC1giwE+MhIzAb7mEsQMqMf18rHLsrb5qI1tafG20mLxEWcWlA==",
       "cpu": [
         "ppc64"
       ],
@@ -3693,9 +3652,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.4.tgz",
-      "integrity": "sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.28.0.tgz",
+      "integrity": "sha512-wqh0ByljabXLKHeWXYLqoJ5jKC4XBaw6Hk08OfMrCRd2nP2ZQ5eleDZC41XHyCNgktBGYMbqnrJKq/K/lzPMSQ==",
       "cpu": [
         "arm"
       ],
@@ -3710,9 +3669,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.4.tgz",
-      "integrity": "sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.28.0.tgz",
+      "integrity": "sha512-+WzIXQOSaGs33tLEgYPYe/yQHf0WTU0X42Jca3y8NWMbUVhp7rUnw+vAsRC/QiDrdD31IszMrZy+qwPOPjd+rw==",
       "cpu": [
         "arm64"
       ],
@@ -3727,9 +3686,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.4.tgz",
-      "integrity": "sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.28.0.tgz",
+      "integrity": "sha512-+VJggoaKhk2VNNqVL7f6S189UzShHC/mR9EE8rDdSkdpN0KflSwWY/gWjDrNxxisg8Fp1ZCD9jLMo4m0OUfeUA==",
       "cpu": [
         "x64"
       ],
@@ -3744,9 +3703,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.4.tgz",
-      "integrity": "sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.28.0.tgz",
+      "integrity": "sha512-0T+A9WZm+bZ84nZBtk1ckYsOvyA3x7e2Acj1KdVfV4/2tdG4fzUp91YHx+GArWLtwqp77pBXVCPn2We7Letr0Q==",
       "cpu": [
         "arm64"
       ],
@@ -3761,9 +3720,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.4.tgz",
-      "integrity": "sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.28.0.tgz",
+      "integrity": "sha512-fyzLm/DLDl/84OCfp2f/XQ4flmORsjU7VKt8HLjvIXChJoFFOIL6pLJPH4Yhd1n1gGFF9mPwtlN5Wf82DZs+LQ==",
       "cpu": [
         "x64"
       ],
@@ -3778,9 +3737,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.4.tgz",
-      "integrity": "sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.28.0.tgz",
+      "integrity": "sha512-l9GeW5UZBT9k9brBYI+0WDffcRxgHQD8ShN2Ur4xWq/NFzUKm3k5lsH4PdaRgb2w7mI9u61nr2gI2mLI27Nh3Q==",
       "cpu": [
         "arm64"
       ],
@@ -3795,9 +3754,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.4.tgz",
-      "integrity": "sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.28.0.tgz",
+      "integrity": "sha512-BXoQai/A0wPO6Es3yFJ7APCiKGc1tdAEOgeTNy3SsB491S3aHn4S4r3e976eUnPdU+NbdtmBuLncYir2tMU9Nw==",
       "cpu": [
         "x64"
       ],
@@ -3812,9 +3771,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.4.tgz",
-      "integrity": "sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.28.0.tgz",
+      "integrity": "sha512-CjaaREJagqJp7iTaNQjjidaNbCKYcd4IDkzbwwxtSvjI7NZm79qiHc8HqciMddQ6CKvJT6aBd8lO9kN/ZudLlw==",
       "cpu": [
         "arm"
       ],
@@ -3829,9 +3788,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.4.tgz",
-      "integrity": "sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.28.0.tgz",
+      "integrity": "sha512-RVyzfb3FWsGA55n6WY0MEIEPURL1FcbhFE6BffZEMEekfCzCIMtB5yyDcFnVbTnwk+CLAgTujmV/Lgvih56W+A==",
       "cpu": [
         "arm64"
       ],
@@ -3846,9 +3805,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.4.tgz",
-      "integrity": "sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.28.0.tgz",
+      "integrity": "sha512-KBnSTt1kxl9x70q+ydterVdl+Cn0H18ngRMRCEQfrbqdUuntQQ0LoMZv47uB97NljZFzY6HcfqEZ2SAyIUTQBQ==",
       "cpu": [
         "ia32"
       ],
@@ -3863,9 +3822,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.4.tgz",
-      "integrity": "sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.28.0.tgz",
+      "integrity": "sha512-zpSlUce1mnxzgBADvxKXX5sl8aYQHo2ezvMNI8I0lbblJtp8V4odlm3Yzlj7gPyt3T8ReksE6bK+pT3WD+aJRg==",
       "cpu": [
         "loong64"
       ],
@@ -3880,9 +3839,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.4.tgz",
-      "integrity": "sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.28.0.tgz",
+      "integrity": "sha512-2jIfP6mmjkdmeTlsX/9vmdmhBmKADrWqN7zcdtHIeNSCH1SqIoNI63cYsjQR8J+wGa4Y5izRcSHSm8K3QWmk3w==",
       "cpu": [
         "mips64el"
       ],
@@ -3897,9 +3856,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.4.tgz",
-      "integrity": "sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.28.0.tgz",
+      "integrity": "sha512-bc0FE9wWeC0WBm49IQMPSPILRocGTQt3j5KPCA8os6VprfuJ7KD+5PzESSrJ6GmPIPJK965ZJHTUlSA6GNYEhg==",
       "cpu": [
         "ppc64"
       ],
@@ -3914,9 +3873,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.4.tgz",
-      "integrity": "sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.28.0.tgz",
+      "integrity": "sha512-SQPZOwoTTT/HXFXQJG/vBX8sOFagGqvZyXcgLA3NhIqcBv1BJU1d46c0rGcrij2B56Z2rNiSLaZOYW5cUk7yLQ==",
       "cpu": [
         "riscv64"
       ],
@@ -3931,9 +3890,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.4.tgz",
-      "integrity": "sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.28.0.tgz",
+      "integrity": "sha512-SCfR0HN8CEEjnYnySJTd2cw0k9OHB/YFzt5zgJEwa+wL/T/raGWYMBqwDNAC6dqFKmJYZoQBRfHjgwLHGSrn3Q==",
       "cpu": [
         "s390x"
       ],
@@ -3948,9 +3907,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.4.tgz",
-      "integrity": "sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.28.0.tgz",
+      "integrity": "sha512-us0dSb9iFxIi8srnpl931Nvs65it/Jd2a2K3qs7fz2WfGPHqzfzZTfec7oxZJRNPXPnNYZtanmRc4AL/JwVzHQ==",
       "cpu": [
         "x64"
       ],
@@ -3965,9 +3924,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-arm64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.4.tgz",
-      "integrity": "sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.28.0.tgz",
+      "integrity": "sha512-CR/RYotgtCKwtftMwJlUU7xCVNg3lMYZ0RzTmAHSfLCXw3NtZtNpswLEj/Kkf6kEL3Gw+BpOekRX0BYCtklhUw==",
       "cpu": [
         "arm64"
       ],
@@ -3982,9 +3941,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.4.tgz",
-      "integrity": "sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.28.0.tgz",
+      "integrity": "sha512-nU1yhmYutL+fQ71Kxnhg8uEOdC0pwEW9entHykTgEbna2pw2dkbFSMeqjjyHZoCmt8SBkOSvV+yNmm94aUrrqw==",
       "cpu": [
         "x64"
       ],
@@ -3999,9 +3958,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-arm64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.4.tgz",
-      "integrity": "sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.28.0.tgz",
+      "integrity": "sha512-cXb5vApOsRsxsEl4mcZ1XY3D4DzcoMxR/nnc4IyqYs0rTI8ZKmW6kyyg+11Z8yvgMfAEldKzP7AdP64HnSC/6g==",
       "cpu": [
         "arm64"
       ],
@@ -4016,9 +3975,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.4.tgz",
-      "integrity": "sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.28.0.tgz",
+      "integrity": "sha512-8wZM2qqtv9UP3mzy7HiGYNH/zjTA355mpeuA+859TyR+e+Tc08IHYpLJuMsfpDJwoLo1ikIJI8jC3GFjnRClzA==",
       "cpu": [
         "x64"
       ],
@@ -4032,10 +3991,27 @@
         "node": ">=18"
       }
     },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.28.0.tgz",
+      "integrity": "sha512-FLGfyizszcef5C3YtoyQDACyg95+dndv79i2EekILBofh5wpCa1KuBqOWKrEHZg3zrL3t5ouE5jgr94vA+Wb2w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.4.tgz",
-      "integrity": "sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.28.0.tgz",
+      "integrity": "sha512-1ZgjUoEdHZZl/YlV76TSCz9Hqj9h9YmMGAgAPYd+q4SicWNX3G5GCyx9uhQWSLcbvPW8Ni7lj4gDa1T40akdlw==",
       "cpu": [
         "x64"
       ],
@@ -4050,9 +4026,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.4.tgz",
-      "integrity": "sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.28.0.tgz",
+      "integrity": "sha512-Q9StnDmQ/enxnpxCCLSg0oo4+34B9TdXpuyPeTedN/6+iXBJ4J+zwfQI28u/Jl40nOYAxGoNi7mFP40RUtkmUA==",
       "cpu": [
         "arm64"
       ],
@@ -4067,9 +4043,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.4.tgz",
-      "integrity": "sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.28.0.tgz",
+      "integrity": "sha512-zF3ag/gfiCe6U2iczcRzSYJKH1DCI+ByzSENHlM2FcDbEeo5Zd2C86Aq0tKUYAJJ1obRP84ymxIAksZUcdztHA==",
       "cpu": [
         "ia32"
       ],
@@ -4084,9 +4060,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.4.tgz",
-      "integrity": "sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.28.0.tgz",
+      "integrity": "sha512-pEl1bO9mfAmIC+tW5btTmrKaujg3zGtUmWNdCw/xs70FBjwAL3o9OEKNHvNmnyylD6ubxUERiEhdsL0xBQ9efw==",
       "cpu": [
         "x64"
       ],
@@ -4484,15 +4460,15 @@
       "optional": true
     },
     "node_modules/@iconify/utils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.0.tgz",
-      "integrity": "sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw==",
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.3.tgz",
+      "integrity": "sha512-LPKOXPn/zV+zis1oOfGWogaXVpqUybF3ZS6SCZIsz8vg0ivVp9+fVqyYB7xq0aiST/VhUQYGO1qo6uoYSiEJqw==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
         "@antfu/install-pkg": "^1.1.0",
         "@iconify/types": "^2.0.0",
-        "mlly": "^1.8.0"
+        "import-meta-resolve": "^4.2.0"
       }
     },
     "node_modules/@inquirer/ansi": {
@@ -5566,13 +5542,13 @@
       ]
     },
     "node_modules/@mermaid-js/parser": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.1.0.tgz",
-      "integrity": "sha512-gxK9ZX2+Fex5zu8LhRQoMeMPEHbc73UKZ0FQ54YrQtUxE1VVhMwzeNtKRPAu5aXks4FasbMe4xB4bWrmq6Jlxw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.1.1.tgz",
+      "integrity": "sha512-VuHdsYMK1bT6X2JbcAaWAhugTRvRBRyuZgd+c22swUeI9g/ntaxF7CY7dYarhZovofCbUNO0G7JesfmNtjYOCw==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "langium": "^4.0.0"
+        "@chevrotain/types": "~11.1.1"
       }
     },
     "node_modules/@mitre-attack/attack-data-model": {
@@ -5590,6 +5566,7 @@
       "version": "10.0.0",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
       "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
+      "deprecated": "uuid@10 and below is no longer supported.  For ESM codebases, update to uuid@latest.  For CommonJS codebases, use uuid@11 (but be aware this version will likely be deprecated in 2028).",
       "funding": [
         "https://github.com/sponsors/broofa",
         "https://github.com/sponsors/ctavan"
@@ -6058,9 +6035,9 @@
       }
     },
     "node_modules/@ngtools/webpack": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-19.2.24.tgz",
-      "integrity": "sha512-lDWjW4lFwT0vbniJG7ziaDC2bX7rj8e4Fa59TpSLNHEjuPvK5chOTgT0+L63fEdfTfHoTy+ohAK1158UBXWt7g==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-19.2.25.tgz",
+      "integrity": "sha512-krPpAcVTaArR4lfvkMNjUGaTeeatC9zJPL5wJu2fG8R3UmBcEyI/Hoi8rjMlrKgzGut7MfoO3IFyeUEt3+gG0A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7243,14 +7220,14 @@
       ]
     },
     "node_modules/@schematics/angular": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-19.2.24.tgz",
-      "integrity": "sha512-RGHb7ebUQTOxtWfNcBXCzDog8LwJzvVp3/BptEI+78M+tCaBJM6BAS2vrDphJRjVbjV3DTwZcmlNRqCHJeSknA==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-19.2.25.tgz",
+      "integrity": "sha512-LaA1do8Q7bFJIYDkcmWMXTEod4YaaMLgC+kVT5l9MrLs3Gd47ydLSkkdvAdMm6SVG7XT+yIRAQHcPLv+7kiz5g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@angular-devkit/core": "19.2.24",
-        "@angular-devkit/schematics": "19.2.24",
+        "@angular-devkit/core": "19.2.25",
+        "@angular-devkit/schematics": "19.2.25",
         "jsonc-parser": "3.3.1"
       },
       "engines": {
@@ -7260,9 +7237,9 @@
       }
     },
     "node_modules/@schematics/angular/node_modules/@angular-devkit/core": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.24.tgz",
-      "integrity": "sha512-Kd49warf6U/EyWe5BszF/eebN3zQ3bk7tgfEljAw8q/rX95UUtriJubWvp6pgzHfzBA4jwq8f+QiNZB8eBEXPA==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.25.tgz",
+      "integrity": "sha512-jXk2yASLMmMLfxA5kSW6QdoVRElDXkf8rHpbX84VtX9E4HiV3jOTAtzZr5HV2mjthBXZB6oT8WDe4M83hseTsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7348,9 +7325,9 @@
       }
     },
     "node_modules/@semantic-release/github": {
-      "version": "12.0.6",
-      "resolved": "https://registry.npmjs.org/@semantic-release/github/-/github-12.0.6.tgz",
-      "integrity": "sha512-aYYFkwHW3c6YtHwQF0t0+lAjlU+87NFOZuH2CvWFD0Ylivc7MwhZMiHOJ0FMpIgPpCVib/VUAcOwvrW0KnxQtA==",
+      "version": "12.0.8",
+      "resolved": "https://registry.npmjs.org/@semantic-release/github/-/github-12.0.8.tgz",
+      "integrity": "sha512-tej5AAgK5X9wHRoDmYhecMXEHEkFeGOY1XsEblKxu8pIQwahzf1STYyr7iPU6Lpbg6C5I3N2w/ocXrBo+L7jhw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7362,8 +7339,8 @@
         "aggregate-error": "^5.0.0",
         "debug": "^4.3.4",
         "dir-glob": "^3.0.1",
-        "http-proxy-agent": "^7.0.0",
-        "https-proxy-agent": "^7.0.0",
+        "http-proxy-agent": "^9.0.0",
+        "https-proxy-agent": "^9.0.0",
         "issue-parser": "^7.0.0",
         "lodash-es": "^4.17.21",
         "mime": "^4.0.0",
@@ -7389,6 +7366,44 @@
         "node": ">=18"
       }
     },
+    "node_modules/@semantic-release/github/node_modules/agent-base": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-9.0.0.tgz",
+      "integrity": "sha512-TQf59BsZnytt8GdJKLPfUZ54g/iaUL2OWDSFCCvMOhsHduDQxO8xC4PNeyIkVcA5KwL2phPSv0douC0fgWzmnA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@semantic-release/github/node_modules/http-proxy-agent": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-9.0.0.tgz",
+      "integrity": "sha512-FcF8VhXYLQcxWCnt/cCpT2apKsRDUGeVEeMqGu4HSTu29U8Yw0TLOjdYIlDsYk3IkUh+taX4IDWpPcCqKDhCjA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "9.0.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@semantic-release/github/node_modules/https-proxy-agent": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-9.0.0.tgz",
+      "integrity": "sha512-/MVmHp58WkOypgFhCLk4fzpPcFQvTJ/e6LBI7irpIO2HfxUbpmYoHF+KzipzJpxxzJu7aJNWQ0xojJ/dzV2G5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "9.0.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 20"
+      }
+    },
     "node_modules/@semantic-release/github/node_modules/mime": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-4.1.0.tgz",
@@ -7628,9 +7643,9 @@
       }
     },
     "node_modules/@semantic-release/release-notes-generator": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@semantic-release/release-notes-generator/-/release-notes-generator-14.1.0.tgz",
-      "integrity": "sha512-CcyDRk7xq+ON/20YNR+1I/jP7BYKICr1uKd1HHpROSnnTdGqOTburi4jcRiTYz0cpfhxSloQO3cGhnoot7IEkA==",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@semantic-release/release-notes-generator/-/release-notes-generator-14.1.1.tgz",
+      "integrity": "sha512-Pbd2e2XRMUD0OxehHpgd5/YghsE76cddkRHSoDvKLK+OCy4Ewxn49rWR631MEUU01lgwF/uyVXvbnVuu6+Z6VA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7639,9 +7654,7 @@
         "conventional-commits-filter": "^5.0.0",
         "conventional-commits-parser": "^6.0.0",
         "debug": "^4.0.0",
-        "get-stream": "^7.0.0",
         "import-from-esm": "^2.0.0",
-        "into-stream": "^7.0.0",
         "lodash-es": "^4.17.21",
         "read-package-up": "^11.0.0"
       },
@@ -7652,19 +7665,6 @@
         "semantic-release": ">=20.1.0"
       }
     },
-    "node_modules/@semantic-release/release-notes-generator/node_modules/get-stream": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-7.0.1.tgz",
-      "integrity": "sha512-3M8C1EOFN6r8AMUhwUAACIoXZJEOufDU5+0gFFN5uNs6XYOralD2Pqkl7m046va6x77FwposWXbAhPPIOus7mQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@semantic-release/release-notes-generator/node_modules/hosted-git-info": {
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-7.0.2.tgz",
@@ -8438,9 +8438,9 @@
       }
     },
     "node_modules/@types/estree": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
-      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
       "dev": true,
       "license": "MIT"
     },
@@ -8526,9 +8526,10 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "20.19.39",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.39.tgz",
-      "integrity": "sha512-orrrD74MBUyK8jOAD/r0+lfa1I2MO6I+vAkmAWzMYbCcgrN4lCrmK52gRFQq/JRxfYPfonkr4b0jcY7Olqdqbw==",
+      "version": "20.19.40",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.40.tgz",
+      "integrity": "sha512-xxx6M2IpSTnnKcR0cMvIiohkiCx20/oRPtWGbenFygKCGl3zqUzdNjQ/1V4solq1LU+dgv0nQzeGOuqkqZGg0Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "undici-types": "~6.21.0"
@@ -8552,9 +8553,9 @@
       "license": "MIT"
     },
     "node_modules/@types/qs": {
-      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.15.0.tgz",
-      "integrity": "sha512-JawvT8iBVWpzTrz3EGw9BTQFg3BQNmwERdKE22vlTxawwtbyUSlMppvZYKLZzB5zgACXdXxbD3m1bXaMqP/9ow==",
+      "version": "6.15.1",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.15.1.tgz",
+      "integrity": "sha512-GZHUBZR9hckSUhrxmp1nG6NwdpM9fCunJwyThLW1X3AyHgd9IlHb6VANpQQqDr2o/qQp6McZ3y/IA2rVzKzSbw==",
       "dev": true,
       "license": "MIT"
     },
@@ -8650,17 +8651,17 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.59.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.59.0.tgz",
-      "integrity": "sha512-HyAZtpdkgZwpq8Sz3FSUvCR4c+ScbuWa9AksK2Jweub7w4M3yTz4O11AqVJzLYjy/B9ZWPyc81I+mOdJU/bDQw==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.59.3.tgz",
+      "integrity": "sha512-PwFvSKsXGShKGW6n5bZOhGHEcCZXM8HofLK9fNsEwZXzFRjoY+XT1Vsf1zgyXdwTr0ZYz1/2tkZ0DBTT9jZjhw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.59.0",
-        "@typescript-eslint/type-utils": "8.59.0",
-        "@typescript-eslint/utils": "8.59.0",
-        "@typescript-eslint/visitor-keys": "8.59.0",
+        "@typescript-eslint/scope-manager": "8.59.3",
+        "@typescript-eslint/type-utils": "8.59.3",
+        "@typescript-eslint/utils": "8.59.3",
+        "@typescript-eslint/visitor-keys": "8.59.3",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
         "ts-api-utils": "^2.5.0"
@@ -8673,22 +8674,22 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.59.0",
+        "@typescript-eslint/parser": "^8.59.3",
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.59.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.59.0.tgz",
-      "integrity": "sha512-TI1XGwKbDpo9tRW8UDIXCOeLk55qe9ZFGs8MTKU6/M08HWTw52DD/IYhfQtOEhEdPhLMT26Ka/x7p70nd3dzDg==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.59.3.tgz",
+      "integrity": "sha512-HPwA+hVkfcriajbNvTmZv4VRauibay+cWArYUYq7u7W7PmGShMxbPxLvrwDme55a6d5alG3nrYfhyJ/G28XlLg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.59.0",
-        "@typescript-eslint/types": "8.59.0",
-        "@typescript-eslint/typescript-estree": "8.59.0",
-        "@typescript-eslint/visitor-keys": "8.59.0",
+        "@typescript-eslint/scope-manager": "8.59.3",
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/typescript-estree": "8.59.3",
+        "@typescript-eslint/visitor-keys": "8.59.3",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -8704,14 +8705,14 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.59.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.59.0.tgz",
-      "integrity": "sha512-Lw5ITrR5s5TbC19YSvlr63ZfLaJoU6vtKTHyB0GQOpX0W7d5/Ir6vUahWi/8Sps/nOukZQ0IB3SmlxZnjaKVnw==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.59.3.tgz",
+      "integrity": "sha512-ECiUWa/KYRGDFUqTNehaRgzDshnJfkTABJxVemHk4ko22gcr0ukloKjWvyQ64g8YCV/UI47kN1dbmjf/GaQYng==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.59.0",
-        "@typescript-eslint/types": "^8.59.0",
+        "@typescript-eslint/tsconfig-utils": "^8.59.3",
+        "@typescript-eslint/types": "^8.59.3",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -8726,14 +8727,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.59.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.59.0.tgz",
-      "integrity": "sha512-UzR16Ut8IpA3Mc4DbgAShlPPkVm8xXMWafXxB0BocaVRHs8ZGakAxGRskF7FId3sdk9lgGD73GSFaWmWFDE4dg==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.59.3.tgz",
+      "integrity": "sha512-t2LvZnoEfzKtnPjgeEu41xw5gxq9mQVfYy4OoZ4Vlt0sk3JwxmhCca/AR7DwOiHrjWgjAj6as4AhRLKSDfvZIA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.59.0",
-        "@typescript-eslint/visitor-keys": "8.59.0"
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/visitor-keys": "8.59.3"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -8744,9 +8745,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.59.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.59.0.tgz",
-      "integrity": "sha512-91Sbl3s4Kb3SybliIY6muFBmHVv+pYXfybC4Oolp3dvk8BvIE3wOPc+403CWIT7mJNkfQRGtdqghzs2+Z91Tqg==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.59.3.tgz",
+      "integrity": "sha512-PcIJHjmaREXLgIAIzLnSY9VucEzz8FKXsRgFa1DmdGCK/5tJpW03TKJF01Q6VZd1lLdz2sIKPWaDUZN9dp//dw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8761,15 +8762,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.59.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.59.0.tgz",
-      "integrity": "sha512-3TRiZaQSltGqGeNrJzzr1+8YcEobKH9rHnqIp/1psfKFmhRQDNMGP5hBufanYTGznwShzVLs3Mz+gDN7HkWfXg==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.59.3.tgz",
+      "integrity": "sha512-g71d8QD8UaiHGvrJwyIS1hCX5r63w6Jll+4VEYhEAHXTDIqX1JgxhTAbEHtKntL9kuc4jRo7/GWw5xfCepSccQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.59.0",
-        "@typescript-eslint/typescript-estree": "8.59.0",
-        "@typescript-eslint/utils": "8.59.0",
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/typescript-estree": "8.59.3",
+        "@typescript-eslint/utils": "8.59.3",
         "debug": "^4.4.3",
         "ts-api-utils": "^2.5.0"
       },
@@ -8786,9 +8787,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.59.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.59.0.tgz",
-      "integrity": "sha512-nLzdsT1gdOgFxxxwrlNVUBzSNBEEHJ86bblmk4QAS6stfig7rcJzWKqCyxFy3YRRHXDWEkb2NralA1nOYkkm/A==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.59.3.tgz",
+      "integrity": "sha512-ePFoH0g4ludssdRFqqDxQePCxU4WQyRa9+XVwjm7yLn0FKhMeoetC+qBEEI1Eyb1pGSDveTIT09Bvw2WhlGayg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8800,16 +8801,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.59.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.59.0.tgz",
-      "integrity": "sha512-O9Re9P1BmBLFJyikRbQpLku/QA3/AueZNO9WePLBwQrvkixTmDe8u76B6CYUAITRl/rHawggEqUGn5QIkVRLMw==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.59.3.tgz",
+      "integrity": "sha512-CbRjVRAf7Lr9Kr8RopKcbY45p2VfmmHrm0ygOCYFi7oU8q19m0Fs/6iHS7kNOmwpp+ob07ZVcAqlxUod9lYdmg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.59.0",
-        "@typescript-eslint/tsconfig-utils": "8.59.0",
-        "@typescript-eslint/types": "8.59.0",
-        "@typescript-eslint/visitor-keys": "8.59.0",
+        "@typescript-eslint/project-service": "8.59.3",
+        "@typescript-eslint/tsconfig-utils": "8.59.3",
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/visitor-keys": "8.59.3",
         "debug": "^4.4.3",
         "minimatch": "^10.2.2",
         "semver": "^7.7.3",
@@ -8828,9 +8829,9 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.7.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
-      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "version": "7.8.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.0.tgz",
+      "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -8841,16 +8842,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.59.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.59.0.tgz",
-      "integrity": "sha512-I1R/K7V07XsMJ12Oaxg/O9GfrysGTmCRhvZJBv0RE0NcULMzjqVpR5kRRQjHsz3J/bElU7HwCO7zkqL+MSUz+g==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.59.3.tgz",
+      "integrity": "sha512-JAvT14goBzRzzzZyqq3P9BLArIxTtQURUtFgQ/V7FO+eU+Gg6ES+5ymOPP1wRxXcxAYeivCk4uS3jCKWI1K8Zg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.59.0",
-        "@typescript-eslint/types": "8.59.0",
-        "@typescript-eslint/typescript-estree": "8.59.0"
+        "@typescript-eslint/scope-manager": "8.59.3",
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/typescript-estree": "8.59.3"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -8865,13 +8866,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.59.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.59.0.tgz",
-      "integrity": "sha512-/uejZt4dSere1bx12WLlPfv8GktzcaDtuJ7s42/HEZ5zGj9oxRaD4bj7qwSunXkf+pbAhFt2zjpHYUiT5lHf0Q==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.59.3.tgz",
+      "integrity": "sha512-f1UQF7ggd42YiwI5wGrRaPsa+P0CINBlrkLPmGfpq/u/I/oVtecoEIfFR9ag/oa1sLOsRNZ6xehf6qMZhQGBDg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.59.0",
+        "@typescript-eslint/types": "8.59.3",
         "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
@@ -8896,9 +8897,9 @@
       }
     },
     "node_modules/@ungap/structured-clone": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
-      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.1.tgz",
+      "integrity": "sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==",
       "dev": true,
       "license": "ISC"
     },
@@ -9317,7 +9318,7 @@
       "version": "8.16.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
       "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -9512,9 +9513,9 @@
       }
     },
     "node_modules/angular-eslint/node_modules/@angular-devkit/core": {
-      "version": "19.2.24",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.24.tgz",
-      "integrity": "sha512-Kd49warf6U/EyWe5BszF/eebN3zQ3bk7tgfEljAw8q/rX95UUtriJubWvp6pgzHfzBA4jwq8f+QiNZB8eBEXPA==",
+      "version": "19.2.25",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.2.25.tgz",
+      "integrity": "sha512-jXk2yASLMmMLfxA5kSW6QdoVRElDXkf8rHpbX84VtX9E4HiV3jOTAtzZr5HV2mjthBXZB6oT8WDe4M83hseTsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9807,12 +9808,12 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.15.2.tgz",
-      "integrity": "sha512-wLrXxPtcrPTsNlJmKjkPnNPK2Ihe0hn0wGSaTEiHRPxwjvJwT3hKmXF4dpqxmPO9SoNb2FsYXj/xEo0gHN+D5A==",
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.16.0.tgz",
+      "integrity": "sha512-6hp5CwvTPlN2A31g5dxnwAX0orzM7pmCRDLnZSX772mv8WDqICwFjowHuPs04Mc8deIld1+ejhtaMn5vp6b+1w==",
       "license": "MIT",
       "dependencies": {
-        "follow-redirects": "^1.15.11",
+        "follow-redirects": "^1.16.0",
         "form-data": "^4.0.5",
         "proxy-from-env": "^2.1.0"
       }
@@ -9929,9 +9930,9 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.21",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.21.tgz",
-      "integrity": "sha512-Q+rUQ7Uz8AHM7DEaNdwvfFCTq7a43lNTzuS94eiWqwyxfV/wJv+oUivef51T91mmRY4d4A1u9rcSvkeufCVXlA==",
+      "version": "2.10.29",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.29.tgz",
+      "integrity": "sha512-Asa2krT+XTPZINCS+2QcyS8WTkObE77RwkydwF7h6DmnKqbvlalz93m/dnphUyCa6SWSP51VgtEUf2FN+gelFQ==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -10075,22 +10076,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/body-parser/node_modules/qs": {
-      "version": "6.15.1",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.1.tgz",
-      "integrity": "sha512-6YHEFRL9mfgcAvql/XhwTvf5jKcOiiupt2FiJxHkiX1z4j7WL8J/jRHYLluORvc1XxB5rV20KoeK00gVJamspg==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "side-channel": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/bonjour-service": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.3.0.tgz",
@@ -10117,9 +10102,9 @@
       "license": "MIT"
     },
     "node_modules/brace-expansion": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
-      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
+      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -10297,9 +10282,9 @@
       "license": "ISC"
     },
     "node_modules/cacache/node_modules/tar": {
-      "version": "7.5.13",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.13.tgz",
-      "integrity": "sha512-tOG/7GyXpFevhXVh8jOPJrmtRpOTsYqUIkVdVooZYJS/z8WhfQUX8RJILmeuJNinGAMSu1veBr4asSHFt5/hng==",
+      "version": "7.5.15",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.15.tgz",
+      "integrity": "sha512-dzGK0boVlC4W5QFuQN1EFSl3bIDYsk7Tj40U6eIBnK2k/8ml7TZ5agbI5j5+qnoVcAA+rNtBml8SEiLxZpNqRQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -10364,9 +10349,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001790",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001790.tgz",
-      "integrity": "sha512-bOoxfJPyYo+ds6W0YfptaCWbFnJYjh2Y1Eow5lRv+vI2u8ganPZqNm1JwNh0t2ELQCqIWg4B3dWEusgAmsoyOw==",
+      "version": "1.0.30001792",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001792.tgz",
+      "integrity": "sha512-hVLMUZFgR4JJ6ACt1uEESvQN1/dBVqPAKY0hgrV70eN3391K6juAfTjKZLKvOMsx8PxA7gsY1/tLMMTcfFLLpw==",
       "dev": true,
       "funding": [
         {
@@ -10384,15 +10369,6 @@
       ],
       "license": "CC-BY-4.0"
     },
-    "node_modules/canvas-renderer": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/canvas-renderer/-/canvas-renderer-2.2.1.tgz",
-      "integrity": "sha512-RrBgVL5qCEDIXpJ6NrzyRNoTnXxYarqm/cS/W6ERhUJts5UQtt/XPEosGN3rqUkZ4fjBArlnCbsISJ+KCFnIAg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/cfb": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.2.2.tgz",
@@ -10467,36 +10443,6 @@
         "node": ">= 16"
       }
     },
-    "node_modules/chevrotain": {
-      "version": "12.0.0",
-      "resolved": "https://registry.npmjs.org/chevrotain/-/chevrotain-12.0.0.tgz",
-      "integrity": "sha512-csJvb+6kEiQaqo1woTdSAuOWdN0WTLIydkKrBnS+V5gZz0oqBrp4kQ35519QgK6TpBThiG3V1vNSHlIkv4AglQ==",
-      "license": "Apache-2.0",
-      "optional": true,
-      "dependencies": {
-        "@chevrotain/cst-dts-gen": "12.0.0",
-        "@chevrotain/gast": "12.0.0",
-        "@chevrotain/regexp-to-ast": "12.0.0",
-        "@chevrotain/types": "12.0.0",
-        "@chevrotain/utils": "12.0.0"
-      },
-      "engines": {
-        "node": ">=22.0.0"
-      }
-    },
-    "node_modules/chevrotain-allstar": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/chevrotain-allstar/-/chevrotain-allstar-0.4.1.tgz",
-      "integrity": "sha512-PvVJm3oGqrveUVW2Vt/eZGeiAIsJszYweUcYwcskg9e+IubNYKKD+rHHem7A6XVO22eDAL+inxNIGAzZ/VIWlA==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "lodash-es": "^4.17.21"
-      },
-      "peerDependencies": {
-        "chevrotain": "^12.0.0"
-      }
-    },
     "node_modules/chokidar": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
@@ -11151,13 +11097,13 @@
       }
     },
     "node_modules/commitlint": {
-      "version": "20.5.0",
-      "resolved": "https://registry.npmjs.org/commitlint/-/commitlint-20.5.0.tgz",
-      "integrity": "sha512-zc3hOb8+ivBza2sIF9bhm2aPs9ovR77v7VHN6SPQ4cVjZBw5t48j78v7KU7UIeOJ5k18BQpfsGfY4Bf2KQyiBg==",
+      "version": "20.5.3",
+      "resolved": "https://registry.npmjs.org/commitlint/-/commitlint-20.5.3.tgz",
+      "integrity": "sha512-bOCv+6p4QLfATtM35+I3lt1r6aWC9hl0jp9JV6mE1BOq6Kz+WHX91Dve9nl/TsMMxCbJg30dUXUx65JszhAH2w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@commitlint/cli": "^20.5.0",
+        "@commitlint/cli": "^20.5.3",
         "@commitlint/types": "^20.5.0"
       },
       "bin": {
@@ -11261,13 +11207,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/confbox": {
-      "version": "0.1.8",
-      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
-      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
-      "license": "MIT",
-      "optional": true
-    },
     "node_modules/config-chain": {
       "version": "1.1.13",
       "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
@@ -11737,9 +11676,9 @@
       }
     },
     "node_modules/cssstyle/node_modules/lru-cache": {
-      "version": "11.3.5",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.5.tgz",
-      "integrity": "sha512-NxVFwLAnrd9i7KUBxC4DrUhmgjzOs+1Qm50D3oF1/oL+r1NpZ4gA7xvG0/zJ8evR7zIKn4vLf7qTNduWFtCrRw==",
+      "version": "11.3.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.6.tgz",
+      "integrity": "sha512-Gf/KoL3C/MlI7Bt0PGI9I+TeTC/I6r/csU58N4BSNc4lppLBeKsOdFYkK+dX0ABDUMJNfCHTyPpzwwO21Awd3A==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -11747,9 +11686,9 @@
       }
     },
     "node_modules/cytoscape": {
-      "version": "3.33.2",
-      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.33.2.tgz",
-      "integrity": "sha512-sj4HXd3DokGhzZAdjDejGvTPLqlt84vNFN8m7bGsOzDY5DyVcxIb2ejIXat2Iy7HxWhdT/N1oKyheJ5YdpsGuw==",
+      "version": "3.33.3",
+      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.33.3.tgz",
+      "integrity": "sha512-Gej7U+OKR+LZ8kvX7rb2HhCYJ0IhvEFsnkud4SB1PR+BUY/TsSO0dmOW59WEVLu51b1Rm+gQRKoz4bLYxGSZ2g==",
       "license": "MIT",
       "optional": true,
       "engines": {
@@ -12638,9 +12577,9 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.1.tgz",
-      "integrity": "sha512-JahakDAIg1gyOm7dlgWSDjV4n7Ip2PKR55NIT6jrMfIgLFgWo81vdr1/QGqWtFNRqXP9UV71oVePtjqS2ebnPw==",
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.2.tgz",
+      "integrity": "sha512-lHeS9SA/IKeIFFyYciHBr2n0v1VMPlSj843HdLOwjb2OxNwdq9Xykxqhk+FE42MzAdHvInbAolSE4mhahPpjXA==",
       "license": "(MPL-2.0 OR Apache-2.0)",
       "optional": true,
       "optionalDependencies": {
@@ -12753,9 +12692,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.344",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.344.tgz",
-      "integrity": "sha512-4MxfbmNDm+KPh066EZy+eUnkcDPcZ35wNmOWzFuh/ijvHsve6kbLTLURy88uCNK5FbpN+yk2nQY6BYh1GEt+wg==",
+      "version": "1.5.353",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.353.tgz",
+      "integrity": "sha512-kOrWphBi8TOZyiJZqsgqIle0lw+tzmnQK83pV9dZUd01Nm2POECSyFQMAuarzZdYqQW7FH9RaYOuaRo3h+bQ3w==",
       "dev": true,
       "license": "ISC"
     },
@@ -12836,9 +12775,9 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.21.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.21.0.tgz",
-      "integrity": "sha512-otxSQPw4lkOZWkHpB3zaEQs6gWYEsmX4xQF68ElXC/TWvGxGMSGOvoNbaLXm6/cS/fSfHtsEdw90y20PCd+sCA==",
+      "version": "5.21.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.21.3.tgz",
+      "integrity": "sha512-QyL119InA+XXEkNLNTPCXPugSvOfhwv0JOlGNzvxs0hZaiHLNvXSpudUWsOlsXGWJh8G6ckCScEkVHfX3kw/2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -13113,10 +13052,21 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/es-toolkit": {
+      "version": "1.46.1",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.46.1.tgz",
+      "integrity": "sha512-5eNtXOs3tbfxXOj04tjjseeWkRWaoCjdEI+96DgwzZoe6c9juL49pXlzAFTI72aWC9Y8p7168g6XIKjh7k6pyQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "workspaces": [
+        "docs",
+        "benchmarks"
+      ]
+    },
     "node_modules/esbuild": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.4.tgz",
-      "integrity": "sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.0.tgz",
+      "integrity": "sha512-sNR9MHpXSUV/XB4zmsFKN+QgVG82Cc7+/aaxJ8Adi8hyOac+EXptIp45QBPaVyX3N70664wRbTcLTOemCAnyqw==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
@@ -13127,31 +13077,32 @@
         "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.25.4",
-        "@esbuild/android-arm": "0.25.4",
-        "@esbuild/android-arm64": "0.25.4",
-        "@esbuild/android-x64": "0.25.4",
-        "@esbuild/darwin-arm64": "0.25.4",
-        "@esbuild/darwin-x64": "0.25.4",
-        "@esbuild/freebsd-arm64": "0.25.4",
-        "@esbuild/freebsd-x64": "0.25.4",
-        "@esbuild/linux-arm": "0.25.4",
-        "@esbuild/linux-arm64": "0.25.4",
-        "@esbuild/linux-ia32": "0.25.4",
-        "@esbuild/linux-loong64": "0.25.4",
-        "@esbuild/linux-mips64el": "0.25.4",
-        "@esbuild/linux-ppc64": "0.25.4",
-        "@esbuild/linux-riscv64": "0.25.4",
-        "@esbuild/linux-s390x": "0.25.4",
-        "@esbuild/linux-x64": "0.25.4",
-        "@esbuild/netbsd-arm64": "0.25.4",
-        "@esbuild/netbsd-x64": "0.25.4",
-        "@esbuild/openbsd-arm64": "0.25.4",
-        "@esbuild/openbsd-x64": "0.25.4",
-        "@esbuild/sunos-x64": "0.25.4",
-        "@esbuild/win32-arm64": "0.25.4",
-        "@esbuild/win32-ia32": "0.25.4",
-        "@esbuild/win32-x64": "0.25.4"
+        "@esbuild/aix-ppc64": "0.28.0",
+        "@esbuild/android-arm": "0.28.0",
+        "@esbuild/android-arm64": "0.28.0",
+        "@esbuild/android-x64": "0.28.0",
+        "@esbuild/darwin-arm64": "0.28.0",
+        "@esbuild/darwin-x64": "0.28.0",
+        "@esbuild/freebsd-arm64": "0.28.0",
+        "@esbuild/freebsd-x64": "0.28.0",
+        "@esbuild/linux-arm": "0.28.0",
+        "@esbuild/linux-arm64": "0.28.0",
+        "@esbuild/linux-ia32": "0.28.0",
+        "@esbuild/linux-loong64": "0.28.0",
+        "@esbuild/linux-mips64el": "0.28.0",
+        "@esbuild/linux-ppc64": "0.28.0",
+        "@esbuild/linux-riscv64": "0.28.0",
+        "@esbuild/linux-s390x": "0.28.0",
+        "@esbuild/linux-x64": "0.28.0",
+        "@esbuild/netbsd-arm64": "0.28.0",
+        "@esbuild/netbsd-x64": "0.28.0",
+        "@esbuild/openbsd-arm64": "0.28.0",
+        "@esbuild/openbsd-x64": "0.28.0",
+        "@esbuild/openharmony-arm64": "0.28.0",
+        "@esbuild/sunos-x64": "0.28.0",
+        "@esbuild/win32-arm64": "0.28.0",
+        "@esbuild/win32-ia32": "0.28.0",
+        "@esbuild/win32-x64": "0.28.0"
       }
     },
     "node_modules/esbuild-visualizer": {
@@ -13230,9 +13181,9 @@
       }
     },
     "node_modules/esbuild-wasm": {
-      "version": "0.25.4",
-      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.25.4.tgz",
-      "integrity": "sha512-2HlCS6rNvKWaSKhWaG/YIyRsTsL3gUrMP2ToZMBIjw9LM7vVcIs+rz8kE2vExvTJgvM8OKPqNpcHawY/BQc/qQ==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/esbuild-wasm/-/esbuild-wasm-0.28.0.tgz",
+      "integrity": "sha512-5TRVKExcEmeMkccIZMzUq+Az6X2RoMAJyfl6SMMO1dMVhmvt0I2mx7gAb6zYi42n4d1ETcatFXazGKzA+aW7fg==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -13681,15 +13632,15 @@
       "license": "Apache-2.0"
     },
     "node_modules/express": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
-      "integrity": "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==",
+      "version": "4.22.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.22.2.tgz",
+      "integrity": "sha512-IuL+Elrou2ZvCFHs18/CIzy2Nzvo25nZ1/D2eIZlz7c+QUayAcYoiM2BthCjs+EBHVpjYjcuLDAiCWgeIX3X1Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "accepts": "~1.3.8",
         "array-flatten": "1.1.1",
-        "body-parser": "~1.20.3",
+        "body-parser": "~1.20.5",
         "content-disposition": "~0.5.4",
         "content-type": "~1.0.4",
         "cookie": "~0.7.1",
@@ -13708,7 +13659,7 @@
         "parseurl": "~1.3.3",
         "path-to-regexp": "~0.1.12",
         "proxy-addr": "~2.0.7",
-        "qs": "~6.14.0",
+        "qs": "~6.15.1",
         "range-parser": "~1.2.1",
         "safe-buffer": "5.2.1",
         "send": "~0.19.0",
@@ -13820,9 +13771,9 @@
       "license": "MIT"
     },
     "node_modules/fast-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
-      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz",
+      "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
       "dev": true,
       "funding": [
         {
@@ -14173,54 +14124,10 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/from2": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
-      "integrity": "sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "inherits": "^2.0.1",
-        "readable-stream": "^2.0.0"
-      }
-    },
-    "node_modules/from2/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/from2/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/from2/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
     "node_modules/fs-extra": {
-      "version": "11.3.4",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.4.tgz",
-      "integrity": "sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==",
+      "version": "11.3.5",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.5.tgz",
+      "integrity": "sha512-eKpRKAovdpZtR1WopLHxlBWvAgPny3c4gX1G5Jhwmmw4XJj0ifSD5qB5TOo8hmA0wlRKDAOAhEE1yVPgs6Fgcg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14310,9 +14217,9 @@
       }
     },
     "node_modules/get-east-asian-width": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz",
-      "integrity": "sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.6.0.tgz",
+      "integrity": "sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -14500,29 +14407,29 @@
       }
     },
     "node_modules/global-directory": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/global-directory/-/global-directory-4.0.1.tgz",
-      "integrity": "sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/global-directory/-/global-directory-5.0.0.tgz",
+      "integrity": "sha512-1pgFdhK3J2LeM+dVf2Pd424yHx2ou338lC0ErNP2hPx4j8eW1Sp0XqSjNxtk6Tc4Kr5wlWtSvz8cn2yb7/SG/w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ini": "4.1.1"
+        "ini": "6.0.0"
       },
       "engines": {
-        "node": ">=18"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/global-directory/node_modules/ini": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.1.tgz",
-      "integrity": "sha512-QQnnxNyfvmHFIsj7gkPcYymR8Jdw/o7mp5ZFihxn6h8Ci6fh3Dx4E1gPjpQEpIuPo9XVNY/ZUwh4BPMjGyL01g==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-6.0.0.tgz",
+      "integrity": "sha512-IBTdIkzZNOpqm7q3dRqJvMaldXjDHWkEDfrwGEQTs5eaQMWV+djAhR+wahyNNMAa+qpbDUhBMVt4ZKNwpPm7xQ==",
       "dev": true,
       "license": "ISC",
       "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+        "node": "^20.17.0 || >=22.9.0"
       }
     },
     "node_modules/globals": {
@@ -15167,7 +15074,7 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz",
       "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -15246,27 +15153,10 @@
         "node": ">=12"
       }
     },
-    "node_modules/into-stream": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/into-stream/-/into-stream-7.0.0.tgz",
-      "integrity": "sha512-2dYz766i9HprMBasCMvHMuazJ7u4WzhJwo5kb3iPSiW/iRYV6uPari3zHoqZlnuaR7V1bEiNMxikhp37rdBXbw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "from2": "^2.3.0",
-        "p-is-promise": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/ip-address": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
-      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz",
+      "integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -15274,9 +15164,9 @@
       }
     },
     "node_modules/ipaddr.js": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.3.0.tgz",
-      "integrity": "sha512-Zv/pA+ciVFbCSBBjGfaKUya/CcGmUHzTydLMaTwrUUEM2DIEO3iZvueGxmacvmN50fGpGVKeTXpb2LcYQxeVdg==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.4.0.tgz",
+      "integrity": "sha512-9VGk3HGanVE6JoZXHiCpnGy5X0jYDnN4EA4lntFPj+1vIWlFhIylq2CrrCOJH9EAhc5CYhq18F2Av2tgoAPsYQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -15304,13 +15194,13 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.16.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
-      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "version": "2.16.2",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
+      "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "hasown": "^2.0.2"
+        "hasown": "^2.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -15401,9 +15291,9 @@
       }
     },
     "node_modules/is-network-error": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.3.1.tgz",
-      "integrity": "sha512-6QCxa49rQbmUWLfk0nuGqzql9U8uaV2H6279bRErPBHe/109hCzsLUBUHfbEtvLIHBd6hyXbgedBSHevm43Edw==",
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.3.2.tgz",
+      "integrity": "sha512-PhBY86zaxNZUuWP6h13Vu5oFe0XY6/UlKzQnYFELzGVHygP3MxmvTfYSG7GN3aIab/iWudSMgjSnG9Dq+nHrgA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -15547,9 +15437,9 @@
       }
     },
     "node_modules/issue-parser": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/issue-parser/-/issue-parser-7.0.1.tgz",
-      "integrity": "sha512-3YZcUUR2Wt1WsapF+S/WiA2WmlW0cWAoPccMqne7AxEBhCdFeTPjfv/Axb8V2gyCgY3nRw+ksZ3xSUX+R47iAg==",
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/issue-parser/-/issue-parser-7.0.2.tgz",
+      "integrity": "sha512-7atWPjhGEIX3JEtMrOYd8TKzboYlq+5sNbdl9POiLYOI14G5HZiQbZP0Xj5EZdrufQVXfJlpTV0hys0CuxwxZw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -15660,21 +15550,6 @@
         "node": ">= 0.6.0"
       }
     },
-    "node_modules/jdenticon": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/jdenticon/-/jdenticon-3.3.0.tgz",
-      "integrity": "sha512-DhuBRNRIybGPeAjMjdHbkIfiwZCCmf8ggu7C49jhp6aJ7DYsZfudnvnTY5/1vgUhrGA7JaDAx1WevnpjCPvaGg==",
-      "license": "MIT",
-      "dependencies": {
-        "canvas-renderer": "~2.2.0"
-      },
-      "bin": {
-        "jdenticon": "bin/jdenticon.js"
-      },
-      "engines": {
-        "node": ">=6.4.0"
-      }
-    },
     "node_modules/jest-worker": {
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
@@ -15956,25 +15831,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/langium": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/langium/-/langium-4.2.2.tgz",
-      "integrity": "sha512-JUshTRAfHI4/MF9dH2WupvjSXyn8JBuUEWazB8ZVJUtXutT0doDlAv1XKbZ1Pb5sMexa8FF4CFBc0iiul7gbUQ==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@chevrotain/regexp-to-ast": "~12.0.0",
-        "chevrotain": "~12.0.0",
-        "chevrotain-allstar": "~0.4.1",
-        "vscode-languageserver": "~9.0.1",
-        "vscode-languageserver-textdocument": "~1.0.11",
-        "vscode-uri": "~3.1.0"
-      },
-      "engines": {
-        "node": ">=20.10.0",
-        "npm": ">=10.2.3"
-      }
-    },
     "node_modules/launch-editor": {
       "version": "2.13.2",
       "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.13.2.tgz",
@@ -16300,13 +16156,6 @@
       "devOptional": true,
       "license": "MIT"
     },
-    "node_modules/lodash.camelcase": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
-      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/lodash.capitalize": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/lodash.capitalize/-/lodash.capitalize-4.2.1.tgz",
@@ -16342,13 +16191,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/lodash.kebabcase": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
-      "integrity": "sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -16356,27 +16198,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/lodash.mergewith": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz",
-      "integrity": "sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/lodash.snakecase": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/lodash.snakecase/-/lodash.snakecase-4.1.1.tgz",
-      "integrity": "sha512-QZ1d4xoBHYUeuouhEq3lk3Uq7ldgyFXGBhg04+oRLnIz8o9T65Eh+8YdroUwn846zchkA9yDsDl5CVVaV2nqYw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/lodash.startcase": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/lodash.startcase/-/lodash.startcase-4.4.0.tgz",
-      "integrity": "sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/lodash.uniqby": {
       "version": "4.7.0",
       "resolved": "https://registry.npmjs.org/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz",
@@ -16384,13 +16205,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/lodash.upperfirst": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/lodash.upperfirst/-/lodash.upperfirst-4.3.1.tgz",
-      "integrity": "sha512-sReKOYJIJf74dhJONhU4e0/shzi1trVbSWDOhKYE5XV2O+H7Sb2Dihwuc7xWxVl+DgFPyTqIN3zMfT9cq5iWDg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/log-symbols": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
@@ -16847,15 +16661,15 @@
       }
     },
     "node_modules/mermaid": {
-      "version": "11.14.0",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.14.0.tgz",
-      "integrity": "sha512-GSGloRsBs+JINmmhl0JDwjpuezCsHB4WGI4NASHxL3fHo3o/BRXTxhDLKnln8/Q0lRFRyDdEjmk1/d5Sn1Xz8g==",
+      "version": "11.15.0",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.15.0.tgz",
+      "integrity": "sha512-pTMbcf3rWdtLiYGpmoTjHEpeY8seiy6sR+9nD7LOs8KfUbHE4lOUAprTRqRAcWSQ6MQpdX+YEsxShtGsINtPtw==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
         "@braintree/sanitize-url": "^7.1.1",
         "@iconify/utils": "^3.0.2",
-        "@mermaid-js/parser": "^1.1.0",
+        "@mermaid-js/parser": "^1.1.1",
         "@types/d3": "^7.4.3",
         "@upsetjs/venn.js": "^2.0.0",
         "cytoscape": "^3.33.1",
@@ -16866,14 +16680,14 @@
         "dagre-d3-es": "7.0.14",
         "dayjs": "^1.11.19",
         "dompurify": "^3.3.1",
+        "es-toolkit": "^1.45.1",
         "katex": "^0.16.25",
         "khroma": "^2.1.0",
-        "lodash-es": "^4.17.23",
         "marked": "^16.3.0",
         "roughjs": "^4.6.6",
         "stylis": "^4.3.6",
         "ts-dedent": "^2.2.0",
-        "uuid": "^11.1.0"
+        "uuid": "^11.1.0 || ^12 || ^13 || ^14.0.0"
       }
     },
     "node_modules/mermaid/node_modules/marked": {
@@ -16889,20 +16703,6 @@
         "node": ">= 20"
       }
     },
-    "node_modules/mermaid/node_modules/uuid": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.0.tgz",
-      "integrity": "sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==",
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "bin": {
-        "uuid": "dist/esm/bin/uuid"
-      }
-    },
     "node_modules/methods": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
@@ -17217,19 +17017,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/mlly": {
-      "version": "1.8.2",
-      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.2.tgz",
-      "integrity": "sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "acorn": "^8.16.0",
-        "pathe": "^2.0.3",
-        "pkg-types": "^1.3.1",
-        "ufo": "^1.6.3"
-      }
-    },
     "node_modules/moment": {
       "version": "2.30.1",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
@@ -17257,9 +17044,9 @@
       "license": "MIT"
     },
     "node_modules/msgpackr": {
-      "version": "1.11.10",
-      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.10.tgz",
-      "integrity": "sha512-iCZNq+HszvF+fC3anCm4nBmWEnbeIAfpDs6IStAEKhQ2YSgkjzVG2FF9XJqwwQh5bH3N9OUTUt4QwVN6MLMLtA==",
+      "version": "1.11.12",
+      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.12.tgz",
+      "integrity": "sha512-RBdJ1Un7yGlXWajrkxcSa93nvQ0w4zBf60c0yYv7YtBelP8H2FA7XsfBbMHtXKXUMUxH7zV3Zuozh+kUQWhHvg==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -17327,9 +17114,9 @@
       }
     },
     "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "version": "3.3.12",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
       "dev": true,
       "funding": [
         {
@@ -17421,20 +17208,6 @@
         "@angular/core": ">12.0.0"
       }
     },
-    "node_modules/ngx-jdenticon": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ngx-jdenticon/-/ngx-jdenticon-2.0.0.tgz",
-      "integrity": "sha512-Vs2xiEeYI25tRTAT0Rxcw8di+5vGAFPp+jNRcNnNem93OrgH5VHXh5dx8YKcfo+GeevCWhE5oU418MkgjQi4bw==",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.3.0"
-      },
-      "peerDependencies": {
-        "@angular/common": ">=13",
-        "@angular/core": ">=13",
-        "jdenticon": "^3.2.0"
-      }
-    },
     "node_modules/ngx-logger": {
       "version": "5.0.12",
       "resolved": "https://registry.npmjs.org/ngx-logger/-/ngx-logger-5.0.12.tgz",
@@ -17568,9 +17341,9 @@
       }
     },
     "node_modules/node-gyp/node_modules/tar": {
-      "version": "7.5.13",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.13.tgz",
-      "integrity": "sha512-tOG/7GyXpFevhXVh8jOPJrmtRpOTsYqUIkVdVooZYJS/z8WhfQUX8RJILmeuJNinGAMSu1veBr4asSHFt5/hng==",
+      "version": "7.5.15",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.15.tgz",
+      "integrity": "sha512-dzGK0boVlC4W5QFuQN1EFSl3bIDYsk7Tj40U6eIBnK2k/8ml7TZ5agbI5j5+qnoVcAA+rNtBml8SEiLxZpNqRQ==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -17649,9 +17422,9 @@
       }
     },
     "node_modules/normalize-package-data/node_modules/hosted-git-info": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-9.0.2.tgz",
-      "integrity": "sha512-M422h7o/BR3rmCQ8UHi7cyyMqKltdP9Uo+J2fXK+RSAY+wTcKOIRyhTuKv4qn+DJf3g+PL890AzId5KZpX+CBg==",
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-9.0.3.tgz",
+      "integrity": "sha512-Hc+ghLoSt6QaYZUv0WBiIvmMDZuZZ7oaDvdH8MbfOO4lOsxdXLEvuC6ePoGs9H1X9oCLyq6+NVN0MKqD+ydxyg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -17662,9 +17435,9 @@
       }
     },
     "node_modules/normalize-package-data/node_modules/lru-cache": {
-      "version": "11.3.5",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.5.tgz",
-      "integrity": "sha512-NxVFwLAnrd9i7KUBxC4DrUhmgjzOs+1Qm50D3oF1/oL+r1NpZ4gA7xvG0/zJ8evR7zIKn4vLf7qTNduWFtCrRw==",
+      "version": "11.3.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.6.tgz",
+      "integrity": "sha512-Gf/KoL3C/MlI7Bt0PGI9I+TeTC/I6r/csU58N4BSNc4lppLBeKsOdFYkK+dX0ABDUMJNfCHTyPpzwwO21Awd3A==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -17705,9 +17478,9 @@
       }
     },
     "node_modules/npm": {
-      "version": "11.13.0",
-      "resolved": "https://registry.npmjs.org/npm/-/npm-11.13.0.tgz",
-      "integrity": "sha512-cRmhaghDWA1lFgl3Ug4/VxDJdPBK/U+tNtnrl9kXunFqhWw1x4xL5txkNn7qzPuVfvXOmXyjHpMwsuk2uisbkg==",
+      "version": "11.14.1",
+      "resolved": "https://registry.npmjs.org/npm/-/npm-11.14.1.tgz",
+      "integrity": "sha512-aopNZ0eEl6LbxoFcrXLmTEPzNBNxfiQnVgR9RmJBqzm+5h5pFoOmRljpRJbsXxocBeSl7GLcx3MoDf2UlEOjZw==",
       "bundleDependencies": [
         "@isaacs/string-locale-compare",
         "@npmcli/arborist",
@@ -17786,8 +17559,8 @@
       ],
       "dependencies": {
         "@isaacs/string-locale-compare": "^1.1.0",
-        "@npmcli/arborist": "^9.4.3",
-        "@npmcli/config": "^10.8.1",
+        "@npmcli/arborist": "^9.5.0",
+        "@npmcli/config": "^10.9.0",
         "@npmcli/fs": "^5.0.0",
         "@npmcli/map-workspaces": "^5.0.3",
         "@npmcli/metavuln-calculator": "^9.0.3",
@@ -17811,11 +17584,11 @@
         "is-cidr": "^6.0.4",
         "json-parse-even-better-errors": "^5.0.0",
         "libnpmaccess": "^10.0.3",
-        "libnpmdiff": "^8.1.6",
-        "libnpmexec": "^10.2.6",
-        "libnpmfund": "^7.0.20",
+        "libnpmdiff": "^8.1.7",
+        "libnpmexec": "^10.2.7",
+        "libnpmfund": "^7.0.21",
         "libnpmorg": "^8.0.1",
-        "libnpmpack": "^9.1.6",
+        "libnpmpack": "^9.1.7",
         "libnpmpublish": "^11.1.3",
         "libnpmsearch": "^9.0.1",
         "libnpmteam": "^8.0.2",
@@ -18017,7 +17790,7 @@
       }
     },
     "node_modules/npm/node_modules/@npmcli/arborist": {
-      "version": "9.4.3",
+      "version": "9.5.0",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -18065,7 +17838,7 @@
       }
     },
     "node_modules/npm/node_modules/@npmcli/config": {
-      "version": "10.8.1",
+      "version": "10.9.0",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -18479,7 +18252,7 @@
       }
     },
     "node_modules/npm/node_modules/cidr-regex": {
-      "version": "5.0.4",
+      "version": "5.0.5",
       "dev": true,
       "inBundle": true,
       "license": "BSD-2-Clause",
@@ -18702,7 +18475,7 @@
       }
     },
     "node_modules/npm/node_modules/ip-address": {
-      "version": "10.1.0",
+      "version": "10.1.1",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
@@ -18784,12 +18557,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmdiff": {
-      "version": "8.1.6",
+      "version": "8.1.7",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^9.4.3",
+        "@npmcli/arborist": "^9.5.0",
         "@npmcli/installed-package-contents": "^4.0.0",
         "binary-extensions": "^3.0.0",
         "diff": "^8.0.2",
@@ -18803,13 +18576,13 @@
       }
     },
     "node_modules/npm/node_modules/libnpmexec": {
-      "version": "10.2.6",
+      "version": "10.2.7",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
         "@gar/promise-retry": "^1.0.0",
-        "@npmcli/arborist": "^9.4.3",
+        "@npmcli/arborist": "^9.5.0",
         "@npmcli/package-json": "^7.0.0",
         "@npmcli/run-script": "^10.0.0",
         "ci-info": "^4.0.0",
@@ -18826,12 +18599,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmfund": {
-      "version": "7.0.20",
+      "version": "7.0.21",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^9.4.3"
+        "@npmcli/arborist": "^9.5.0"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
@@ -18851,12 +18624,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmpack": {
-      "version": "9.1.6",
+      "version": "9.1.7",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^9.4.3",
+        "@npmcli/arborist": "^9.5.0",
         "@npmcli/run-script": "^10.0.0",
         "npm-package-arg": "^13.0.0",
         "pacote": "^21.0.2"
@@ -19487,12 +19260,12 @@
       }
     },
     "node_modules/npm/node_modules/socks": {
-      "version": "2.8.7",
+      "version": "2.8.8",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
       "dependencies": {
-        "ip-address": "^10.0.1",
+        "ip-address": "^10.1.1",
         "smart-buffer": "^4.2.0"
       },
       "engines": {
@@ -19998,16 +19771,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/p-is-promise": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-3.0.0.tgz",
-      "integrity": "sha512-Wo8VsW4IRQSKVXsJCn7TomUaVtyfjVDn3nUP7kE967BQk0CwFpdbZs0X0uk5sW9mkBa9eNM7hCMaG93WUAwxYQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -20403,7 +20166,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
       "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/pathval": {
@@ -20646,18 +20409,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/pkg-types": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
-      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "confbox": "^0.1.8",
-        "mlly": "^1.7.4",
-        "pathe": "^2.0.1"
-      }
-    },
     "node_modules/points-on-curve": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/points-on-curve/-/points-on-curve-0.2.0.tgz",
@@ -20677,9 +20428,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.2.tgz",
-      "integrity": "sha512-MjOadfU3Ys9KYoX0AdkBlFEF1Vx37uCCeN4ZHnmwm9FfpbsGWMZeBLMmmpY+6Ocqod7mkdZ0DT31OlbsFrLlkA==",
+      "version": "8.5.12",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.12.tgz",
+      "integrity": "sha512-W62t/Se6rA0Az3DfCL0AqJwXuKwBeYg6nOaIgzP+xZ7N5BFCI7DYi1qs6ygUYT6rvfi6t9k65UMLJC+PHZpDAA==",
       "dev": true,
       "funding": [
         {
@@ -20697,7 +20448,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.8",
+        "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -21544,9 +21295,9 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.14.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.2.tgz",
-      "integrity": "sha512-V/yCWTTF7VJ9hIh18Ugr2zhJMP01MY7c5kh4J870L7imm6/DIzBsNLTXzMwUA3yZ5b/KBqLx8Kp3uRvd7xSe3Q==",
+      "version": "6.15.1",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.1.tgz",
+      "integrity": "sha512-6YHEFRL9mfgcAvql/XhwTvf5jKcOiiupt2FiJxHkiX1z4j7WL8J/jRHYLluORvc1XxB5rV20KoeK00gVJamspg==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -22162,6 +21913,13 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/rollup/node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/roughjs": {
       "version": "4.6.6",
       "resolved": "https://registry.npmjs.org/roughjs/-/roughjs-4.6.6.tgz",
@@ -22560,9 +22318,9 @@
       }
     },
     "node_modules/semantic-release/node_modules/hosted-git-info": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-9.0.2.tgz",
-      "integrity": "sha512-M422h7o/BR3rmCQ8UHi7cyyMqKltdP9Uo+J2fXK+RSAY+wTcKOIRyhTuKv4qn+DJf3g+PL890AzId5KZpX+CBg==",
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-9.0.3.tgz",
+      "integrity": "sha512-Hc+ghLoSt6QaYZUv0WBiIvmMDZuZZ7oaDvdH8MbfOO4lOsxdXLEvuC6ePoGs9H1X9oCLyq6+NVN0MKqD+ydxyg==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -22596,9 +22354,9 @@
       }
     },
     "node_modules/semantic-release/node_modules/lru-cache": {
-      "version": "11.3.5",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.5.tgz",
-      "integrity": "sha512-NxVFwLAnrd9i7KUBxC4DrUhmgjzOs+1Qm50D3oF1/oL+r1NpZ4gA7xvG0/zJ8evR7zIKn4vLf7qTNduWFtCrRw==",
+      "version": "11.3.6",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.3.6.tgz",
+      "integrity": "sha512-Gf/KoL3C/MlI7Bt0PGI9I+TeTC/I6r/csU58N4BSNc4lppLBeKsOdFYkK+dX0ABDUMJNfCHTyPpzwwO21Awd3A==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -23259,6 +23017,7 @@
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
       "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "deprecated": "uuid@10 and below is no longer supported.  For ESM codebases, update to uuid@latest.  For CommonJS codebases, use uuid@11 (but be aware this version will likely be deprecated in 2028).",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -23266,13 +23025,13 @@
       }
     },
     "node_modules/socks": {
-      "version": "2.8.7",
-      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.7.tgz",
-      "integrity": "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==",
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.9.tgz",
+      "integrity": "sha512-LJhUYUvItdQ0LkJTmPeaEObWXAqFyfmP85x0tch/ez9cahmhlBBLbIqDFnvBnUJGagb0JbIQrkBs1wJ+yRYpEw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "ip-address": "^10.0.1",
+        "ip-address": "^10.1.1",
         "smart-buffer": "^4.2.0"
       },
       "engines": {
@@ -24025,9 +23784,9 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.5.0.tgz",
-      "integrity": "sha512-UYhptBwhWvfIjKd/UuFo6D8uq9xpGLDK+z8EDsj/zWhrTaH34cKEbrkMKfV5YWqGBvAYA3tlzZbs2R+qYrbQJA==",
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.6.0.tgz",
+      "integrity": "sha512-Eum+5ajkaOhf5KbM26osvv21kLD7BaGqQ1UA4Ami4arYwylmGUQTgHFpHDdmJod1q4QXa66p0to/FBKID+J1vA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -24047,12 +23806,39 @@
         "webpack": "^5.1.0"
       },
       "peerDependenciesMeta": {
+        "@minify-html/node": {
+          "optional": true
+        },
         "@swc/core": {
           "optional": true
         },
+        "@swc/css": {
+          "optional": true
+        },
+        "@swc/html": {
+          "optional": true
+        },
+        "clean-css": {
+          "optional": true
+        },
+        "cssnano": {
+          "optional": true
+        },
+        "csso": {
+          "optional": true
+        },
         "esbuild": {
           "optional": true
         },
+        "html-minifier-terser": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
         "uglify-js": {
           "optional": true
         }
@@ -24216,9 +24002,9 @@
       "license": "MIT"
     },
     "node_modules/tinyexec": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.1.1.tgz",
-      "integrity": "sha512-VKS/ZaQhhkKFMANmAOhhXVoIfBXblQxGX1myCQ2faQrfmobMftXeJPcZGp0gS07ocvGJWDLZGyOZDadDBqYIJg==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.1.2.tgz",
+      "integrity": "sha512-dAqSqE/RabpBKI8+h26GfLq6Vb3JVXs30XYQjdMjaj/c2tS8IYYMbIzP599KtRj7c57/wYApb3QjgRgXmrCukA==",
       "devOptional": true,
       "license": "MIT",
       "engines": {
@@ -24273,22 +24059,22 @@
       }
     },
     "node_modules/tldts": {
-      "version": "7.0.28",
-      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.0.28.tgz",
-      "integrity": "sha512-+Zg3vWhRUv8B1maGSTFdev9mjoo8Etn2Ayfs4cnjlD3CsGkxXX4QyW3j2WJ0wdjYcYmy7Lx2RDsZMhgCWafKIw==",
+      "version": "7.0.30",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.0.30.tgz",
+      "integrity": "sha512-ELrFxuqsDdHUwoh0XxDbxuLD3Wnz49Z57IFvTtvWy1hJdcMZjXLIuonjilCiWHlT2GbE4Wlv1wKVTzDFnXH1aw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "tldts-core": "^7.0.28"
+        "tldts-core": "^7.0.30"
       },
       "bin": {
         "tldts": "bin/cli.js"
       }
     },
     "node_modules/tldts-core": {
-      "version": "7.0.28",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.28.tgz",
-      "integrity": "sha512-7W5Efjhsc3chVdFhqtaU0KtK32J37Zcr9RKtID54nG+tIpcY79CQK/veYPODxtD/LJ4Lue66jvrQzIX2Z2/pUQ==",
+      "version": "7.0.30",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.0.30.tgz",
+      "integrity": "sha512-uiHN8PIB1VmWyS98eZYja4xzlYqeFZVjb4OuYlJQnZAuJhMw4PbKQOKgHKhBdJR3FE/t5mUQ1Kd80++B+qhD1Q==",
       "dev": true,
       "license": "MIT"
     },
@@ -24836,16 +24622,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.59.0",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.59.0.tgz",
-      "integrity": "sha512-BU3ONW9X+v90EcCH9ZS6LMackcVtxRLlI3XrYyqZIwVSHIk7Qf7bFw1z0M9Q0IUxhTMZCf8piY9hTYaNEIASrw==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.59.3.tgz",
+      "integrity": "sha512-KgusgyDgG4LI8Ih/sWaCtZ06tckLAS5CvT5A4D1Q7bYVoAAyzwiZvE4BmwDHkhRVkvhRBepKeASoFzQetha7Fg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.59.0",
-        "@typescript-eslint/parser": "8.59.0",
-        "@typescript-eslint/typescript-estree": "8.59.0",
-        "@typescript-eslint/utils": "8.59.0"
+        "@typescript-eslint/eslint-plugin": "8.59.3",
+        "@typescript-eslint/parser": "8.59.3",
+        "@typescript-eslint/typescript-estree": "8.59.3",
+        "@typescript-eslint/utils": "8.59.3"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -24859,13 +24645,6 @@
         "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/ufo": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.3.tgz",
-      "integrity": "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==",
-      "license": "MIT",
-      "optional": true
-    },
     "node_modules/uglify-js": {
       "version": "3.19.3",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
@@ -24897,6 +24676,7 @@
       "version": "6.21.0",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
       "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/unicode-canonical-property-names-ecmascript": {
@@ -25296,33 +25076,488 @@
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/vite/node_modules/postcss": {
-      "version": "8.5.10",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz",
-      "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
+    "node_modules/vite/node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
       "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
       ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.11",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14"
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
       }
     },
     "node_modules/vitest": {
@@ -25411,61 +25646,6 @@
       "integrity": "sha512-gQpnTgkubC6hQgdIcRdYGDSDc+SaujOdyesZQMv6JlfQee/9Mp0Qhnys6WxDWvQnL5WZdT7o2Ul187aSt0Rq+w==",
       "license": "MIT"
     },
-    "node_modules/vscode-jsonrpc": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-8.2.0.tgz",
-      "integrity": "sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==",
-      "license": "MIT",
-      "optional": true,
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/vscode-languageserver": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver/-/vscode-languageserver-9.0.1.tgz",
-      "integrity": "sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "vscode-languageserver-protocol": "3.17.5"
-      },
-      "bin": {
-        "installServerIntoExtension": "bin/installServerIntoExtension"
-      }
-    },
-    "node_modules/vscode-languageserver-protocol": {
-      "version": "3.17.5",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.5.tgz",
-      "integrity": "sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "vscode-jsonrpc": "8.2.0",
-        "vscode-languageserver-types": "3.17.5"
-      }
-    },
-    "node_modules/vscode-languageserver-textdocument": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.12.tgz",
-      "integrity": "sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==",
-      "license": "MIT",
-      "optional": true
-    },
-    "node_modules/vscode-languageserver-types": {
-      "version": "3.17.5",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.17.5.tgz",
-      "integrity": "sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==",
-      "license": "MIT",
-      "optional": true
-    },
-    "node_modules/vscode-uri": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
-      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
-      "license": "MIT",
-      "optional": true
-    },
     "node_modules/vue-eslint-parser": {
       "version": "9.4.3",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
@@ -25853,9 +26033,9 @@
       }
     },
     "node_modules/webpack-sources": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.4.0.tgz",
-      "integrity": "sha512-gHwIe1cgBvvfLeu1Yz/dcFpmHfKDVxxyqI+kzqmuxZED81z2ChxpyqPaWcNqigPywhaEke7AjSGga+kxY55gjQ==",
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.4.1.tgz",
+      "integrity": "sha512-eACpxRN02yaawnt+uUNIF7Qje6A9zArxBbcAJjK1PK3S9Ycg5jIuJ8pW4q8EMnwNZCEGltcjkRx1QzOxOkKD8A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -25885,9 +26065,9 @@
       }
     },
     "node_modules/webpack/node_modules/es-module-lexer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.0.0.tgz",
-      "integrity": "sha512-5POEcUuZybH7IdmGsD8wlf0AI55wMecM9rVBTI/qEAy2c1kTOm3DjFYjrBdI2K3BaJjJYfYFeRtM0t9ssnRuxw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.1.0.tgz",
+      "integrity": "sha512-n27zTYMjYu1aj4MjCWzSP7G9r75utsaoc8m61weK+W8JMBGGQybd43GstCXZ3WNmSFtGT9wi59qQTW6mhTR5LQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -26432,9 +26612,9 @@
       }
     },
     "node_modules/zod": {
-      "version": "4.3.6",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
-      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
+      "integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
diff --git a/package.json b/package.json
index 5e4118df9..f6f1766f2 100644
--- a/package.json
+++ b/package.json
@@ -47,18 +47,16 @@
     "@angular/forms": "^19.2.20",
     "@angular/material": "^19.2.16",
     "@angular/material-moment-adapter": "^19.2.16",
-    "@mitre-attack/attack-data-model": "^5.0.0-beta.1",
     "@angular/platform-browser": "^19.2.20",
     "@angular/platform-browser-dynamic": "^19.2.20",
     "@angular/router": "^19.2.20",
+    "@mitre-attack/attack-data-model": "^5.0.0-beta.1",
     "@ng-matero/extensions": "^19.5.1",
     "diff-match-patch-ts": "^0.8.0",
-    "jdenticon": "^3.2.0",
     "lodash": "^4.17.21",
     "marked": "^15.0.11",
     "moment": "^2.29.4",
     "ngx-autosize": "^2.0.4",
-    "ngx-jdenticon": "^2.0.0",
     "ngx-logger": "^5.0.12",
     "ngx-markdown": "^19.1.1",
     "rxjs": "^7.8.1",
@@ -70,17 +68,17 @@
   "devDependencies": {
     "@analogjs/vite-plugin-angular": "^1.22.1",
     "@analogjs/vitest-angular": "^1.22.1",
-    "@eslint/js": "^9.39.1",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vitest/ui": "^3.2.4",
     "@angular-devkit/build-angular": "^19.2.23",
     "@angular/cli": "^19.2.23",
     "@angular/compiler-cli": "^19.2.20",
     "@codedependant/semantic-release-docker": "^5.1.1",
     "@commitlint/config-conventional": "^20.5.0",
+    "@eslint/js": "^9.39.1",
     "@types/jasmine": "^6.0.0",
     "@types/jasminewd2": "^2.0.10",
     "@types/node": "^20.19.37",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
     "angular-eslint": "^19.4.0",
     "codelyzer": "^6.0.0",
     "commitlint": "^20.5.0",
@@ -91,14 +89,14 @@
     "eslint-plugin-unused-imports": "^4.1.4",
     "husky": "^9.1.7",
     "jsdom": "^27.0.1",
-    "sass": "^1.94.2",
     "prettier": "^3.8.1",
     "prettier-eslint": "^16.3.0",
+    "sass": "^1.94.2",
     "semantic-release": "^25.0.3",
     "ts-node": "^10.9.1",
     "typescript": "^5.8.3",
+    "typescript-eslint": "^8.58.0",
     "vite": "^6.4.1",
-    "vitest": "^3.2.4",
-    "typescript-eslint": "^8.58.0"
+    "vitest": "^3.2.4"
   }
 }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index fb9625a3c..528e5caea 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -57,7 +57,6 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 // other library imports
 import { MtxPopoverModule } from '@ng-matero/extensions/popover';
 import { AutosizeModule } from 'ngx-autosize';
-import { JDENTICON_CONFIG, NgxJdenticonModule } from 'ngx-jdenticon';
 import { MarkdownModule } from 'ngx-markdown';
 
 // custom components
@@ -429,7 +428,6 @@ export function initConfig(appConfigService: AppConfigService) {
       disableConsoleLogging: false,
     }),
     MtxPopoverModule,
-    NgxJdenticonModule,
     AutosizeModule,
     BrowserModule,
     AppRoutingModule,
@@ -482,20 +480,6 @@ export function initConfig(appConfigService: AppConfigService) {
       const initializerFn = initConfig(inject(AppConfigService));
       return initializerFn();
     }),
-    {
-      provide: JDENTICON_CONFIG,
-      useValue: {
-        lightness: {
-          color: [0.35, 0.6],
-          grayscale: [0.35, 0.6],
-        },
-        saturation: {
-          color: 0.5,
-          grayscale: 0.5,
-        },
-        backColor: '#0000',
-      },
-    },
     {
       provide: HTTP_INTERCEPTORS,
       useClass: AuthInterceptor,
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.html b/src/app/components/release-track-object-card/release-track-object-card.component.html
index eb3f9458d..ea992923c 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.html
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.html
@@ -8,8 +8,7 @@
         <div class="object-card-title">
           {{ title }}
         </div>
-        <div
-          class="object-card-subtitle text-deemphasis">
+        <div class="object-card-subtitle text-deemphasis">
           {{ subtitle }}
         </div>
       </div>

From 4daaefe9868fb037819b795689c4d67ad3971256 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 11 May 2026 16:23:38 -0400
Subject: [PATCH 055/190] refactor: simplify release track summary cards

---
 .../release-track-page.component.html         | 60 ++++++++-----------
 .../release-track-page.component.scss         | 24 ++++----
 2 files changed, 37 insertions(+), 47 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 185aad584..7c81dd2c4 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -33,48 +33,36 @@ <h1>
     <!-- stats summary -->
     <div class="release-track-board">
       <div class="summary-grid">
-        <div class="summary-item">
-          <div class="labelled-box summary-card candidates-summary">
-            <div class="content no-label">
-              <div class="card-header">
-                <strong>Candidates</strong>
-                <span class="text-deemphasis"> &nbsp;(in this draft) </span>
-              </div>
-              <div class="card-body">
-                <h2 class="view-color">
-                  {{ candidates.length || 0 }}
-                </h2>
-              </div>
+        <div class="labelled-box summary-card candidates-summary">
+          <div class="content no-label">
+            <p class="summary-label">
+              <strong>Candidates</strong>
+              <span class="text-deemphasis">(in this draft)</span>
+            </p>
+            <div class="summary-value view-color">
+              {{ candidates.length || 0 }}
             </div>
           </div>
         </div>
-        <div class="summary-item">
-          <div class="labelled-box summary-card staged-summary">
-            <div class="content no-label">
-              <div class="card-header">
-                <strong>Staged</strong>
-                <span class="text-deemphasis"> &nbsp;(for next release) </span>
-              </div>
-              <div class="card-body">
-                <h2 class="promote-color">
-                  {{ staged.length || 0 }}
-                </h2>
-              </div>
+        <div class="labelled-box summary-card staged-summary">
+          <div class="content no-label">
+            <p class="summary-label">
+              <strong>Staged</strong>
+              <span class="text-deemphasis">(for next release)</span>
+            </p>
+            <div class="summary-value promote-color">
+              {{ staged.length || 0 }}
             </div>
           </div>
         </div>
-        <div class="summary-item">
-          <div class="labelled-box summary-card members-summary">
-            <div class="content no-label">
-              <div class="card-header">
-                <strong>Members</strong>
-                <span class="text-deemphasis"> &nbsp;(published) </span>
-              </div>
-              <div class="card-body">
-                <h2>
-                  {{ members.length || 0 }}
-                </h2>
-              </div>
+        <div class="labelled-box summary-card members-summary">
+          <div class="content no-label">
+            <p class="summary-label">
+              <strong>Members</strong>
+              <span class="text-deemphasis">(published)</span>
+            </p>
+            <div class="summary-value">
+              {{ members.length || 0 }}
             </div>
           </div>
         </div>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index b30dbc261..a9b086ecb 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -62,7 +62,6 @@
     min-height: 0;
   }
 
-  .summary-item,
   .release-column {
     min-width: 0;
     min-height: 0;
@@ -119,18 +118,21 @@
     min-height: 104px;
     padding: 18px 20px 16px;
     box-shadow: inset 0 4px 0 colors.border-color(light);
+  }
 
-    .card-header {
-      justify-content: flex-start;
-      line-height: 20px;
-    }
+  .summary-label {
+    display: flex;
+    gap: 4px;
+    align-items: center;
+    margin: 0;
+    line-height: 20px;
+  }
 
-    h2 {
-      margin: 12px 0 0;
-      font-size: 30px;
-      font-weight: 800;
-      line-height: 36px;
-    }
+  .summary-value {
+    margin-top: 12px;
+    font-size: 30px;
+    font-weight: 800;
+    line-height: 36px;
   }
 
   .candidates-summary > .content,

From cd2a11e331f6089efa92a92ad6469c7181c634d4 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 13 May 2026 16:16:39 -0400
Subject: [PATCH 056/190] feat(navigation): move primary navigation to sidebar

---
 src/app/app-routing-stix.module.ts            |  45 ++--
 src/app/app.component.html                    |  21 +-
 src/app/app.component.scss                    |   7 +-
 src/app/app.component.ts                      |  41 +--
 src/app/app.module.ts                         |   4 +
 .../components/header/header.component.html   | 120 +--------
 .../components/header/header.component.scss   |  49 +---
 .../header/header.component.spec.ts           |   9 -
 src/app/components/header/header.component.ts |  82 +-----
 .../navigation/navigation.component.html      | 104 ++++++++
 .../navigation/navigation.component.scss      | 235 ++++++++++++++++++
 .../navigation/navigation.component.spec.ts   |  88 +++++++
 .../navigation/navigation.component.ts        | 151 +++++++++++
 .../landing-page/landing-page.component.ts    |   2 +-
 .../all-objects-page.component.html           |   6 +
 .../all-objects-page.component.scss           |   5 +
 .../all-objects-page.component.spec.ts        |  24 ++
 .../all-objects-page.component.ts             |   9 +
 src/style/colors.scss                         |   4 +
 19 files changed, 712 insertions(+), 294 deletions(-)
 create mode 100644 src/app/components/navigation/navigation.component.html
 create mode 100644 src/app/components/navigation/navigation.component.scss
 create mode 100644 src/app/components/navigation/navigation.component.spec.ts
 create mode 100644 src/app/components/navigation/navigation.component.ts
 create mode 100644 src/app/views/stix/all-objects-page/all-objects-page.component.html
 create mode 100644 src/app/views/stix/all-objects-page/all-objects-page.component.scss
 create mode 100644 src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts
 create mode 100644 src/app/views/stix/all-objects-page/all-objects-page.component.ts

diff --git a/src/app/app-routing-stix.module.ts b/src/app/app-routing-stix.module.ts
index bb363bb48..e0f2b2886 100644
--- a/src/app/app-routing-stix.module.ts
+++ b/src/app/app-routing-stix.module.ts
@@ -5,6 +5,7 @@ import { ReferenceManagerComponent } from './views/reference-manager/reference-m
 import { NotesPageComponent } from './views/notes-page/notes-page.component';
 import { StixPageComponent } from './views/stix/stix-page/stix-page.component';
 import { ContributorsPageComponent } from './views/contributors-page/contributors-page.component';
+import { AllObjectsPageComponent } from './views/stix/all-objects-page/all-objects-page.component';
 
 import { RouterModule, Routes } from '@angular/router';
 import { NgModule } from '@angular/core';
@@ -21,73 +22,87 @@ const stixRouteData = [
   {
     attackType: 'matrix',
     editable: true,
+    group: 'core',
   },
   {
     attackType: 'tactic',
     editable: true,
+    group: 'core',
   },
   {
     attackType: 'technique',
     editable: true,
+    group: 'core',
   },
   // cti
   {
     attackType: 'group',
     editable: true,
-    headerSection: 'cti',
+    group: 'cti',
   },
   {
     attackType: 'software',
     editable: true,
-    headerSection: 'cti',
+    group: 'cti',
   },
   {
     attackType: 'campaign',
     editable: true,
-    headerSection: 'cti',
+    group: 'cti',
   },
   // defenses
   {
     attackType: 'mitigation',
     editable: true,
-    headerSection: 'defenses',
+    group: 'defenses',
   },
   {
     attackType: 'asset',
     editable: true,
-    headerSection: 'defenses',
+    group: 'defenses',
   },
   {
     attackType: 'detection-strategy',
     editable: true,
-    headerSection: 'defenses',
+    group: 'defenses',
   },
   {
     attackType: 'analytic',
     editable: true,
-    headerSection: 'defenses',
+    group: 'defenses',
   },
   {
     attackType: 'data-component',
     editable: true,
-    headerSection: 'defenses',
+    group: 'defenses',
   },
   {
     attackType: 'data-source',
     editable: true,
-    headerSection: 'defenses',
+    group: 'defenses',
     deprecated: true,
   },
 ];
 
 const stixRoutes: Routes = [];
+stixRoutes.push({
+  path: 'objects',
+  canActivate: [AuthorizationGuard],
+  data: {
+    breadcrumb: 'all objects',
+    title: 'All Objects',
+    roles: viewRoles,
+  },
+  component: AllObjectsPageComponent,
+});
+
 stixRouteData.forEach(stixRoute => {
   stixRoutes.push({
     path: stixRoute.attackType,
     canActivateChild: [AuthorizationGuard],
     data: {
       breadcrumb: AttackTypeToRoute[stixRoute.attackType].replace(/-/g, ' '),
-      headerSection: stixRoute.headerSection || undefined,
+      group: stixRoute.group,
       deprecated: stixRoute.deprecated ?? false,
     },
     children: [
@@ -147,7 +162,7 @@ stixRoutes.push({
   canActivateChild: [AuthorizationGuard],
   data: {
     breadcrumb: 'marking definitions',
-    headerSection: 'more',
+    group: 'more',
   },
   children: [
     {
@@ -204,7 +219,7 @@ if (environment.integrations.collection_manager.enabled) {
     canActivateChild: [AuthorizationGuard],
     data: {
       breadcrumb: 'collections',
-      headerSection: 'more',
+      group: 'more',
     },
     children: [
       {
@@ -301,7 +316,7 @@ stixRoutes.push(
     canActivateChild: [AuthorizationGuard],
     data: {
       breadcrumb: 'reference manager',
-      headerSection: 'more',
+      group: 'more',
     },
     children: [
       {
@@ -321,7 +336,7 @@ stixRoutes.push(
     canActivateChild: [AuthorizationGuard],
     data: {
       breadcrumb: 'contributors',
-      headerSection: 'more',
+      group: 'more',
     },
     children: [
       {
@@ -340,7 +355,7 @@ stixRoutes.push(
     canActivateChild: [AuthorizationGuard],
     data: {
       breadcrumb: 'notes',
-      headerSection: 'more',
+      group: 'more',
     },
     children: [
       {
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 89982da93..e423e93f3 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,17 +1,22 @@
 <div [class]="'app-root ' + theme">
-  <app-header
-    (onLogin)="login()"
-    (onLogout)="logout()"
-    (onRegister)="register()"
-    [style.margin-top]="-hiddenHeaderPX + 'px'"
-    #header></app-header>
   <mat-drawer-container class="app-body">
+    <mat-drawer
+      class="app-nav-drawer"
+      mode="side"
+      position="start"
+      [opened]="true">
+      <app-navigation></app-navigation>
+    </mat-drawer>
+
     <mat-drawer-content>
       <div class="app-content">
+        <app-header
+          (onLogin)="login()"
+          (onLogout)="logout()"
+          (onRegister)="register()"></app-header>
         <app-toolbar
           (onToggleTheme)="toggleTheme()"
-          (onScrollTop)="scrollToTop()"
-          [canScroll]="hiddenHeaderPX != 0"></app-toolbar>
+          (onScrollTop)="scrollToTop()"></app-toolbar>
         <div
           *ngIf="alertStatus"
           class="banner"
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 756b3d9ed..25cca7a4f 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -5,6 +5,7 @@
   flex-direction: column;
   .app-body {
     flex: 1;
+    min-height: 0;
   }
   .mat-drawer {
     overflow-y: hidden;
@@ -18,13 +19,17 @@
     height: 100%;
     // overflow: auto;
   }
+  .app-nav-drawer {
+    width: 286px;
+    border-right: none !important;
+  }
   .app-content {
     display: flex;
     flex-direction: column;
     .router-padding {
       flex: 1;
       box-sizing: border-box;
-      padding: 50px 50px;
+      padding: 24px;
       overflow: auto;
     }
   }
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 25656badd..fcc4c459e 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,10 +1,8 @@
 import {
-  AfterViewInit,
   Component,
   ElementRef,
   ViewChild,
   ViewEncapsulation,
-  OnDestroy,
 } from '@angular/core';
 import { MatDrawerContainer } from '@angular/material/sidenav';
 import { OverlayContainer } from '@angular/cdk/overlay';
@@ -25,20 +23,16 @@ import { AppConfigService } from './services/config/app-config.service';
   encapsulation: ViewEncapsulation.None,
   standalone: false,
 })
-export class AppComponent implements AfterViewInit, OnDestroy {
+export class AppComponent {
   // Drawer container to resize when contents change size
   @ViewChild(MatDrawerContainer, { static: true })
   private container: MatDrawerContainer;
 
-  // Elements for scroll behavior
-  @ViewChild('header', { static: false, read: ElementRef })
-  private header: ElementRef;
   @ViewChild('scrollRef', { static: false, read: ElementRef })
   private scrollRef: ElementRef;
 
   public theme;
   public alertStatus;
-  public hiddenHeaderPX = 0; // number of px of the header which is hidden
 
   public get sidebarOpened() {
     return this.sidebarService.opened && this.editorService.sidebarEnabled;
@@ -77,7 +71,7 @@ export class AppComponent implements AfterViewInit, OnDestroy {
           const authSubscription = this.authenticationService
             .getSession()
             .subscribe({
-              next: res => {
+              next: () => {
                 this.checkStatus();
               },
               complete: () => {
@@ -93,25 +87,6 @@ export class AppComponent implements AfterViewInit, OnDestroy {
     initLogger(logger);
   }
 
-  ngAfterViewInit(): void {
-    // header hiding with scroll
-    this.scrollRef.nativeElement.addEventListener(
-      'scroll',
-      e => this.adjustHeaderPlacement(),
-      true
-    );
-    // to fix rare cases that the page has resized without scroll events triggering, recompute the offset every 5 seconds
-    setInterval(() => this.adjustHeaderPlacement(), 5000);
-  }
-
-  ngOnDestroy(): void {
-    this.scrollRef.nativeElement.removeEventListener(
-      'scroll',
-      e => this.adjustHeaderPlacement(),
-      true
-    );
-  }
-
   /**
    * Check the account status of the logged in user.
    * If the user's account status is not active, an alert
@@ -200,18 +175,6 @@ export class AppComponent implements AfterViewInit, OnDestroy {
     overlayContainerClasses.add(this.theme);
   }
 
-  // adjust the header placement
-  private adjustHeaderPlacement(): void {
-    const headerHeight = this.header.nativeElement.offsetHeight;
-    // constrain amount of hidden to bounds, round up because decimal scroll causes flicker
-    this.hiddenHeaderPX = Math.floor(
-      Math.min(
-        Math.max(0, this.scrollRef.nativeElement.scrollTop / 2),
-        headerHeight
-      )
-    );
-  }
-
   // scroll to the top of the main content
   public scrollToTop(): void {
     this.scrollRef.nativeElement.scroll({ top: 0, behavior: 'smooth' });
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 528e5caea..083a54125 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -73,6 +73,7 @@ import { HeaderComponent } from './components/header/header.component';
 import { LoadingOverlayComponent } from './components/loading-overlay/loading-overlay.component';
 import { MarkdownViewDialogComponent } from './components/markdown-view-dialog/markdown-view-dialog.component';
 import { MultipleChoiceDialogComponent } from './components/multiple-choice-dialog/multiple-choice-dialog.component';
+import { NavigationComponent } from './components/navigation/navigation.component';
 import { ReferenceEditDialogComponent } from './components/reference-edit-dialog/reference-edit-dialog.component';
 import { HistoryTimelineComponent } from './components/stix/stix-page-tabs/history-timeline/history-timeline.component';
 import { ReferenceSidebarComponent } from './components/resources-drawer/reference-sidebar/reference-sidebar.component';
@@ -163,6 +164,7 @@ import { DefaultMarkingDefinitionsComponent } from './views/dashboard-page/defau
 import { ProfilePageComponent } from './views/profile-page/profile-page.component';
 import { ReferenceManagerComponent } from './views/reference-manager/reference-manager.component';
 
+import { AllObjectsPageComponent } from './views/stix/all-objects-page/all-objects-page.component';
 import { StixDialogComponent } from './views/stix/stix-dialog/stix-dialog.component';
 import { StixPageComponent } from './views/stix/stix-page/stix-page.component';
 
@@ -245,6 +247,7 @@ export function initConfig(appConfigService: AppConfigService) {
   declarations: [
     AppComponent,
     HeaderComponent,
+    NavigationComponent,
     FooterComponent,
     LoadingOverlayComponent,
     ToolbarComponent,
@@ -293,6 +296,7 @@ export function initConfig(appConfigService: AppConfigService) {
     DatepickerPropertyComponent,
     IconViewComponent,
     LandingPageComponent,
+    AllObjectsPageComponent,
     StixPageTabsComponent,
     HelpPageComponent,
     DashboardPageComponent,
diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
index 5f3b7489f..dcf38c185 100644
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -1,129 +1,16 @@
 <mat-toolbar class="header">
-  <!-- Title & Help -->
-  <div class="app-title">
-    <h1>
-      <a routerLink="">ATT&CK Workbench</a>
-    </h1>
-  </div>
-  <button mat-icon-button routerLink="/docs" matTooltip="help">
-    <mat-icon aria-label="help">help_outline</mat-icon>
-  </button>
   <div class="spacer"></div>
 
-  <!-- Stix Object Routes -->
-  <div
-    *ngIf="filteredRoutes.length > 0"
-    class="links"
-    #linkMenu
-    [ngClass]="{ 'pad-right': isLoggedIn }"
-    [ngStyle]="{ visibility: showHamburger ? 'hidden' : 'visible' }">
-    <!-- non-grouped routes -->
-    <button
-      mat-button
-      *ngFor="let stixRoute of filteredRoutes"
-      [disabled]="!isLoggedIn"
-      [routerLink]="stixRoute.path">
-      {{ stixRoute.data.breadcrumb }}
-    </button>
-
-    <!-- drop downs for grouped routes -->
-    <ng-container *ngFor="let section of groupedRoutes | keyvalue">
-      <button
-        mat-button
-        [matMenuTriggerFor]="menu"
-        [disabled]="!isLoggedIn"
-        (click)="setSectionDropdown(section)">
-        {{ section.key }}
-        <mat-icon>arrow_drop_down</mat-icon>
-      </button>
-      <!-- dynamic dropdown menus -->
-      <mat-menu #menu="matMenu" backdropClass="override-light">
-        <button
-          mat-menu-item
-          *ngFor="let stixRoute of currentDropdown?.value"
-          [ngClass]="{ 'text-deemphasis': stixRoute.data.deprecated }"
-          [disabled]="!isLoggedIn"
-          [routerLink]="stixRoute.path">
-          @if (stixRoute.data.deprecated) {
-            <mat-icon
-              style="margin-right: 6px"
-              [ngClass]="{ 'text-deemphasis': stixRoute.data.deprecated }"
-              >warning</mat-icon
-            >
-          }
-          {{ stixRoute.data.breadcrumb }}
-        </button>
-        <button *ngIf="section.key === 'more'" mat-menu-item routerLink="/docs">
-          documentation
-        </button>
-      </mat-menu>
-    </ng-container>
-  </div>
-
-  <!-- Hamburger Dropdown Menus -->
-  <div
-    class="hamburger"
-    [ngStyle]="{ visibility: showHamburger ? 'visible' : 'hidden' }">
-    <button
-      [matMenuTriggerFor]="navigation"
-      mat-icon-button
-      aria-label="navigation">
-      <mat-icon>menu</mat-icon>
-    </button>
-
-    <!-- Account Options Menu -->
-    <mat-menu #accountOptions="matMenu" backdropClass="override-light">
-      <button mat-menu-item routerLink="/profile">profile</button>
-      <button
-        *ngIf="isAdmin || isTeamLead"
-        mat-menu-item
-        routerLink="/dashboard">
-        dashboard
-      </button>
-      <button mat-menu-item (click)="logout()">logout</button>
-    </mat-menu>
-
-    <!-- Navigation Menu -->
-    <mat-menu #navigation="matMenu" backdropClass="override-light">
-      <button
-        mat-menu-item
-        *ngFor="let stixRoute of allRoutes"
-        [disabled]="!isLoggedIn"
-        [ngClass]="{ 'text-deemphasis': stixRoute.data.deprecated }"
-        [routerLink]="stixRoute.path">
-        @if (stixRoute.data.deprecated) {
-          <mat-icon
-            style="margin-right: 6px"
-            [ngClass]="{ 'text-deemphasis': stixRoute.data.deprecated }"
-            >warning</mat-icon
-          >
-        }
-        {{ stixRoute.data.breadcrumb }}
-      </button>
-      <button mat-menu-item routerLink="/docs">documentation</button>
-      <button mat-menu-item *ngIf="!isLoggedIn" (click)="login()">login</button>
-      <button
-        mat-menu-item
-        *ngIf="!isLoggedIn && authnType === 'oidc'"
-        (click)="register()">
-        register
-      </button>
-    </mat-menu>
-  </div>
-
-  <!-- Login/Register -->
-  <ng-container *ngIf="!isLoggedIn && !showHamburger">
+  <ng-container *ngIf="!isLoggedIn">
     <button mat-button class="login-register" (click)="login()">login</button>
     <button mat-button *ngIf="authnType === 'oidc'" (click)="register()">
       register
     </button>
   </ng-container>
 
-  <!-- Account Icon -->
   <ng-container *ngIf="isLoggedIn">
     <button
       class="account"
-      [ngClass]="{ 'pad-left': showHamburger }"
       mat-icon-button
       [matMenuTriggerFor]="accountOptions"
       aria-label="account options">
@@ -134,4 +21,9 @@ <h1>
         matTooltipPosition="below"></app-user-avatar>
     </button>
   </ng-container>
+
+  <mat-menu #accountOptions="matMenu" backdropClass="override-light">
+    <button mat-menu-item routerLink="/profile">view profile</button>
+    <button mat-menu-item (click)="logout()">logout</button>
+  </mat-menu>
 </mat-toolbar>
diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss
index dcba5d092..e47f0324d 100644
--- a/src/app/components/header/header.component.scss
+++ b/src/app/components/header/header.component.scss
@@ -1,14 +1,18 @@
-@use '../../../style/globals';
 @use '../../../style/colors';
 
 .header {
+  height: 74px;
+  padding: 0 30px 0 32px;
+  border-bottom: 1px solid rgba(colors.color(mitre-silver), 0.1);
+
   .light & {
     background: colors.color(primary);
-    color: colors.on-color(primary);
   }
+
   .dark & {
-    background: colors.color(light);
+    background: colors.color(primary);
   }
+
   .mat-mdc-button:disabled {
     .light & {
       color: colors.on-color-deemphasis(light);
@@ -17,32 +21,16 @@
       color: colors.on-color-deemphasis(dark);
     }
   }
+
   .spacer {
     flex: 1 1 auto;
   }
-  .app-title {
-    a {
-      @extend .heading;
-      border-bottom-width: 0 !important;
-      .dark &,
-      .dark &:hover {
-        color: colors.color(primary-dark) !important;
-      }
-      .light &,
-      .light &:hover {
-        color: colors.color(light) !important;
-      }
-    }
-    .app-version {
-      text-transform: none;
-      @extend .text-label;
-      font-size: 10px;
-    }
-  }
+
   button {
     font-family: Roboto, Arial, sans-serif;
     font-weight: 500;
     text-transform: uppercase;
+
     .light & {
       color: colors.on-color(dark);
     }
@@ -51,21 +39,6 @@
     }
   }
 
-  .links {
-    overflow: hidden;
-    &.pad-right {
-      padding-right: 12px;
-    }
-  }
-  .account.pad-left {
-    margin-left: 12px;
-  }
-  .hamburger {
-    position: relative;
-    width: 0;
-    overflow-x: visible;
-    left: -40px;
-  }
   .mat-mdc-icon-button.account {
     --account-avatar-size: 48px;
 
@@ -78,6 +51,7 @@
     scale: 0.85;
     vertical-align: middle;
     width: var(--account-avatar-size);
+
     app-user-avatar {
       display: inline-flex;
       flex: 0 0 auto;
@@ -85,6 +59,7 @@
       vertical-align: middle;
       width: var(--account-avatar-size);
     }
+
     app-user-avatar .user-avatar {
       height: 100%;
       width: 100%;
diff --git a/src/app/components/header/header.component.spec.ts b/src/app/components/header/header.component.spec.ts
index bf8d20b7c..5b5aa64a5 100644
--- a/src/app/components/header/header.component.spec.ts
+++ b/src/app/components/header/header.component.spec.ts
@@ -1,6 +1,5 @@
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { ActivatedRoute } from '@angular/router';
 import { provideHttpClient } from '@angular/common/http';
 import { provideRouter } from '@angular/router';
 import { MatToolbarModule } from '@angular/material/toolbar';
@@ -9,7 +8,6 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { of } from 'rxjs';
 
 import { HeaderComponent } from './header.component';
 import { UserAvatarComponent } from '../user-avatar/user-avatar.component';
@@ -41,13 +39,6 @@ describe('HeaderComponent', () => {
         { provide: RestApiConnectorService, useValue: mockRestApiConnector },
         { provide: AuthenticationService, useValue: mockAuthService },
         provideRouter([]),
-        {
-          provide: ActivatedRoute,
-          useValue: {
-            params: of({}),
-            queryParams: of({}),
-          },
-        },
         provideHttpClient(),
       ],
       schemas: [NO_ERRORS_SCHEMA],
diff --git a/src/app/components/header/header.component.ts b/src/app/components/header/header.component.ts
index 636bf2a25..84f5b8e2f 100644
--- a/src/app/components/header/header.component.ts
+++ b/src/app/components/header/header.component.ts
@@ -1,19 +1,11 @@
 import {
-  AfterViewInit,
   Component,
-  ElementRef,
   EventEmitter,
-  HostListener,
   Output,
-  ViewChild,
   ViewEncapsulation,
 } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import { stixRoutes } from '../../app-routing-stix.module';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
-import { Subscription } from 'rxjs';
 import { Role } from 'src/app/classes/authn/role';
-import * as globals from '../../utils/globals';
 
 @Component({
   selector: 'app-header',
@@ -22,17 +14,10 @@ import * as globals from '../../utils/globals';
   encapsulation: ViewEncapsulation.None,
   standalone: false,
 })
-export class HeaderComponent implements AfterViewInit {
-  public allRoutes: any[];
-  public groupedRoutes: Record<string, any[]> = {};
-  public filteredRoutes: any[] = [];
-  public currentDropdown = null;
-  public appVersion = globals.appVersion;
-
+export class HeaderComponent {
   @Output() public onLogin = new EventEmitter();
   @Output() public onLogout = new EventEmitter();
   @Output() public onRegister = new EventEmitter();
-  authnTypeSubscription: Subscription;
   public authnType: string;
 
   public get isAdmin(): boolean {
@@ -44,48 +29,19 @@ export class HeaderComponent implements AfterViewInit {
   public get isLoggedIn(): boolean {
     return this.authenticationService.isLoggedIn;
   }
-  public get username() {
-    return this.authenticationService.currentUser.displayName
-      ? this.authenticationService.currentUser.displayName
-      : this.authenticationService.currentUser.username;
-  }
-
-  @ViewChild('linkMenu', { static: false })
-  private linkMenu: ElementRef;
-
-  constructor(
-    private route: ActivatedRoute,
-    private authenticationService: AuthenticationService
-  ) {
-    this.allRoutes = stixRoutes;
-    this.groupedRoutes = this.groupRoutesBySection(stixRoutes);
-    this.filteredRoutes = this.groupedRoutes['none'] || [];
-    delete this.groupedRoutes['none'];
-
-    this.authnTypeSubscription = this.authenticationService
-      .getAuthType()
-      .subscribe({
-        next: v => {
-          this.authnType = v;
-        },
-        complete: () => {
-          this.authnTypeSubscription.unsubscribe();
-        },
-      });
-  }
-
-  ngAfterViewInit() {
-    setTimeout(() => this.onResize(), 1000); //very hacky workaround: check menu size after 1 second to allow stuff to load
+  public get username(): string {
+    return (
+      this.authenticationService.currentUser?.displayName ||
+      this.authenticationService.currentUser?.username
+    );
   }
 
-  public showHamburger = false;
-
-  @HostListener('window:resize', ['$event'])
-  public onResize(event?: any) {
-    //if the element overflows, show hamburger instead
-    this.showHamburger =
-      this.linkMenu.nativeElement.offsetWidth <
-      this.linkMenu.nativeElement.scrollWidth;
+  constructor(private authenticationService: AuthenticationService) {
+    this.authenticationService.getAuthType().subscribe({
+      next: v => {
+        this.authnType = v;
+      },
+    });
   }
 
   public login(): void {
@@ -99,18 +55,4 @@ export class HeaderComponent implements AfterViewInit {
   public register(): void {
     this.onRegister.emit();
   }
-
-  public groupRoutesBySection(routes: any[]): Record<string, any[]> {
-    const grouped = {};
-    routes.forEach(route => {
-      const section = route.data.headerSection || 'none';
-      if (!grouped[section]) grouped[section] = [];
-      grouped[section].push(route);
-    });
-    return grouped;
-  }
-
-  public setSectionDropdown(section) {
-    this.currentDropdown = section;
-  }
 }
diff --git a/src/app/components/navigation/navigation.component.html b/src/app/components/navigation/navigation.component.html
new file mode 100644
index 000000000..eac186c06
--- /dev/null
+++ b/src/app/components/navigation/navigation.component.html
@@ -0,0 +1,104 @@
+<nav class="app-navigation" aria-label="Primary navigation">
+  <div class="app-title">
+    <a routerLink="">ATT&CK Workbench</a>
+  </div>
+  <a
+    class="nav-area"
+    [routerLink]="isLoggedIn ? '/objects' : null"
+    [class.active]="isObjectLibraryActive"
+    [class.disabled]="!isLoggedIn"
+    [attr.aria-disabled]="!isLoggedIn"
+    [attr.tabindex]="isLoggedIn ? 0 : -1"
+    (click)="expandObjectLibrary()">
+    <mat-icon>dataset</mat-icon>
+    <span>Object Library</span>
+  </a>
+
+  <div class="nav-area-children" *ngIf="objectLibraryExpanded">
+    <a
+      class="nav-link"
+      [routerLink]="isLoggedIn ? '/objects' : null"
+      routerLinkActive="active"
+      [class.disabled]="!isLoggedIn"
+      [attr.aria-disabled]="!isLoggedIn"
+      [attr.tabindex]="isLoggedIn ? 0 : -1"
+      [routerLinkActiveOptions]="{ exact: true }">
+      All Objects
+    </a>
+
+    <section class="nav-section" *ngFor="let section of sections">
+      <button
+        class="nav-section-label"
+        type="button"
+        (click)="toggleSection(section.label)"
+        [attr.aria-controls]="sectionId(section.label)"
+        [attr.aria-expanded]="isSectionOpen(section.label)">
+        <span>{{ section.label }}</span>
+        <mat-icon>{{
+          isSectionOpen(section.label) ? 'expand_more' : 'chevron_right'
+        }}</mat-icon>
+      </button>
+
+      <div
+        class="nav-section-items"
+        *ngIf="isSectionOpen(section.label)"
+        [id]="sectionId(section.label)">
+        <a
+          class="nav-link"
+          *ngFor="let item of section.items"
+          [routerLink]="isLoggedIn ? item.path : null"
+          routerLinkActive="active"
+          [class.deprecated]="item.deprecated"
+          [class.disabled]="!isLoggedIn"
+          [attr.aria-disabled]="!isLoggedIn"
+          [attr.tabindex]="isLoggedIn ? 0 : -1">
+          <span>{{ item.label }}</span>
+          <mat-icon *ngIf="item.deprecated">warning</mat-icon>
+        </a>
+      </div>
+    </section>
+  </div>
+
+  <a
+    class="nav-area"
+    [routerLink]="isLoggedIn ? '/reference-manager' : null"
+    routerLinkActive="active"
+    [class.disabled]="!isLoggedIn"
+    [attr.aria-disabled]="!isLoggedIn"
+    [attr.tabindex]="isLoggedIn ? 0 : -1"
+    (click)="collapseObjectLibrary()">
+    <mat-icon>manage_search</mat-icon>
+    <span>Reference Manager</span>
+  </a>
+
+  <a
+    class="nav-area"
+    [routerLink]="isLoggedIn ? '/contributors' : null"
+    routerLinkActive="active"
+    [class.disabled]="!isLoggedIn"
+    [attr.aria-disabled]="!isLoggedIn"
+    [attr.tabindex]="isLoggedIn ? 0 : -1"
+    (click)="collapseObjectLibrary()">
+    <mat-icon>groups</mat-icon>
+    <span>Contributors</span>
+  </a>
+
+  <a
+    class="nav-area"
+    *ngIf="canAccessDashboard"
+    routerLink="/dashboard"
+    routerLinkActive="active"
+    (click)="collapseObjectLibrary()">
+    <mat-icon>dashboard</mat-icon>
+    <span>Dashboard</span>
+  </a>
+
+  <a
+    class="nav-area"
+    routerLink="/docs"
+    routerLinkActive="active"
+    (click)="collapseObjectLibrary()">
+    <mat-icon>menu_book</mat-icon>
+    <span>Documentation</span>
+  </a>
+</nav>
diff --git a/src/app/components/navigation/navigation.component.scss b/src/app/components/navigation/navigation.component.scss
new file mode 100644
index 000000000..fb717f726
--- /dev/null
+++ b/src/app/components/navigation/navigation.component.scss
@@ -0,0 +1,235 @@
+@use 'sass:color';
+@use '../../../style/globals';
+@use '../../../style/colors' as colors;
+
+$nav-background: color.mix(
+  colors.color(mitre-navy),
+  colors.color(mitre-black),
+  30%
+);
+$nav-parent-selected: colors.color(secondary);
+$nav-stroke: color.mix(
+  colors.color(mitre-navy),
+  colors.color(mitre-silver),
+  44%
+);
+$nav-text: color.mix(colors.color(mitre-navy), colors.color(mitre-silver), 8%);
+$nav-text-muted: rgba($nav-text, 0.82);
+$nav-child-text: rgba(colors.color(mitre-silver), 0.72);
+$nav-child-text-hover: colors.color(mitre-silver);
+$nav-hover: rgba(colors.color(mitre-silver), 0.1);
+$nav-active: rgba(colors.color(mitre-silver), 0.16);
+
+.app-nav-drawer {
+  background: $nav-background;
+}
+
+.app-navigation {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 286px;
+  height: 100%;
+  padding: 0 14px 20px;
+  overflow-y: auto;
+  background: $nav-background;
+  border-right: 1px solid rgba(colors.color(mitre-silver), 0.2);
+  color: $nav-text-muted;
+}
+
+.app-title {
+  position: sticky;
+  top: 0;
+  z-index: 10;
+  margin: 0 -14px;
+  padding: 15px 0;
+  background: $nav-background;
+  border-bottom: 1px solid rgba(colors.color(mitre-silver), 0.14);
+  text-align: center;
+
+  a {
+    @extend .heading;
+
+    border-bottom-width: 0 !important;
+    color: $nav-text !important;
+    font-size: 22px;
+    letter-spacing: 0.8px;
+
+    &:hover {
+      color: colors.color(mitre-silver) !important;
+    }
+  }
+}
+
+.nav-area,
+.nav-link {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  min-width: 0;
+  text-decoration: none;
+}
+
+.nav-area {
+  flex: 0 0 46px;
+  gap: 10px;
+  height: 46px;
+  margin-bottom: 7px;
+  padding: 0 18px;
+  border: 2px solid transparent !important;
+  border-radius: 8px;
+  background: transparent;
+  color: rgba(colors.color(mitre-silver), 0.86);
+  font-weight: 500;
+
+  span {
+    color: inherit;
+  }
+
+  .mat-icon {
+    width: 18px;
+    height: 18px;
+    color: rgba(colors.color(mitre-silver), 0.68);
+    font-size: 18px;
+  }
+
+  &:hover {
+    border-color: rgba(colors.color(mitre-silver), 0.18) !important;
+    background: $nav-hover;
+    color: colors.color(mitre-silver) !important;
+
+    .mat-icon {
+      color: colors.color(mitre-silver);
+    }
+  }
+
+  &.active {
+    border-color: rgba($nav-parent-selected, 0.6) !important;
+    background: rgba($nav-parent-selected, 0.2);
+    color: colors.color(mitre-silver) !important;
+
+    .mat-icon {
+      color: colors.color(mitre-silver);
+    }
+  }
+
+  &.disabled {
+    cursor: default;
+    opacity: 0.42;
+  }
+}
+
+.app-title + .nav-area {
+  margin-top: 14px;
+}
+
+.nav-section {
+  flex: 0 0 auto;
+  margin-top: 8px;
+}
+
+.nav-area-children {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex: 0 0 auto;
+  margin-bottom: 12px;
+
+  &::before {
+    position: absolute;
+    top: -5px;
+    bottom: 8px;
+    left: 24px;
+    width: 1px;
+    background: rgba(colors.color(mitre-silver), 0.42);
+    content: '';
+  }
+
+  .nav-link {
+    margin-left: 40px;
+    padding-left: 16px;
+  }
+}
+
+.nav-section-label {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  width: 100%;
+  flex: 0 0 30px;
+  height: 30px;
+  padding: 0 18px 0 56px;
+  border: 0;
+  background: transparent;
+  color: $nav-child-text;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 11px;
+  font-weight: 650;
+  letter-spacing: 0.8px;
+  text-align: left;
+  text-transform: uppercase;
+
+  span {
+    color: inherit;
+  }
+
+  &:hover {
+    color: $nav-child-text-hover;
+  }
+
+  .mat-icon {
+    width: 16px;
+    height: 16px;
+    font-size: 16px;
+  }
+}
+
+.nav-section-items {
+  display: flex;
+  flex-direction: column;
+}
+
+.nav-link {
+  flex: 0 0 auto;
+  justify-content: space-between;
+  gap: 8px;
+  min-height: 34px;
+  padding: 0 18px 0 56px;
+  border-bottom: 0 !important;
+  border-radius: 6px;
+  color: $nav-child-text;
+  font-size: 13.5px;
+  font-weight: 400;
+  line-height: 18px;
+
+  span {
+    color: inherit;
+  }
+
+  &:hover {
+    color: $nav-child-text-hover !important;
+  }
+
+  &.active {
+    background: $nav-hover;
+    color: colors.color(mitre-silver) !important;
+  }
+
+  &.disabled {
+    cursor: default;
+    opacity: 0.42;
+  }
+
+  &.deprecated {
+    color: rgba(colors.color(mitre-silver), 0.5);
+  }
+
+  .mat-icon {
+    width: 16px;
+    height: 16px;
+    color: colors.color(warn);
+    font-size: 16px;
+  }
+}
diff --git a/src/app/components/navigation/navigation.component.spec.ts b/src/app/components/navigation/navigation.component.spec.ts
new file mode 100644
index 000000000..cb2f2f517
--- /dev/null
+++ b/src/app/components/navigation/navigation.component.spec.ts
@@ -0,0 +1,88 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterModule } from '@angular/router';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatIconModule } from '@angular/material/icon';
+
+import { NavigationComponent } from './navigation.component';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
+import { createMockAuthenticationService } from 'src/app/testing/mocks/authentication-service.mock';
+
+describe('NavigationComponent', () => {
+  let component: NavigationComponent;
+  let fixture: ComponentFixture<NavigationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [NavigationComponent],
+      imports: [MatDividerModule, MatIconModule, RouterModule.forRoot([])],
+      providers: [
+        {
+          provide: AuthenticationService,
+          useValue: createMockAuthenticationService({}),
+        },
+      ],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(NavigationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should toggle navigation sections', () => {
+    expect(component.isSectionOpen('Core')).toBe(true);
+
+    component.toggleSection('Core');
+    expect(component.isSectionOpen('Core')).toBe(false);
+
+    component.toggleSection('Core');
+    expect(component.isSectionOpen('Core')).toBe(true);
+  });
+
+  it('should collapse and expand object library children', () => {
+    expect(component.objectLibraryExpanded).toBe(true);
+
+    component.collapseObjectLibrary();
+    expect(component.objectLibraryExpanded).toBe(false);
+
+    component.expandObjectLibrary();
+    expect(component.objectLibraryExpanded).toBe(true);
+  });
+
+  it('should mark object library routes as active', () => {
+    expect(component.isObjectLibraryRoute('/objects')).toBe(true);
+    expect(component.isObjectLibraryRoute('/technique')).toBe(true);
+    expect(
+      component.isObjectLibraryRoute('/technique/attack-pattern--123')
+    ).toBe(true);
+    expect(component.isObjectLibraryRoute('/reference-manager')).toBe(false);
+  });
+
+  it('should use title-cased route breadcrumbs for object labels', () => {
+    const ctiSection = component.sections.find(
+      section => section.label === 'CTI'
+    );
+    const defenseSection = component.sections.find(
+      section => section.label === 'Defenses'
+    );
+
+    expect(ctiSection?.items.map(item => item.label)).toContain('Software');
+    expect(defenseSection?.items.map(item => item.label)).toContain(
+      'Data Components'
+    );
+  });
+
+  it('should build section labels from route groups', () => {
+    expect(component.sections.map(section => section.label)).toEqual([
+      'Core',
+      'CTI',
+      'Defenses',
+      'More',
+    ]);
+  });
+});
diff --git a/src/app/components/navigation/navigation.component.ts b/src/app/components/navigation/navigation.component.ts
new file mode 100644
index 000000000..606134167
--- /dev/null
+++ b/src/app/components/navigation/navigation.component.ts
@@ -0,0 +1,151 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+import { Router } from '@angular/router';
+import { stixRoutes } from 'src/app/app-routing-stix.module';
+import { Role } from 'src/app/classes/authn/role';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
+
+interface NavigationItem {
+  label: string;
+  path: string;
+  deprecated?: boolean;
+}
+
+interface NavigationSection {
+  label: string;
+  items: NavigationItem[];
+}
+
+@Component({
+  selector: 'app-navigation',
+  templateUrl: './navigation.component.html',
+  styleUrls: ['./navigation.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  standalone: false,
+})
+export class NavigationComponent {
+  public objectLibraryExpanded = true;
+
+  private readonly groupOrder = ['core', 'cti', 'defenses', 'more'];
+  private readonly objectLibraryExcludedPaths = new Set([
+    'objects',
+    'reference-manager',
+    'contributors',
+  ]);
+  private readonly uppercaseLabels = new Set(['cti']);
+  private readonly collapsedSections = new Set<string>();
+
+  public readonly sections: NavigationSection[] = this.buildSections();
+
+  private readonly objectLibraryPaths = [
+    '/objects',
+    ...this.sections.reduce(
+      (paths, section) => paths.concat(section.items.map(item => item.path)),
+      [] as string[]
+    ),
+  ];
+
+  public get isLoggedIn(): boolean {
+    return this.authenticationService.isLoggedIn;
+  }
+
+  public get canAccessDashboard(): boolean {
+    return this.authenticationService.isAuthorized([
+      Role.ADMIN,
+      Role.TEAM_LEAD,
+    ]);
+  }
+
+  public get isObjectLibraryActive(): boolean {
+    return this.isObjectLibraryRoute(this.router.url);
+  }
+
+  constructor(
+    private authenticationService: AuthenticationService,
+    private router: Router
+  ) {}
+
+  public collapseObjectLibrary(): void {
+    this.objectLibraryExpanded = false;
+  }
+
+  public expandObjectLibrary(): void {
+    this.objectLibraryExpanded = true;
+  }
+
+  public isSectionOpen(section: string): boolean {
+    return !this.collapsedSections.has(section);
+  }
+
+  public sectionId(section: string): string {
+    return `nav-section-${section.toLowerCase().replace(/\s+/g, '-')}`;
+  }
+
+  public toggleSection(section: string): void {
+    if (this.collapsedSections.has(section)) {
+      this.collapsedSections.delete(section);
+    } else {
+      this.collapsedSections.add(section);
+    }
+  }
+
+  public isObjectLibraryRoute(url: string): boolean {
+    const path = url.split('?')[0].split('#')[0];
+    return this.objectLibraryPaths.some(
+      objectPath => path === objectPath || path.startsWith(`${objectPath}/`)
+    );
+  }
+
+  private buildSections(): NavigationSection[] {
+    const itemsByGroup = new Map<string, NavigationItem[]>();
+
+    stixRoutes
+      .filter(
+        route =>
+          route.path &&
+          route.data?.group &&
+          !route.data?.deprecated &&
+          !this.objectLibraryExcludedPaths.has(route.path)
+      )
+      .forEach(route => {
+        const group = route.data?.group as string;
+        const items = itemsByGroup.get(group) || [];
+        items.push({
+          label: this.titleCase(
+            route.data?.breadcrumb || (route.path as string)
+          ),
+          path: `/${route.path}`,
+          deprecated: !!route.data?.deprecated,
+        });
+        itemsByGroup.set(group, items);
+      });
+
+    return Array.from(itemsByGroup.entries())
+      .sort(([leftGroup], [rightGroup]) => {
+        const leftOrder = this.groupOrder.indexOf(leftGroup);
+        const rightOrder = this.groupOrder.indexOf(rightGroup);
+        return this.groupSortValue(leftOrder) - this.groupSortValue(rightOrder);
+      })
+      .map(([group, items]) => ({
+        label: this.titleCase(group),
+        items,
+      }));
+  }
+
+  private groupSortValue(order: number): number {
+    return order === -1 ? Number.MAX_SAFE_INTEGER : order;
+  }
+
+  private titleCase(value: string): string {
+    return value
+      .replace(/-/g, ' ')
+      .split(' ')
+      .filter(word => word.length > 0)
+      .map(word => {
+        const lowerCaseWord = word.toLowerCase();
+        if (this.uppercaseLabels.has(lowerCaseWord))
+          return lowerCaseWord.toUpperCase();
+        return `${lowerCaseWord.charAt(0).toUpperCase()}${lowerCaseWord.slice(1)}`;
+      })
+      .join(' ');
+  }
+}
diff --git a/src/app/views/landing-page/landing-page.component.ts b/src/app/views/landing-page/landing-page.component.ts
index c588dc8da..4486545c0 100644
--- a/src/app/views/landing-page/landing-page.component.ts
+++ b/src/app/views/landing-page/landing-page.component.ts
@@ -27,7 +27,7 @@ export class LandingPageComponent implements OnInit, OnDestroy {
     private router: Router
   ) {
     this.routes = stixRoutes.filter(
-      route => route.data.headerSection !== 'more' && !route.data.deprecated
+      route => route.data.group !== 'more' && !route.data.deprecated
     );
   }
 
diff --git a/src/app/views/stix/all-objects-page/all-objects-page.component.html b/src/app/views/stix/all-objects-page/all-objects-page.component.html
new file mode 100644
index 000000000..d56c22402
--- /dev/null
+++ b/src/app/views/stix/all-objects-page/all-objects-page.component.html
@@ -0,0 +1,6 @@
+<div class="all-objects-page">
+  <h1>All Objects</h1>
+  <p class="text-deemphasis">
+    A consolidated table of all objects will live here someday.
+  </p>
+</div>
diff --git a/src/app/views/stix/all-objects-page/all-objects-page.component.scss b/src/app/views/stix/all-objects-page/all-objects-page.component.scss
new file mode 100644
index 000000000..2216127a5
--- /dev/null
+++ b/src/app/views/stix/all-objects-page/all-objects-page.component.scss
@@ -0,0 +1,5 @@
+.all-objects-page {
+  h1 {
+    margin-top: 0;
+  }
+}
diff --git a/src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts b/src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts
new file mode 100644
index 000000000..72edc97ee
--- /dev/null
+++ b/src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts
@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AllObjectsPageComponent } from './all-objects-page.component';
+
+describe('AllObjectsPageComponent', () => {
+  let component: AllObjectsPageComponent;
+  let fixture: ComponentFixture<AllObjectsPageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [AllObjectsPageComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AllObjectsPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/views/stix/all-objects-page/all-objects-page.component.ts b/src/app/views/stix/all-objects-page/all-objects-page.component.ts
new file mode 100644
index 000000000..26b515d1d
--- /dev/null
+++ b/src/app/views/stix/all-objects-page/all-objects-page.component.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-all-objects-page',
+  templateUrl: './all-objects-page.component.html',
+  styleUrls: ['./all-objects-page.component.scss'],
+  standalone: false,
+})
+export class AllObjectsPageComponent {}
diff --git a/src/style/colors.scss b/src/style/colors.scss
index f71168e5f..b332072ba 100644
--- a/src/style/colors.scss
+++ b/src/style/colors.scss
@@ -70,6 +70,10 @@ $colors: (
     color: $mitre-dark-gray,
     on-color: $mitre-black,
   ),
+  mitre-light-blue: (
+    color: $mitre-light-blue,
+    on-color: $mitre-black,
+  ),
   // snackbar colors
   success: (
       color: #599e2f,

From c9ebc13a734043ec88ad0fa0451565cbcf1679be Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 14 May 2026 08:40:36 -0400
Subject: [PATCH 057/190] feat(navigation): add dashboard sub-navigation

---
 src/app/app-routing.module.ts                 |  2 +-
 .../navigation/navigation.component.html      | 64 +++++++++++++++--
 .../navigation/navigation.component.scss      | 10 +--
 .../navigation/navigation.component.spec.ts   | 35 +++++++++
 .../navigation/navigation.component.ts        | 71 ++++++++++++++++++-
 5 files changed, 170 insertions(+), 12 deletions(-)

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index c160e9671..a0c99f560 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -17,7 +17,7 @@ import { ReleaseTrackPageComponent } from './views/dashboard-page/release-manage
 
 const editRoles = [Role.EDITOR, Role.TEAM_LEAD, Role.ADMIN];
 
-const routes: Routes = [
+export const routes: Routes = [
   {
     path: '',
     data: {
diff --git a/src/app/components/navigation/navigation.component.html b/src/app/components/navigation/navigation.component.html
index eac186c06..ad213f056 100644
--- a/src/app/components/navigation/navigation.component.html
+++ b/src/app/components/navigation/navigation.component.html
@@ -66,7 +66,7 @@
     [class.disabled]="!isLoggedIn"
     [attr.aria-disabled]="!isLoggedIn"
     [attr.tabindex]="isLoggedIn ? 0 : -1"
-    (click)="collapseObjectLibrary()">
+    (click)="collapseNavigationGroups()">
     <mat-icon>manage_search</mat-icon>
     <span>Reference Manager</span>
   </a>
@@ -78,7 +78,7 @@
     [class.disabled]="!isLoggedIn"
     [attr.aria-disabled]="!isLoggedIn"
     [attr.tabindex]="isLoggedIn ? 0 : -1"
-    (click)="collapseObjectLibrary()">
+    (click)="collapseNavigationGroups()">
     <mat-icon>groups</mat-icon>
     <span>Contributors</span>
   </a>
@@ -86,18 +86,70 @@
   <a
     class="nav-area"
     *ngIf="canAccessDashboard"
-    routerLink="/dashboard"
-    routerLinkActive="active"
-    (click)="collapseObjectLibrary()">
+    [routerLink]="isLoggedIn ? '/dashboard' : null"
+    [class.active]="isDashboardActive"
+    [class.disabled]="!isLoggedIn"
+    [attr.aria-disabled]="!isLoggedIn"
+    [attr.tabindex]="isLoggedIn ? 0 : -1"
+    (click)="expandDashboard()">
     <mat-icon>dashboard</mat-icon>
     <span>Dashboard</span>
   </a>
 
+  <div
+    class="nav-area-children"
+    *ngIf="canAccessDashboard && (dashboardExpanded || isDashboardActive)">
+    <a
+      class="nav-link"
+      *ngFor="let item of dashboardItems"
+      [routerLink]="isLoggedIn ? item.path : null"
+      routerLinkActive="active"
+      [routerLinkActiveOptions]="{ exact: item.exact }"
+      [class.disabled]="!isLoggedIn"
+      [attr.aria-disabled]="!isLoggedIn"
+      [attr.tabindex]="isLoggedIn ? 0 : -1">
+      <span>{{ item.label }}</span>
+    </a>
+
+    <section
+      class="nav-section"
+      *ngIf="canAccessAdminDashboard && dashboardAdminItems.length">
+      <button
+        class="nav-section-label"
+        type="button"
+        (click)="toggleSection('Admin')"
+        [attr.aria-controls]="sectionId('Admin')"
+        [attr.aria-expanded]="isSectionOpen('Admin')">
+        <span>Admin</span>
+        <mat-icon>{{
+          isSectionOpen('Admin') ? 'expand_more' : 'chevron_right'
+        }}</mat-icon>
+      </button>
+
+      <div
+        class="nav-section-items"
+        *ngIf="isSectionOpen('Admin')"
+        [id]="sectionId('Admin')">
+        <a
+          class="nav-link"
+          *ngFor="let item of dashboardAdminItems"
+          [routerLink]="isLoggedIn ? item.path : null"
+          routerLinkActive="active"
+          [routerLinkActiveOptions]="{ exact: item.exact }"
+          [class.disabled]="!isLoggedIn"
+          [attr.aria-disabled]="!isLoggedIn"
+          [attr.tabindex]="isLoggedIn ? 0 : -1">
+          <span>{{ item.label }}</span>
+        </a>
+      </div>
+    </section>
+  </div>
+
   <a
     class="nav-area"
     routerLink="/docs"
     routerLinkActive="active"
-    (click)="collapseObjectLibrary()">
+    (click)="collapseNavigationGroups()">
     <mat-icon>menu_book</mat-icon>
     <span>Documentation</span>
   </a>
diff --git a/src/app/components/navigation/navigation.component.scss b/src/app/components/navigation/navigation.component.scss
index fb717f726..92aef39cb 100644
--- a/src/app/components/navigation/navigation.component.scss
+++ b/src/app/components/navigation/navigation.component.scss
@@ -105,11 +105,13 @@ $nav-active: rgba(colors.color(mitre-silver), 0.16);
 
   &.active {
     border-color: rgba($nav-parent-selected, 0.6) !important;
-    background: rgba($nav-parent-selected, 0.2);
-    color: colors.color(mitre-silver) !important;
+    background: rgba($nav-parent-selected, 0.12);
+    color: colors.color(mitre-light-blue) !important;
+    // color: colors.color(mitre-silver) !important;
 
     .mat-icon {
-      color: colors.color(mitre-silver);
+      // color: colors.color(mitre-silver);
+      color: colors.color(mitre-light-blue);
     }
   }
 
@@ -172,7 +174,7 @@ $nav-active: rgba(colors.color(mitre-silver), 0.16);
   text-transform: uppercase;
 
   span {
-    color: inherit;
+    color: colors.color(mitre-light-blue);
   }
 
   &:hover {
diff --git a/src/app/components/navigation/navigation.component.spec.ts b/src/app/components/navigation/navigation.component.spec.ts
index cb2f2f517..d6358aeed 100644
--- a/src/app/components/navigation/navigation.component.spec.ts
+++ b/src/app/components/navigation/navigation.component.spec.ts
@@ -52,6 +52,16 @@ describe('NavigationComponent', () => {
 
     component.expandObjectLibrary();
     expect(component.objectLibraryExpanded).toBe(true);
+    expect(component.dashboardExpanded).toBe(false);
+  });
+
+  it('should collapse and expand dashboard children', () => {
+    component.expandDashboard();
+    expect(component.dashboardExpanded).toBe(true);
+    expect(component.objectLibraryExpanded).toBe(false);
+
+    component.collapseDashboard();
+    expect(component.dashboardExpanded).toBe(false);
   });
 
   it('should mark object library routes as active', () => {
@@ -63,6 +73,17 @@ describe('NavigationComponent', () => {
     expect(component.isObjectLibraryRoute('/reference-manager')).toBe(false);
   });
 
+  it('should mark dashboard routes as active', () => {
+    expect(component.isDashboardRoute('/dashboard')).toBe(true);
+    expect(component.isDashboardRoute('/dashboard/release-management')).toBe(
+      true
+    );
+    expect(
+      component.isDashboardRoute('/dashboard/release-management/123')
+    ).toBe(true);
+    expect(component.isDashboardRoute('/objects')).toBe(false);
+  });
+
   it('should use title-cased route breadcrumbs for object labels', () => {
     const ctiSection = component.sections.find(
       section => section.label === 'CTI'
@@ -85,4 +106,18 @@ describe('NavigationComponent', () => {
       'More',
     ]);
   });
+
+  it('should build dashboard links with admin links grouped separately', () => {
+    expect(component.dashboardItems.map(item => item.label)).toEqual([
+      'Overview',
+      'Release Management',
+      'Teams',
+      'Data Quality',
+    ]);
+    expect(component.dashboardAdminItems.map(item => item.label)).toEqual([
+      'Organization Settings',
+      'User Accounts',
+      'Default Marking Definitions',
+    ]);
+  });
 });
diff --git a/src/app/components/navigation/navigation.component.ts b/src/app/components/navigation/navigation.component.ts
index 606134167..62bf4f36a 100644
--- a/src/app/components/navigation/navigation.component.ts
+++ b/src/app/components/navigation/navigation.component.ts
@@ -1,5 +1,6 @@
 import { Component, ViewEncapsulation } from '@angular/core';
-import { Router } from '@angular/router';
+import { Route, Router } from '@angular/router';
+import { routes as appRoutes } from 'src/app/app-routing.module';
 import { stixRoutes } from 'src/app/app-routing-stix.module';
 import { Role } from 'src/app/classes/authn/role';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
@@ -8,6 +9,7 @@ interface NavigationItem {
   label: string;
   path: string;
   deprecated?: boolean;
+  exact?: boolean;
 }
 
 interface NavigationSection {
@@ -24,6 +26,7 @@ interface NavigationSection {
 })
 export class NavigationComponent {
   public objectLibraryExpanded = true;
+  public dashboardExpanded = false;
 
   private readonly groupOrder = ['core', 'cti', 'defenses', 'more'];
   private readonly objectLibraryExcludedPaths = new Set([
@@ -35,6 +38,10 @@ export class NavigationComponent {
   private readonly collapsedSections = new Set<string>();
 
   public readonly sections: NavigationSection[] = this.buildSections();
+  public readonly dashboardItems: NavigationItem[] =
+    this.buildDashboardItems(false);
+  public readonly dashboardAdminItems: NavigationItem[] =
+    this.buildDashboardItems(true);
 
   private readonly objectLibraryPaths = [
     '/objects',
@@ -55,10 +62,18 @@ export class NavigationComponent {
     ]);
   }
 
+  public get canAccessAdminDashboard(): boolean {
+    return this.authenticationService.isAuthorized([Role.ADMIN]);
+  }
+
   public get isObjectLibraryActive(): boolean {
     return this.isObjectLibraryRoute(this.router.url);
   }
 
+  public get isDashboardActive(): boolean {
+    return this.isDashboardRoute(this.router.url);
+  }
+
   constructor(
     private authenticationService: AuthenticationService,
     private router: Router
@@ -70,6 +85,21 @@ export class NavigationComponent {
 
   public expandObjectLibrary(): void {
     this.objectLibraryExpanded = true;
+    this.dashboardExpanded = false;
+  }
+
+  public collapseDashboard(): void {
+    this.dashboardExpanded = false;
+  }
+
+  public expandDashboard(): void {
+    this.objectLibraryExpanded = false;
+    this.dashboardExpanded = true;
+  }
+
+  public collapseNavigationGroups(): void {
+    this.objectLibraryExpanded = false;
+    this.dashboardExpanded = false;
   }
 
   public isSectionOpen(section: string): boolean {
@@ -95,6 +125,11 @@ export class NavigationComponent {
     );
   }
 
+  public isDashboardRoute(url: string): boolean {
+    const path = url.split('?')[0].split('#')[0];
+    return path === '/dashboard' || path.startsWith('/dashboard/');
+  }
+
   private buildSections(): NavigationSection[] {
     const itemsByGroup = new Map<string, NavigationItem[]>();
 
@@ -135,6 +170,40 @@ export class NavigationComponent {
     return order === -1 ? Number.MAX_SAFE_INTEGER : order;
   }
 
+  private buildDashboardItems(adminOnly: boolean): NavigationItem[] {
+    const dashboardRoute = this.dashboardRoute();
+    if (!dashboardRoute?.children) return [];
+
+    return dashboardRoute.children
+      .filter(route => this.isDashboardNavigationRoute(route))
+      .filter(route => this.isAdminDashboardRoute(route) === adminOnly)
+      .map(route => ({
+        label:
+          route.path === ''
+            ? 'Overview'
+            : this.titleCase(route.data?.breadcrumb || (route.path as string)),
+        path: this.dashboardPath(route),
+        exact: route.path === '',
+      }));
+  }
+
+  private dashboardRoute(): Route | undefined {
+    return appRoutes[0]?.children?.find(route => route.path === 'dashboard');
+  }
+
+  private dashboardPath(route: Route): string {
+    return route.path ? `/dashboard/${route.path}` : '/dashboard';
+  }
+
+  private isDashboardNavigationRoute(route: Route): boolean {
+    return route.path !== undefined && !!route.data?.breadcrumb;
+  }
+
+  private isAdminDashboardRoute(route: Route): boolean {
+    const roles = route.data?.roles as Role[] | undefined;
+    return roles?.length === 1 && roles.includes(Role.ADMIN);
+  }
+
   private titleCase(value: string): string {
     return value
       .replace(/-/g, ' ')

From e154048a562e820afa7e53b134b96edd0f1d3505 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Fri, 15 May 2026 12:21:03 -0400
Subject: [PATCH 058/190] refactor: move revoke logic to toolbar

---
 .../object-status.component.html              |  7 -----
 .../object-status/object-status.component.ts  | 29 +++++++++++++++----
 .../components/toolbar/toolbar.component.html | 15 +++++++++-
 .../components/toolbar/toolbar.component.ts   |  7 +++++
 4 files changed, 44 insertions(+), 14 deletions(-)

diff --git a/src/app/components/object-status/object-status.component.html b/src/app/components/object-status/object-status.component.html
index 00a42798e..1f9663617 100644
--- a/src/app/components/object-status/object-status.component.html
+++ b/src/app/components/object-status/object-status.component.html
@@ -29,13 +29,6 @@
     </mat-form-field>
 
     <div class="status-options">
-      <mat-checkbox
-        [(ngModel)]="revoked"
-        (change)="revoke($event)"
-        [disabled]="deprecated || !objects"
-        [class.disabled]="deprecated || !objects"
-        >Revoke</mat-checkbox
-      >
       <mat-checkbox
         [(ngModel)]="deprecated"
         (change)="deprecate($event)"
diff --git a/src/app/components/object-status/object-status.component.ts b/src/app/components/object-status/object-status.component.ts
index b87d292c1..12c7355a3 100644
--- a/src/app/components/object-status/object-status.component.ts
+++ b/src/app/components/object-status/object-status.component.ts
@@ -35,6 +35,14 @@ export class ObjectStatusComponent implements OnInit {
     );
   }
 
+  public get revokeDisabled(): boolean {
+    return this.disabled || this.deprecated || !this.objects;
+  }
+
+  public get revokeTooltip(): string {
+    return this.object?.revoked || this.revoked ? 'un-revoke' : 'revoke';
+  }
+
   constructor(
     public editorService: EditorService,
     private restAPIService: RestApiConnectorService,
@@ -43,9 +51,14 @@ export class ObjectStatusComponent implements OnInit {
 
   ngOnInit(): void {
     this.statusControl = new FormControl();
+    this.loadData();
   }
 
   public loadData() {
+    if (!this.editorService.stixId || this.editorService.stixId == 'new')
+      return;
+    if (this.loaded && this.object && this.objects) return;
+
     let data$;
     const options = {
       includeRevoked: true,
@@ -171,12 +184,15 @@ export class ObjectStatusComponent implements OnInit {
     }
   }
 
-  /**
-   * Handle the selection for revoking or un-revoking an object
-   * @param event revoke selection
-   */
-  public revoke(event) {
-    if (event.checked) {
+  public revoke() {
+    if (!this.loaded || !this.object || !this.objects) return;
+    if (this.revokeDisabled) return;
+    this.setRevoke(!this.revoked);
+  }
+
+  private setRevoke(revoked: boolean) {
+    this.revoked = revoked;
+    if (revoked) {
       // revoke object
       // prompt for revoking object
       this.select = new SelectionModel<string>();
@@ -220,6 +236,7 @@ export class ObjectStatusComponent implements OnInit {
         revokedRelationship.deprecated = true;
         revokedRelationship.save(this.restAPIService);
       }
+      this.revoked = false;
       this.object.revoked = false;
       this.save();
     }
diff --git a/src/app/components/toolbar/toolbar.component.html b/src/app/components/toolbar/toolbar.component.html
index 8675c7879..b2bf7a3b4 100644
--- a/src/app/components/toolbar/toolbar.component.html
+++ b/src/app/components/toolbar/toolbar.component.html
@@ -74,7 +74,20 @@
           <mat-icon aria-label="delete">delete</mat-icon>
         </button>
       </div>
-      <app-object-status *ngIf="hasWorkflow"></app-object-status>
+      <button
+        *ngIf="hasWorkflow"
+        mat-icon-button
+        class="control"
+        [matTooltip]="objectStatus?.revokeTooltip || 'revoke'"
+        [disabled]="editing || !objectStatus?.loaded"
+        (click)="toggleRevoked()">
+        <mat-icon
+          aria-label="revoked-icon"
+          fontSet="material-symbols-outlined"
+          >{{ objectStatus?.revoked ? 'report_off' : 'report' }}</mat-icon
+        >
+      </button>
+      <app-object-status *ngIf="hasWorkflow" #objectStatus></app-object-status>
     </div>
     <div
       class="controls button-list section"
diff --git a/src/app/components/toolbar/toolbar.component.ts b/src/app/components/toolbar/toolbar.component.ts
index d1b7afc12..906b4658a 100644
--- a/src/app/components/toolbar/toolbar.component.ts
+++ b/src/app/components/toolbar/toolbar.component.ts
@@ -4,6 +4,7 @@ import {
   Output,
   EventEmitter,
   Input,
+  ViewChild,
 } from '@angular/core';
 import { Router } from '@angular/router';
 import { ValidationData } from 'src/app/classes/serializable';
@@ -11,6 +12,7 @@ import { AuthenticationService } from 'src/app/services/connectors/authenticatio
 import { EditorService } from 'src/app/services/editor/editor.service';
 import { SidebarService } from 'src/app/services/sidebar/sidebar.service';
 import { WebsiteIntegrationService } from 'src/app/services/website-integration/website-integration.service';
+import { ObjectStatusComponent } from '../object-status/object-status.component';
 
 @Component({
   selector: 'app-toolbar',
@@ -25,6 +27,8 @@ export class ToolbarComponent {
   @Output() public onToggleSidebar = new EventEmitter();
   @Output() public onScrollTop = new EventEmitter();
 
+  @ViewChild(ObjectStatusComponent) public objectStatus?: ObjectStatusComponent;
+
   public validationData: ValidationData = null;
 
   public get editing(): boolean {
@@ -115,4 +119,7 @@ export class ToolbarComponent {
       `/collection/new?editing=true&groupId=${this.editorService.stixId}`
     );
   }
+  public toggleRevoked() {
+    this.objectStatus?.revoke();
+  }
 }

From 935b01b0795346abcea39e28962e42ea937e3552 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Sun, 17 May 2026 12:58:00 -0400
Subject: [PATCH 059/190] refactor: move workflow status dropdown to the name

---
 .../object-status.component.html              | 17 +---
 .../object-status/object-status.component.ts  | 40 ---------
 .../name-property.component.html              | 36 +++++++-
 .../name-property.component.scss              | 85 +++++++++++++++++++
 .../name-property/name-property.component.ts  | 84 +++++++++++++++++-
 5 files changed, 200 insertions(+), 62 deletions(-)

diff --git a/src/app/components/object-status/object-status.component.html b/src/app/components/object-status/object-status.component.html
index 1f9663617..07b6c7c1e 100644
--- a/src/app/components/object-status/object-status.component.html
+++ b/src/app/components/object-status/object-status.component.html
@@ -12,22 +12,7 @@
 </button>
 
 <mtx-popover #popover="mtxPopover" [position]="['below', 'before']">
-  <div
-    style="max-width: 14em"
-    class="workflow-status"
-    *ngIf="loaded; else loading">
-    <mat-form-field class="workflow-status" appearance="outline">
-      <mat-label>Workflow Status</mat-label>
-      <mat-select [formControl]="statusControl">
-        <mat-option
-          *ngFor="let workflow of workflows"
-          (onSelectionChange)="workflowChange($event)"
-          [value]="workflow[0]"
-          >{{ workflow[1] }}</mat-option
-        >
-      </mat-select>
-    </mat-form-field>
-
+  <div style="max-width: 14em" *ngIf="loaded; else loading">
     <div class="status-options">
       <mat-checkbox
         [(ngModel)]="deprecated"
diff --git a/src/app/components/object-status/object-status.component.ts b/src/app/components/object-status/object-status.component.ts
index 12c7355a3..72dfd8a30 100644
--- a/src/app/components/object-status/object-status.component.ts
+++ b/src/app/components/object-status/object-status.component.ts
@@ -1,6 +1,5 @@
 import { SelectionModel } from '@angular/cdk/collections';
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
-import { FormControl } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { Relationship } from 'src/app/classes/stix/relationship';
 import { StixObject } from 'src/app/classes/stix/stix-object';
@@ -9,8 +8,6 @@ import { EditorService } from 'src/app/services/editor/editor.service';
 import { AddDialogComponent } from '../add-dialog/add-dialog.component';
 import { ConfirmationDialogComponent } from '../confirmation-dialog/confirmation-dialog.component';
 import { forkJoin } from 'rxjs';
-import { WorkflowStates } from 'src/app/utils/types';
-import { SaveDialogComponent } from '../save-dialog/save-dialog.component';
 
 @Component({
   selector: 'app-object-status',
@@ -20,9 +17,7 @@ import { SaveDialogComponent } from '../save-dialog/save-dialog.component';
 })
 export class ObjectStatusComponent implements OnInit {
   public loaded = false;
-  public statusControl: FormControl<string>;
   public select: SelectionModel<string>;
-  public workflows = Object.entries(WorkflowStates);
   public objects: StixObject[];
   public object: StixObject;
   public relationships = [];
@@ -50,7 +45,6 @@ export class ObjectStatusComponent implements OnInit {
   ) {}
 
   ngOnInit(): void {
-    this.statusControl = new FormControl();
     this.loadData();
   }
 
@@ -100,9 +94,6 @@ export class ObjectStatusComponent implements OnInit {
             object => object.stixID === this.editorService.stixId
           );
           if (this.object) {
-            if (this.object.workflow?.state) {
-              this.statusControl.setValue(this.object.workflow.state);
-            }
             this.revoked = this.object.revoked;
             this.deprecated = this.object.deprecated;
           }
@@ -153,37 +144,6 @@ export class ObjectStatusComponent implements OnInit {
     });
   }
 
-  /**
-   * Handle workflow state change
-   * @param event workflow state selection
-   */
-  public workflowChange(event) {
-    const previousWorkflowState =
-      this.object.workflow?.state || 'work-in-progress';
-    if (event.isUserInput) {
-      // Open save-dialog instead of saving directly
-      const dialogRef = this.dialog.open(SaveDialogComponent, {
-        maxWidth: '70em',
-        maxHeight: '70em',
-        data: {
-          object: this.object,
-          versionAlreadyIncremented: false,
-          // Pass the selected workflow state
-          initialWorkflowState: event.source.value,
-        },
-        autoFocus: false,
-      });
-
-      dialogRef.afterClosed().subscribe(result => {
-        if (result) {
-          this.editorService.onReload.emit();
-        } else {
-          this.statusControl.setValue(previousWorkflowState);
-        }
-      });
-    }
-  }
-
   public revoke() {
     if (!this.loaded || !this.object || !this.objects) return;
     if (this.revokeDisabled) return;
diff --git a/src/app/components/stix/name-property/name-property.component.html b/src/app/components/stix/name-property/name-property.component.html
index be3a2e811..4dbffbb7a 100644
--- a/src/app/components/stix/name-property/name-property.component.html
+++ b/src/app/components/stix/name-property/name-property.component.html
@@ -8,8 +8,40 @@ <h1 class="lowercase">
         >:&nbsp;
       </span>
       {{ config.object[field] }}
-      <app-icon-view
-        [config]="{ object: config.object, field: 'workflow' }"></app-icon-view>
+      <mat-form-field
+        *ngIf="showWorkflowControl"
+        class="workflow-select"
+        appearance="outline">
+        <mat-select
+          [formControl]="statusControl"
+          [aria-label]="'workflow status'"
+          [panelClass]="'workflow-select-panel'">
+          <mat-select-trigger>
+            <mat-icon
+              class="workflow-status-icon"
+              [class]="workflowColor(statusControl.value)"
+              [matTooltip]="statusControl.value?.replaceAll('-', ' ')"
+              matTooltipPosition="below">
+              {{ workflowIcon(statusControl.value) }}
+            </mat-icon>
+          </mat-select-trigger>
+          <mat-option
+            *ngFor="let workflow of workflows"
+            (onSelectionChange)="workflowChange($event)"
+            [value]="workflow[0]"
+            [attr.aria-label]="workflow[1]">
+            <div class="workflow-option">
+              <mat-icon
+                class="workflow-status-icon"
+                [class]="workflowColor(workflow[0])"
+                [matTooltip]="workflow[1]"
+                matTooltipPosition="right">
+                {{ workflowIcon(workflow[0]) }}
+              </mat-icon>
+            </div>
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
     </h1>
     <h3 class="status">
       <span class="error-text" *ngIf="config.object['deprecated']"
diff --git a/src/app/components/stix/name-property/name-property.component.scss b/src/app/components/stix/name-property/name-property.component.scss
index 545f7837b..f169dc382 100644
--- a/src/app/components/stix/name-property/name-property.component.scss
+++ b/src/app/components/stix/name-property/name-property.component.scss
@@ -1,4 +1,71 @@
+@use '../../../../style/colors';
+
+.workflow-status-icon {
+  &.warn {
+    color: colors.color(warn) !important;
+  }
+
+  &.error {
+    color: colors.color(error) !important;
+  }
+
+  &.success {
+    color: colors.color(success) !important;
+  }
+}
+
 .name-property {
+  .workflow-select {
+    margin-left: 0.5rem;
+    width: auto;
+
+    .mat-mdc-form-field-subscript-wrapper {
+      display: none;
+    }
+
+    .mat-mdc-text-field-wrapper {
+      padding: 0 0.35rem;
+    }
+
+    .mat-mdc-form-field-infix {
+      min-height: auto;
+      padding: 0.35rem 0;
+      width: auto;
+    }
+
+    .mat-mdc-select-trigger {
+      align-items: center;
+      display: inline-flex;
+      justify-content: center;
+      width: 100%;
+    }
+
+    .mat-mdc-select-arrow-wrapper {
+      margin-left: 0.15rem;
+    }
+
+    .mat-mdc-select-value {
+      display: flex;
+      justify-content: center;
+    }
+
+    .mdc-notched-outline__leading,
+    .mdc-notched-outline__trailing {
+      width: 8px !important;
+    }
+
+    .mdc-notched-outline__notch {
+      border-right: none;
+    }
+  }
+
+  .workflow-option {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+    width: 100%;
+  }
+
   .name-edit {
     width: 100%;
     text-align: center;
@@ -28,6 +95,11 @@
   }
   .lowercase {
     margin: 0 !important;
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem;
+    justify-content: center;
   }
   .c-align {
     text-align: center !important;
@@ -38,3 +110,16 @@
     text-align: center;
   }
 }
+
+.workflow-select-panel {
+  .mat-mdc-option {
+    .mat-icon {
+      margin-left: -3px !important;
+      margin-right: 0 !important;
+    }
+
+    .mat-pseudo-checkbox {
+      display: none !important;
+    }
+  }
+}
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index baeb6ed57..b27f322ae 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -1,8 +1,13 @@
 import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MatDialog } from '@angular/material/dialog';
 import { Relationship } from 'src/app/classes/stix/relationship';
 import { StixObject } from 'src/app/classes/stix/stix-object';
 import { Technique } from 'src/app/classes/stix/technique';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { EditorService } from 'src/app/services/editor/editor.service';
+import { SaveDialogComponent } from '../../save-dialog/save-dialog.component';
+import { WorkflowState, WorkflowStates } from 'src/app/utils/types';
 
 @Component({
   selector: 'app-name-property',
@@ -15,11 +20,30 @@ export class NamePropertyComponent implements OnInit {
   @Input() public config: NamePropertyConfig;
   public currentTargetObj?: any;
   public loaded = false;
+  public statusControl: FormControl<WorkflowState | null>;
+  public workflows = Object.entries(WorkflowStates) as [
+    WorkflowState,
+    string,
+  ][];
 
   public get field() {
     return this.config.field ? this.config.field : 'name';
   }
 
+  public get object(): any {
+    return Array.isArray(this.config.object)
+      ? this.config.object[0]
+      : this.config.object;
+  }
+
+  public get showWorkflowControl(): boolean {
+    return (
+      this.config.mode === 'view' &&
+      this.object instanceof StixObject &&
+      this.object.attackType !== 'collection'
+    );
+  }
+
   /**
    * retrieve the internal link to the parent technique
    */
@@ -40,12 +64,16 @@ export class NamePropertyComponent implements OnInit {
     return this.previous?.[this.field] || '';
   }
 
-  constructor(private restAPIService: RestApiConnectorService) {}
+  constructor(
+    private dialog: MatDialog,
+    private editorService: EditorService,
+    private restAPIService: RestApiConnectorService
+  ) {}
 
   ngOnInit(): void {
-    const object = Array.isArray(this.config.object)
-      ? this.config.object[0]
-      : this.config.object;
+    const object = this.object;
+    this.statusControl = new FormControl('work-in-progress');
+    this.statusControl.setValue(object?.workflow?.state || 'work-in-progress');
     if (this.config.mode !== 'diff' && object.revoked) {
       // retrieve revoking object
       const data$ = this.restAPIService.getRelatedTo({
@@ -70,6 +98,54 @@ export class NamePropertyComponent implements OnInit {
     else if (obj?.['deprecated']) return 'deprecated';
     return '';
   }
+
+  public workflowChange(event): void {
+    const previousWorkflowState =
+      this.object?.workflow?.state || 'work-in-progress';
+    if (event.isUserInput) {
+      const dialogRef = this.dialog.open(SaveDialogComponent, {
+        maxWidth: '70em',
+        maxHeight: '70em',
+        data: {
+          object: this.object,
+          versionAlreadyIncremented: false,
+          initialWorkflowState: event.source.value,
+        },
+        autoFocus: false,
+      });
+
+      dialogRef.afterClosed().subscribe(result => {
+        if (result) {
+          this.statusControl.setValue(event.source.value);
+          this.editorService.onReload.emit();
+        } else {
+          this.statusControl.setValue(previousWorkflowState);
+        }
+      });
+    }
+  }
+
+  public workflowIcon(state: WorkflowState): string {
+    switch (state) {
+      case 'work-in-progress':
+        return 'assignment';
+      case 'awaiting-review':
+        return 'assignment_ind';
+      case 'reviewed':
+        return 'assignment_turned_in';
+    }
+  }
+
+  public workflowColor(state: WorkflowState): string {
+    switch (state) {
+      case 'work-in-progress':
+        return 'error';
+      case 'awaiting-review':
+        return 'warn';
+      case 'reviewed':
+        return 'success';
+    }
+  }
 }
 
 export interface NamePropertyConfig {

From d5bb37cf929e319b2213a9c4857f4ee828325759 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Sun, 17 May 2026 13:58:33 -0400
Subject: [PATCH 060/190] feat: add an option to preserve relationships

---
 src/app/classes/stix/asset.ts                 |  9 +++--
 src/app/classes/stix/campaign.ts              |  9 +++--
 src/app/classes/stix/data-component.ts        |  9 +++--
 src/app/classes/stix/data-source.ts           |  9 +++--
 src/app/classes/stix/group.ts                 |  9 +++--
 src/app/classes/stix/matrix.ts                |  9 +++--
 src/app/classes/stix/mitigation.ts            |  9 +++--
 src/app/classes/stix/software.ts              |  9 +++--
 src/app/classes/stix/stix-object.ts           |  3 +-
 src/app/classes/stix/tactic.ts                |  9 +++--
 src/app/classes/stix/technique.ts             |  9 +++--
 .../add-dialog/add-dialog.component.html      |  6 ++++
 .../add-dialog/add-dialog.component.scss      |  5 +++
 .../add-dialog/add-dialog.component.ts        |  2 ++
 .../object-status/object-status.component.ts  | 33 +++++++++++--------
 .../rest-api/rest-api-connector.service.ts    |  6 ++--
 16 files changed, 109 insertions(+), 36 deletions(-)

diff --git a/src/app/classes/stix/asset.ts b/src/app/classes/stix/asset.ts
index 72b0031c7..88beba83c 100644
--- a/src/app/classes/stix/asset.ts
+++ b/src/app/classes/stix/asset.ts
@@ -204,9 +204,14 @@ export class Asset extends StixObject {
    */
   public revoke(
     restAPIService: RestApiConnectorService,
-    revokingObject: { revoking: { stixId: string; modified: string } }
+    revokingObject: { revoking: { stixId: string; modified: string } },
+    preserveRelationships = false
   ): Observable<object> {
-    return restAPIService.revokeAsset(this.stixID, revokingObject);
+    return restAPIService.revokeAsset(
+      this.stixID,
+      revokingObject,
+      preserveRelationships
+    );
   }
 }
 
diff --git a/src/app/classes/stix/campaign.ts b/src/app/classes/stix/campaign.ts
index 10db5d943..25d4c081e 100644
--- a/src/app/classes/stix/campaign.ts
+++ b/src/app/classes/stix/campaign.ts
@@ -224,8 +224,13 @@ export class Campaign extends StixObject {
    */
   public revoke(
     restAPIService: RestApiConnectorService,
-    revokingObject: { revoking: { stixId: string; modified: string } }
+    revokingObject: { revoking: { stixId: string; modified: string } },
+    preserveRelationships = false
   ): Observable<object> {
-    return restAPIService.revokeCampaign(this.stixID, revokingObject);
+    return restAPIService.revokeCampaign(
+      this.stixID,
+      revokingObject,
+      preserveRelationships
+    );
   }
 }
diff --git a/src/app/classes/stix/data-component.ts b/src/app/classes/stix/data-component.ts
index d7cef2c59..f574be93b 100644
--- a/src/app/classes/stix/data-component.ts
+++ b/src/app/classes/stix/data-component.ts
@@ -200,9 +200,14 @@ export class DataComponent extends StixObject {
    */
   public revoke(
     restAPIService: RestApiConnectorService,
-    revokingObject: { revoking: { stixId: string; modified: string } }
+    revokingObject: { revoking: { stixId: string; modified: string } },
+    preserveRelationships = false
   ): Observable<object> {
-    return restAPIService.revokeDataComponent(this.stixID, revokingObject);
+    return restAPIService.revokeDataComponent(
+      this.stixID,
+      revokingObject,
+      preserveRelationships
+    );
   }
 }
 
diff --git a/src/app/classes/stix/data-source.ts b/src/app/classes/stix/data-source.ts
index 4505695bb..26c154c2d 100644
--- a/src/app/classes/stix/data-source.ts
+++ b/src/app/classes/stix/data-source.ts
@@ -201,8 +201,13 @@ export class DataSource extends StixObject {
    */
   public revoke(
     restAPIService: RestApiConnectorService,
-    revokingObject: { revoking: { stixId: string; modified: string } }
+    revokingObject: { revoking: { stixId: string; modified: string } },
+    preserveRelationships = false
   ): Observable<object> {
-    return restAPIService.revokeDataSource(this.stixID, revokingObject);
+    return restAPIService.revokeDataSource(
+      this.stixID,
+      revokingObject,
+      preserveRelationships
+    );
   }
 }
diff --git a/src/app/classes/stix/group.ts b/src/app/classes/stix/group.ts
index 94b4ac98a..bd7e2b6ee 100644
--- a/src/app/classes/stix/group.ts
+++ b/src/app/classes/stix/group.ts
@@ -163,8 +163,13 @@ export class Group extends StixObject {
    */
   public revoke(
     restAPIService: RestApiConnectorService,
-    revokingObject: { revoking: { stixId: string; modified: string } }
+    revokingObject: { revoking: { stixId: string; modified: string } },
+    preserveRelationships = false
   ): Observable<object> {
-    return restAPIService.revokeGroup(this.stixID, revokingObject);
+    return restAPIService.revokeGroup(
+      this.stixID,
+      revokingObject,
+      preserveRelationships
+    );
   }
 }
diff --git a/src/app/classes/stix/matrix.ts b/src/app/classes/stix/matrix.ts
index cdb3270d3..1e62fdd78 100644
--- a/src/app/classes/stix/matrix.ts
+++ b/src/app/classes/stix/matrix.ts
@@ -145,8 +145,13 @@ export class Matrix extends StixObject {
    */
   public revoke(
     restAPIService: RestApiConnectorService,
-    revokingObject: { revoking: { stixId: string; modified: string } }
+    revokingObject: { revoking: { stixId: string; modified: string } },
+    preserveRelationships = false
   ): Observable<object> {
-    return restAPIService.revokeMatrix(this.stixID, revokingObject);
+    return restAPIService.revokeMatrix(
+      this.stixID,
+      revokingObject,
+      preserveRelationships
+    );
   }
 }
diff --git a/src/app/classes/stix/mitigation.ts b/src/app/classes/stix/mitigation.ts
index 0bb06f3ad..783582fd1 100644
--- a/src/app/classes/stix/mitigation.ts
+++ b/src/app/classes/stix/mitigation.ts
@@ -159,8 +159,13 @@ export class Mitigation extends StixObject {
    */
   public revoke(
     restAPIService: RestApiConnectorService,
-    revokingObject: { revoking: { stixId: string; modified: string } }
+    revokingObject: { revoking: { stixId: string; modified: string } },
+    preserveRelationships = false
   ): Observable<object> {
-    return restAPIService.revokeMitigation(this.stixID, revokingObject);
+    return restAPIService.revokeMitigation(
+      this.stixID,
+      revokingObject,
+      preserveRelationships
+    );
   }
 }
diff --git a/src/app/classes/stix/software.ts b/src/app/classes/stix/software.ts
index 9aa3dccf7..d57b941c4 100644
--- a/src/app/classes/stix/software.ts
+++ b/src/app/classes/stix/software.ts
@@ -205,8 +205,13 @@ export class Software extends StixObject {
    */
   public revoke(
     restAPIService: RestApiConnectorService,
-    revokingObject: { revoking: { stixId: string; modified: string } }
+    revokingObject: { revoking: { stixId: string; modified: string } },
+    preserveRelationships = false
   ): Observable<object> {
-    return restAPIService.revokeSoftware(this.stixID, revokingObject);
+    return restAPIService.revokeSoftware(
+      this.stixID,
+      revokingObject,
+      preserveRelationships
+    );
   }
 }
diff --git a/src/app/classes/stix/stix-object.ts b/src/app/classes/stix/stix-object.ts
index fa2fa26f1..80b4f4ddf 100644
--- a/src/app/classes/stix/stix-object.ts
+++ b/src/app/classes/stix/stix-object.ts
@@ -805,7 +805,8 @@ export abstract class StixObject extends Serializable {
    */
   public revoke?(
     restAPIService: RestApiConnectorService,
-    revokingObject: { revoking: { stixId: string; modified: string } }
+    revokingObject: { revoking: { stixId: string; modified: string } },
+    preserveRelationships?: boolean
   ): Observable<object>;
 
   /**
diff --git a/src/app/classes/stix/tactic.ts b/src/app/classes/stix/tactic.ts
index 80600140d..32125bdc5 100644
--- a/src/app/classes/stix/tactic.ts
+++ b/src/app/classes/stix/tactic.ts
@@ -159,8 +159,13 @@ export class Tactic extends StixObject {
    */
   public revoke(
     restAPIService: RestApiConnectorService,
-    revokingObject: { revoking: { stixId: string; modified: string } }
+    revokingObject: { revoking: { stixId: string; modified: string } },
+    preserveRelationships = false
   ): Observable<object> {
-    return restAPIService.revokeTactic(this.stixID, revokingObject);
+    return restAPIService.revokeTactic(
+      this.stixID,
+      revokingObject,
+      preserveRelationships
+    );
   }
 }
diff --git a/src/app/classes/stix/technique.ts b/src/app/classes/stix/technique.ts
index 39a91ddc7..5d867d20b 100644
--- a/src/app/classes/stix/technique.ts
+++ b/src/app/classes/stix/technique.ts
@@ -789,8 +789,13 @@ export class Technique extends StixObject {
    */
   public revoke(
     restAPIService: RestApiConnectorService,
-    revokingObject: { revoking: { stixId: string; modified: string } }
+    revokingObject: { revoking: { stixId: string; modified: string } },
+    preserveRelationships = false
   ): Observable<object> {
-    return restAPIService.revokeTechnique(this.stixID, revokingObject);
+    return restAPIService.revokeTechnique(
+      this.stixID,
+      revokingObject,
+      preserveRelationships
+    );
   }
 }
diff --git a/src/app/components/add-dialog/add-dialog.component.html b/src/app/components/add-dialog/add-dialog.component.html
index e8c8ac543..c0a6cb70c 100644
--- a/src/app/components/add-dialog/add-dialog.component.html
+++ b/src/app/components/add-dialog/add-dialog.component.html
@@ -8,6 +8,12 @@ <h1 *ngIf="config.title" mat-dialog-title>{{ config.title }}</h1>
           config.selectableObjects?.length > 0;
         else nothing
       ">
+      <mat-checkbox
+        *ngIf="config.showPreserveRelationshipsOption"
+        color="primary"
+        [(ngModel)]="config.preserveRelationships"
+        >Preserve relationships</mat-checkbox
+      >
       <app-stix-list
         *ngIf="config.type !== 'user'"
         [config]="{
diff --git a/src/app/components/add-dialog/add-dialog.component.scss b/src/app/components/add-dialog/add-dialog.component.scss
index 62651b834..31713d01f 100644
--- a/src/app/components/add-dialog/add-dialog.component.scss
+++ b/src/app/components/add-dialog/add-dialog.component.scss
@@ -30,4 +30,9 @@
   .right-button {
     margin-left: 12px;
   }
+
+  .mat-mdc-checkbox {
+    margin-bottom: 16px;
+    display: block;
+  }
 }
diff --git a/src/app/components/add-dialog/add-dialog.component.ts b/src/app/components/add-dialog/add-dialog.component.ts
index 8bc002260..bb23a038d 100644
--- a/src/app/components/add-dialog/add-dialog.component.ts
+++ b/src/app/components/add-dialog/add-dialog.component.ts
@@ -30,4 +30,6 @@ export interface AddDialogConfig {
   buttonLabel?: string; // optional button label, default "add"
   title?: string; // dialog text
   clearSelection?: boolean; //boolean to add clear selection button
+  showPreserveRelationshipsOption?: boolean; // show checkbox for preserveRelationships revoke option
+  preserveRelationships?: boolean; // value passed back through the shared dialog config
 }
diff --git a/src/app/components/object-status/object-status.component.ts b/src/app/components/object-status/object-status.component.ts
index 72dfd8a30..52e548374 100644
--- a/src/app/components/object-status/object-status.component.ts
+++ b/src/app/components/object-status/object-status.component.ts
@@ -156,25 +156,28 @@ export class ObjectStatusComponent implements OnInit {
       // revoke object
       // prompt for revoking object
       this.select = new SelectionModel<string>();
+      const revokeDialogData = {
+        selectableObjects: this.objects.filter(object => {
+          return object.stixID !== this.editorService.stixId;
+        }),
+        type: this.editorService.type,
+        select: this.select,
+        selectionType: 'one',
+        title: 'Select the revoking object',
+        buttonLabel: 'revoke',
+        showPreserveRelationshipsOption: true,
+        preserveRelationships: false,
+      };
       const revokedDialog = this.dialog.open(AddDialogComponent, {
         maxWidth: '70em',
         maxHeight: '70em',
-        data: {
-          selectableObjects: this.objects.filter(object => {
-            return object.stixID !== this.editorService.stixId;
-          }),
-          type: this.editorService.type,
-          select: this.select,
-          selectionType: 'one',
-          title: 'Select the revoking object',
-          buttonLabel: 'revoke',
-        },
+        data: revokeDialogData,
         autoFocus: false, // prevents auto focus on toolbar buttons
       });
       const revokedSubscription = revokedDialog.afterClosed().subscribe({
         next: result => {
           if (result && this.select.selected.length) {
-            this.revokeObject();
+            this.revokeObject(revokeDialogData.preserveRelationships);
           } else {
             // user cancelled or no object selected
             this.revoked = false;
@@ -215,7 +218,7 @@ export class ObjectStatusComponent implements OnInit {
     }
   }
 
-  private revokeObject() {
+  private revokeObject(preserveRelationships = false) {
     const revokingObjectId = this.select.selected[0];
     const revokingObject = this.objects.find(
       object => object.stixID === revokingObjectId
@@ -233,7 +236,11 @@ export class ObjectStatusComponent implements OnInit {
       },
     };
 
-    const revoke = this.object.revoke?.(this.restAPIService, revokePayload);
+    const revoke = this.object.revoke?.(
+      this.restAPIService,
+      revokePayload,
+      preserveRelationships
+    );
     if (!revoke) {
       this.revoked = false;
       return;
diff --git a/src/app/services/connectors/rest-api/rest-api-connector.service.ts b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
index db2921b4c..ebaba993b 100644
--- a/src/app/services/connectors/rest-api/rest-api-connector.service.ts
+++ b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
@@ -1471,10 +1471,12 @@ export class RestApiConnectorService extends ApiConnector {
     const plural = AttackTypeToPlural[attackType];
     return function (
       id: string,
-      revokingObject: { revoking: { stixId: string; modified: string } }
+      revokingObject: { revoking: { stixId: string; modified: string } },
+      preserveRelationships = false
     ): Observable<{}> {
       const url = `${this.apiUrl}/${plural}/${id}/revoke`;
-      return this.http.post(url, revokingObject).pipe(
+      const params = { preserveRelationships };
+      return this.http.post(url, revokingObject, { params }).pipe(
         tap(this.handleSuccess(`${attackType} revoked`)),
         catchError(this.handleError_raise()),
         share() // multicast so that multiple subscribers don't trigger the call twice. THIS MUST BE THE LAST LINE OF THE PIPE

From 6bce613eb17ee2681e4a3f49e899af4474a469f7 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Sun, 17 May 2026 22:50:13 -0400
Subject: [PATCH 061/190] refactor: move deprecate to toolbar

---
 .../object-status.component.html              | 30 +------------------
 .../object-status/object-status.component.ts  | 25 ++++++++++++----
 .../components/toolbar/toolbar.component.html | 15 +++++++++-
 .../components/toolbar/toolbar.component.ts   |  4 +++
 4 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/src/app/components/object-status/object-status.component.html b/src/app/components/object-status/object-status.component.html
index 07b6c7c1e..c5af1d588 100644
--- a/src/app/components/object-status/object-status.component.html
+++ b/src/app/components/object-status/object-status.component.html
@@ -1,29 +1 @@
-<button
-  mat-icon-button
-  class="control"
-  matTooltip="settings"
-  [disabled]="disabled"
-  (click)="loadData()"
-  cdkDrag
-  #popoverTrigger2="mtxPopoverTrigger"
-  [mtxPopoverTriggerFor]="popover"
-  mtxPopoverTriggerOn="click">
-  <mat-icon aria-label="settings">settings</mat-icon>
-</button>
-
-<mtx-popover #popover="mtxPopover" [position]="['below', 'before']">
-  <div style="max-width: 14em" *ngIf="loaded; else loading">
-    <div class="status-options">
-      <mat-checkbox
-        [(ngModel)]="deprecated"
-        (change)="deprecate($event)"
-        [disabled]="revoked || !objects"
-        [class.disabled]="revoked || !objects"
-        >Deprecate</mat-checkbox
-      >
-    </div>
-  </div>
-  <ng-template #loading>
-    <app-loading-overlay></app-loading-overlay>
-  </ng-template>
-</mtx-popover>
+<ng-container></ng-container>
diff --git a/src/app/components/object-status/object-status.component.ts b/src/app/components/object-status/object-status.component.ts
index 52e548374..1e2950fa1 100644
--- a/src/app/components/object-status/object-status.component.ts
+++ b/src/app/components/object-status/object-status.component.ts
@@ -38,6 +38,16 @@ export class ObjectStatusComponent implements OnInit {
     return this.object?.revoked || this.revoked ? 'un-revoke' : 'revoke';
   }
 
+  public get deprecateDisabled(): boolean {
+    return this.disabled || this.revoked || !this.objects;
+  }
+
+  public get deprecateTooltip(): string {
+    return this.object?.deprecated || this.deprecated
+      ? 'undeprecate'
+      : 'deprecate';
+  }
+
   constructor(
     public editorService: EditorService,
     private restAPIService: RestApiConnectorService,
@@ -150,6 +160,12 @@ export class ObjectStatusComponent implements OnInit {
     this.setRevoke(!this.revoked);
   }
 
+  public toggleDeprecated() {
+    if (!this.loaded || !this.object || !this.objects) return;
+    if (this.deprecateDisabled) return;
+    this.setDeprecated(!this.deprecated);
+  }
+
   private setRevoke(revoked: boolean) {
     this.revoked = revoked;
     if (revoked) {
@@ -205,12 +221,9 @@ export class ObjectStatusComponent implements OnInit {
     }
   }
 
-  /**
-   * Handle the selection for deprecating or un-deprecating an object
-   * @param event deprecate selection
-   */
-  public deprecate(event) {
-    if (event.checked) {
+  private setDeprecated(deprecated: boolean) {
+    this.deprecated = deprecated;
+    if (deprecated) {
       this.deprecateObjects(false);
     } else {
       this.object.deprecated = false;
diff --git a/src/app/components/toolbar/toolbar.component.html b/src/app/components/toolbar/toolbar.component.html
index b2bf7a3b4..ffa5f7023 100644
--- a/src/app/components/toolbar/toolbar.component.html
+++ b/src/app/components/toolbar/toolbar.component.html
@@ -74,12 +74,25 @@
           <mat-icon aria-label="delete">delete</mat-icon>
         </button>
       </div>
+      <button
+        *ngIf="hasWorkflow"
+        mat-icon-button
+        class="control"
+        [matTooltip]="objectStatus?.deprecateTooltip || 'deprecate'"
+        [disabled]="editing || !objectStatus?.loaded || objectStatus?.deprecateDisabled"
+        (click)="toggleDeprecated()">
+        <mat-icon
+          aria-label="deprecated-icon"
+          fontSet="material-symbols-outlined"
+          >{{ objectStatus?.deprecated ? 'visibility_off' : 'visibility' }}</mat-icon
+        >
+      </button>
       <button
         *ngIf="hasWorkflow"
         mat-icon-button
         class="control"
         [matTooltip]="objectStatus?.revokeTooltip || 'revoke'"
-        [disabled]="editing || !objectStatus?.loaded"
+        [disabled]="editing || !objectStatus?.loaded || objectStatus?.revokeDisabled"
         (click)="toggleRevoked()">
         <mat-icon
           aria-label="revoked-icon"
diff --git a/src/app/components/toolbar/toolbar.component.ts b/src/app/components/toolbar/toolbar.component.ts
index 906b4658a..b476b087c 100644
--- a/src/app/components/toolbar/toolbar.component.ts
+++ b/src/app/components/toolbar/toolbar.component.ts
@@ -122,4 +122,8 @@ export class ToolbarComponent {
   public toggleRevoked() {
     this.objectStatus?.revoke();
   }
+
+  public toggleDeprecated() {
+    this.objectStatus?.toggleDeprecated();
+  }
 }

From 4e98c792336bcbc41763dd0ec8fab1b2bfabbbec Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 20 May 2026 10:27:18 -0400
Subject: [PATCH 062/190] feat(navigation): add documentation sub-navigation

---
 src/app/app-routing.module.ts                 |  8 +-
 .../navigation/navigation.component.html      | 29 ++++--
 .../navigation/navigation.component.spec.ts   | 64 +++++++++---
 .../navigation/navigation.component.ts        | 99 ++++++++++++++-----
 4 files changed, 150 insertions(+), 50 deletions(-)

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index a0c99f560..3078f903f 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -157,12 +157,8 @@ export const routes: Routes = [
         children: [
           {
             path: '',
-            data: {
-              breadcrumb: 'documentation',
-              markdown: '/assets/docs/README.md',
-              title: 'Documentation',
-            },
-            component: HelpPageComponent,
+            pathMatch: 'full',
+            redirectTo: 'usage',
           },
           {
             path: 'usage',
diff --git a/src/app/components/navigation/navigation.component.html b/src/app/components/navigation/navigation.component.html
index ad213f056..b327fe7fa 100644
--- a/src/app/components/navigation/navigation.component.html
+++ b/src/app/components/navigation/navigation.component.html
@@ -9,12 +9,14 @@
     [class.disabled]="!isLoggedIn"
     [attr.aria-disabled]="!isLoggedIn"
     [attr.tabindex]="isLoggedIn ? 0 : -1"
-    (click)="expandObjectLibrary()">
+    (click)="expandNavigationArea('objectLibrary')">
     <mat-icon>dataset</mat-icon>
     <span>Object Library</span>
   </a>
 
-  <div class="nav-area-children" *ngIf="objectLibraryExpanded">
+  <div
+    class="nav-area-children"
+    *ngIf="isNavigationAreaExpanded('objectLibrary')">
     <a
       class="nav-link"
       [routerLink]="isLoggedIn ? '/objects' : null"
@@ -91,14 +93,14 @@
     [class.disabled]="!isLoggedIn"
     [attr.aria-disabled]="!isLoggedIn"
     [attr.tabindex]="isLoggedIn ? 0 : -1"
-    (click)="expandDashboard()">
+    (click)="expandNavigationArea('dashboard')">
     <mat-icon>dashboard</mat-icon>
     <span>Dashboard</span>
   </a>
 
   <div
     class="nav-area-children"
-    *ngIf="canAccessDashboard && (dashboardExpanded || isDashboardActive)">
+    *ngIf="canAccessDashboard && isNavigationAreaExpanded('dashboard')">
     <a
       class="nav-link"
       *ngFor="let item of dashboardItems"
@@ -147,10 +149,23 @@
 
   <a
     class="nav-area"
-    routerLink="/docs"
-    routerLinkActive="active"
-    (click)="collapseNavigationGroups()">
+    routerLink="/docs/usage"
+    [class.active]="isDocumentationActive"
+    (click)="expandNavigationArea('documentation')">
     <mat-icon>menu_book</mat-icon>
     <span>Documentation</span>
   </a>
+
+  <div
+    class="nav-area-children"
+    *ngIf="isNavigationAreaExpanded('documentation')">
+    <a
+      class="nav-link"
+      *ngFor="let item of documentationItems"
+      [routerLink]="item.path"
+      routerLinkActive="active"
+      [routerLinkActiveOptions]="{ exact: item.exact }">
+      <span>{{ item.label }}</span>
+    </a>
+  </div>
 </nav>
diff --git a/src/app/components/navigation/navigation.component.spec.ts b/src/app/components/navigation/navigation.component.spec.ts
index d6358aeed..2226e28a6 100644
--- a/src/app/components/navigation/navigation.component.spec.ts
+++ b/src/app/components/navigation/navigation.component.spec.ts
@@ -4,6 +4,7 @@ import { MatDividerModule } from '@angular/material/divider';
 import { MatIconModule } from '@angular/material/icon';
 
 import { NavigationComponent } from './navigation.component';
+import { routes } from 'src/app/app-routing.module';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { createMockAuthenticationService } from 'src/app/testing/mocks/authentication-service.mock';
 
@@ -44,24 +45,23 @@ describe('NavigationComponent', () => {
     expect(component.isSectionOpen('Core')).toBe(true);
   });
 
-  it('should collapse and expand object library children', () => {
-    expect(component.objectLibraryExpanded).toBe(true);
+  it('should keep one parent navigation area expanded at a time', () => {
+    expect(component.isNavigationAreaExpanded('objectLibrary')).toBe(true);
 
-    component.collapseObjectLibrary();
-    expect(component.objectLibraryExpanded).toBe(false);
+    component.expandNavigationArea('dashboard');
+    expect(component.isNavigationAreaExpanded('objectLibrary')).toBe(false);
+    expect(component.isNavigationAreaExpanded('dashboard')).toBe(true);
+    expect(component.isNavigationAreaExpanded('documentation')).toBe(false);
 
-    component.expandObjectLibrary();
-    expect(component.objectLibraryExpanded).toBe(true);
-    expect(component.dashboardExpanded).toBe(false);
-  });
-
-  it('should collapse and expand dashboard children', () => {
-    component.expandDashboard();
-    expect(component.dashboardExpanded).toBe(true);
-    expect(component.objectLibraryExpanded).toBe(false);
+    component.expandNavigationArea('documentation');
+    expect(component.isNavigationAreaExpanded('objectLibrary')).toBe(false);
+    expect(component.isNavigationAreaExpanded('dashboard')).toBe(false);
+    expect(component.isNavigationAreaExpanded('documentation')).toBe(true);
 
-    component.collapseDashboard();
-    expect(component.dashboardExpanded).toBe(false);
+    component.collapseNavigationGroups();
+    expect(component.isNavigationAreaExpanded('objectLibrary')).toBe(false);
+    expect(component.isNavigationAreaExpanded('dashboard')).toBe(false);
+    expect(component.isNavigationAreaExpanded('documentation')).toBe(false);
   });
 
   it('should mark object library routes as active', () => {
@@ -84,6 +84,13 @@ describe('NavigationComponent', () => {
     expect(component.isDashboardRoute('/objects')).toBe(false);
   });
 
+  it('should mark documentation routes as active', () => {
+    expect(component.isDocumentationRoute('/docs')).toBe(true);
+    expect(component.isDocumentationRoute('/docs/usage')).toBe(true);
+    expect(component.isDocumentationRoute('/docs/collections')).toBe(true);
+    expect(component.isDocumentationRoute('/dashboard')).toBe(false);
+  });
+
   it('should use title-cased route breadcrumbs for object labels', () => {
     const ctiSection = component.sections.find(
       section => section.label === 'CTI'
@@ -120,4 +127,31 @@ describe('NavigationComponent', () => {
       'Default Marking Definitions',
     ]);
   });
+
+  it('should build documentation links', () => {
+    expect(component.documentationItems.map(item => item.label)).toEqual([
+      'Usage',
+      'Collections',
+      'Integrations',
+      'Contributing',
+    ]);
+    expect(component.documentationItems.map(item => item.path)).toEqual([
+      '/docs/usage',
+      '/docs/collections',
+      '/docs/integrations',
+      '/docs/contributing',
+    ]);
+  });
+
+  it('should redirect the documentation index to usage', () => {
+    const documentationRoute = routes[0]?.children?.find(
+      route => route.path === 'docs'
+    );
+    const indexRoute = documentationRoute?.children?.find(
+      route => route.path === ''
+    );
+
+    expect(indexRoute?.redirectTo).toBe('usage');
+    expect(indexRoute?.pathMatch).toBe('full');
+  });
 });
diff --git a/src/app/components/navigation/navigation.component.ts b/src/app/components/navigation/navigation.component.ts
index 62bf4f36a..1e356f337 100644
--- a/src/app/components/navigation/navigation.component.ts
+++ b/src/app/components/navigation/navigation.component.ts
@@ -1,5 +1,6 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { Route, Router } from '@angular/router';
+import { Component, OnDestroy, ViewEncapsulation } from '@angular/core';
+import { NavigationEnd, Route, Router } from '@angular/router';
+import { Subscription } from 'rxjs';
 import { routes as appRoutes } from 'src/app/app-routing.module';
 import { stixRoutes } from 'src/app/app-routing-stix.module';
 import { Role } from 'src/app/classes/authn/role';
@@ -17,6 +18,8 @@ interface NavigationSection {
   items: NavigationItem[];
 }
 
+type NavigationArea = 'objectLibrary' | 'dashboard' | 'documentation';
+
 @Component({
   selector: 'app-navigation',
   templateUrl: './navigation.component.html',
@@ -24,11 +27,16 @@ interface NavigationSection {
   encapsulation: ViewEncapsulation.None,
   standalone: false,
 })
-export class NavigationComponent {
-  public objectLibraryExpanded = true;
-  public dashboardExpanded = false;
+export class NavigationComponent implements OnDestroy {
+  public expandedNavigationArea: NavigationArea | null = null;
 
   private readonly groupOrder = ['core', 'cti', 'defenses', 'more'];
+  private readonly documentationOrder = [
+    'usage',
+    'collections',
+    'integrations',
+    'contributing',
+  ];
   private readonly objectLibraryExcludedPaths = new Set([
     'objects',
     'reference-manager',
@@ -36,12 +44,15 @@ export class NavigationComponent {
   ]);
   private readonly uppercaseLabels = new Set(['cti']);
   private readonly collapsedSections = new Set<string>();
+  private readonly routerEventsSubscription: Subscription;
 
   public readonly sections: NavigationSection[] = this.buildSections();
   public readonly dashboardItems: NavigationItem[] =
     this.buildDashboardItems(false);
   public readonly dashboardAdminItems: NavigationItem[] =
     this.buildDashboardItems(true);
+  public readonly documentationItems: NavigationItem[] =
+    this.buildDocumentationItems();
 
   private readonly objectLibraryPaths = [
     '/objects',
@@ -74,32 +85,38 @@ export class NavigationComponent {
     return this.isDashboardRoute(this.router.url);
   }
 
+  public get isDocumentationActive(): boolean {
+    return this.isDocumentationRoute(this.router.url);
+  }
+
   constructor(
     private authenticationService: AuthenticationService,
     private router: Router
-  ) {}
-
-  public collapseObjectLibrary(): void {
-    this.objectLibraryExpanded = false;
+  ) {
+    this.expandedNavigationArea = this.navigationAreaForUrl(this.router.url);
+    this.routerEventsSubscription = this.router.events.subscribe(event => {
+      if (event instanceof NavigationEnd) {
+        this.expandedNavigationArea = this.navigationAreaForUrl(
+          event.urlAfterRedirects
+        );
+      }
+    });
   }
 
-  public expandObjectLibrary(): void {
-    this.objectLibraryExpanded = true;
-    this.dashboardExpanded = false;
+  public ngOnDestroy(): void {
+    this.routerEventsSubscription.unsubscribe();
   }
 
-  public collapseDashboard(): void {
-    this.dashboardExpanded = false;
+  public expandNavigationArea(area: NavigationArea): void {
+    this.expandedNavigationArea = area;
   }
 
-  public expandDashboard(): void {
-    this.objectLibraryExpanded = false;
-    this.dashboardExpanded = true;
+  public collapseNavigationGroups(): void {
+    this.expandedNavigationArea = null;
   }
 
-  public collapseNavigationGroups(): void {
-    this.objectLibraryExpanded = false;
-    this.dashboardExpanded = false;
+  public isNavigationAreaExpanded(area: NavigationArea): boolean {
+    return this.expandedNavigationArea === area;
   }
 
   public isSectionOpen(section: string): boolean {
@@ -119,17 +136,35 @@ export class NavigationComponent {
   }
 
   public isObjectLibraryRoute(url: string): boolean {
-    const path = url.split('?')[0].split('#')[0];
+    const path = this.routePath(url);
     return this.objectLibraryPaths.some(
       objectPath => path === objectPath || path.startsWith(`${objectPath}/`)
     );
   }
 
   public isDashboardRoute(url: string): boolean {
-    const path = url.split('?')[0].split('#')[0];
+    const path = this.routePath(url);
     return path === '/dashboard' || path.startsWith('/dashboard/');
   }
 
+  public isDocumentationRoute(url: string): boolean {
+    const path = this.routePath(url);
+    return path === '/docs' || path.startsWith('/docs/');
+  }
+
+  private navigationAreaForUrl(url: string): NavigationArea | null {
+    const path = this.routePath(url);
+
+    if (path === '/' || this.isObjectLibraryRoute(path)) return 'objectLibrary';
+    if (this.isDashboardRoute(path)) return 'dashboard';
+    if (this.isDocumentationRoute(path)) return 'documentation';
+    return null;
+  }
+
+  private routePath(url: string): string {
+    return url.split('?')[0].split('#')[0];
+  }
+
   private buildSections(): NavigationSection[] {
     const itemsByGroup = new Map<string, NavigationItem[]>();
 
@@ -191,6 +226,26 @@ export class NavigationComponent {
     return appRoutes[0]?.children?.find(route => route.path === 'dashboard');
   }
 
+  private buildDocumentationItems(): NavigationItem[] {
+    const documentationRoute = this.documentationRoute();
+    if (!documentationRoute?.children) return [];
+
+    return this.documentationOrder
+      .map(path =>
+        documentationRoute.children?.find(route => route.path === path)
+      )
+      .filter((route): route is Route => !!route)
+      .map(route => ({
+        label: this.titleCase(route.data?.breadcrumb || (route.path as string)),
+        path: `/docs/${route.path}`,
+        exact: true,
+      }));
+  }
+
+  private documentationRoute(): Route | undefined {
+    return appRoutes[0]?.children?.find(route => route.path === 'docs');
+  }
+
   private dashboardPath(route: Route): string {
     return route.path ? `/dashboard/${route.path}` : '/dashboard';
   }

From e5686ba41d6ac2831409be059e2e777d82ada3c1 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 20 May 2026 10:34:46 -0400
Subject: [PATCH 063/190] fix(navigation): collapse restricted nav groups when
 logged out

---
 .../navigation/navigation.component.spec.ts   | 20 +++++++++++++++++++
 .../navigation/navigation.component.ts        | 14 ++++++++++++-
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/app/components/navigation/navigation.component.spec.ts b/src/app/components/navigation/navigation.component.spec.ts
index 2226e28a6..2f35ee03a 100644
--- a/src/app/components/navigation/navigation.component.spec.ts
+++ b/src/app/components/navigation/navigation.component.spec.ts
@@ -11,6 +11,7 @@ import { createMockAuthenticationService } from 'src/app/testing/mocks/authentic
 describe('NavigationComponent', () => {
   let component: NavigationComponent;
   let fixture: ComponentFixture<NavigationComponent>;
+  let authenticationService: any;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
@@ -28,6 +29,7 @@ describe('NavigationComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(NavigationComponent);
     component = fixture.componentInstance;
+    authenticationService = TestBed.inject(AuthenticationService);
     fixture.detectChanges();
   });
 
@@ -46,6 +48,8 @@ describe('NavigationComponent', () => {
   });
 
   it('should keep one parent navigation area expanded at a time', () => {
+    authenticationService.isLoggedIn = true;
+
     expect(component.isNavigationAreaExpanded('objectLibrary')).toBe(true);
 
     component.expandNavigationArea('dashboard');
@@ -64,6 +68,22 @@ describe('NavigationComponent', () => {
     expect(component.isNavigationAreaExpanded('documentation')).toBe(false);
   });
 
+  it('should collapse restricted parent navigation areas when logged out', () => {
+    expect(component.isNavigationAreaExpanded('objectLibrary')).toBe(false);
+
+    component.expandNavigationArea('objectLibrary');
+    expect(component.isNavigationAreaExpanded('objectLibrary')).toBe(false);
+
+    component.expandNavigationArea('dashboard');
+    expect(component.isNavigationAreaExpanded('dashboard')).toBe(false);
+  });
+
+  it('should allow documentation navigation to expand when logged out', () => {
+    component.expandNavigationArea('documentation');
+
+    expect(component.isNavigationAreaExpanded('documentation')).toBe(true);
+  });
+
   it('should mark object library routes as active', () => {
     expect(component.isObjectLibraryRoute('/objects')).toBe(true);
     expect(component.isObjectLibraryRoute('/technique')).toBe(true);
diff --git a/src/app/components/navigation/navigation.component.ts b/src/app/components/navigation/navigation.component.ts
index 1e356f337..865bc2b34 100644
--- a/src/app/components/navigation/navigation.component.ts
+++ b/src/app/components/navigation/navigation.component.ts
@@ -108,6 +108,11 @@ export class NavigationComponent implements OnDestroy {
   }
 
   public expandNavigationArea(area: NavigationArea): void {
+    if (!this.canDisplayNavigationArea(area)) {
+      this.expandedNavigationArea = null;
+      return;
+    }
+
     this.expandedNavigationArea = area;
   }
 
@@ -116,7 +121,10 @@ export class NavigationComponent implements OnDestroy {
   }
 
   public isNavigationAreaExpanded(area: NavigationArea): boolean {
-    return this.expandedNavigationArea === area;
+    return (
+      this.canDisplayNavigationArea(area) &&
+      this.expandedNavigationArea === area
+    );
   }
 
   public isSectionOpen(section: string): boolean {
@@ -161,6 +169,10 @@ export class NavigationComponent implements OnDestroy {
     return null;
   }
 
+  private canDisplayNavigationArea(area: NavigationArea): boolean {
+    return this.isLoggedIn || area === 'documentation';
+  }
+
   private routePath(url: string): string {
     return url.split('?')[0].split('#')[0];
   }

From 6acf7549726534ee0b754ee223a5a739e023a4a0 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Wed, 20 May 2026 23:49:46 -0400
Subject: [PATCH 064/190] test: update tests to match refactored behavior

---
 .../object-status.component.html              |  1 -
 .../object-status.component.spec.ts           | 22 ++++++++++++++++++-
 .../object-status/object-status.component.ts  |  2 +-
 .../name-property.component.spec.ts           | 11 ++++++++++
 4 files changed, 33 insertions(+), 3 deletions(-)
 delete mode 100644 src/app/components/object-status/object-status.component.html

diff --git a/src/app/components/object-status/object-status.component.html b/src/app/components/object-status/object-status.component.html
deleted file mode 100644
index c5af1d588..000000000
--- a/src/app/components/object-status/object-status.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<ng-container></ng-container>
diff --git a/src/app/components/object-status/object-status.component.spec.ts b/src/app/components/object-status/object-status.component.spec.ts
index b22918642..2e4d20b13 100644
--- a/src/app/components/object-status/object-status.component.spec.ts
+++ b/src/app/components/object-status/object-status.component.spec.ts
@@ -10,17 +10,29 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatSelectModule } from '@angular/material/select';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { ActivatedRoute } from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
 import { MtxPopoverModule } from '@ng-matero/extensions/popover';
 import { of } from 'rxjs';
 
 import { ObjectStatusComponent } from './object-status.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+  createPaginatedResponse,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('ObjectStatusComponent', () => {
   let component: ObjectStatusComponent;
   let fixture: ComponentFixture<ObjectStatusComponent>;
 
   beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+  getAllTechniques: () =>
+    createAsyncObservable(createPaginatedResponse([])),
+  getRelatedTo: () =>
+    createAsyncObservable(createPaginatedResponse([])),
+});
     await TestBed.configureTestingModule({
       declarations: [ObjectStatusComponent],
       imports: [
@@ -44,7 +56,15 @@ describe('ObjectStatusComponent', () => {
             queryParams: of({}),
           },
         },
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
         provideHttpClient(),
+        {
+          provide: Router,
+          useValue: {
+            url: '/technique/mock-stix-id?param=value',
+            events: of({}),
+          },
+        }
       ],
       schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
diff --git a/src/app/components/object-status/object-status.component.ts b/src/app/components/object-status/object-status.component.ts
index 1e2950fa1..ba89c27ab 100644
--- a/src/app/components/object-status/object-status.component.ts
+++ b/src/app/components/object-status/object-status.component.ts
@@ -11,7 +11,7 @@ import { forkJoin } from 'rxjs';
 
 @Component({
   selector: 'app-object-status',
-  templateUrl: './object-status.component.html',
+  template: '',
   encapsulation: ViewEncapsulation.None,
   standalone: false,
 })
diff --git a/src/app/components/stix/name-property/name-property.component.spec.ts b/src/app/components/stix/name-property/name-property.component.spec.ts
index 5931f8e48..bf8d0dd05 100644
--- a/src/app/components/stix/name-property/name-property.component.spec.ts
+++ b/src/app/components/stix/name-property/name-property.component.spec.ts
@@ -1,9 +1,12 @@
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
 
 import { NamePropertyComponent } from './name-property.component';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
+import { ActivatedRoute } from '@angular/router';
+import { of } from 'rxjs';
 
 describe('NamePropertyComponent', () => {
   let component: NamePropertyComponent;
@@ -16,6 +19,14 @@ describe('NamePropertyComponent', () => {
       declarations: [NamePropertyComponent],
       providers: [
         { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: ActivatedRoute,
+          useValue: {
+            params: of({}),
+            queryParams: of({}),
+          },
+        },
+        provideHttpClient(),
       ],
       schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();

From a859fb13a197fed66372eb93baa72302bc325c66 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Wed, 20 May 2026 23:50:28 -0400
Subject: [PATCH 065/190] chore: fix code identation

---
 .../object-status/object-status.component.spec.ts     | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/app/components/object-status/object-status.component.spec.ts b/src/app/components/object-status/object-status.component.spec.ts
index 2e4d20b13..38d934ca1 100644
--- a/src/app/components/object-status/object-status.component.spec.ts
+++ b/src/app/components/object-status/object-status.component.spec.ts
@@ -28,11 +28,10 @@ describe('ObjectStatusComponent', () => {
 
   beforeEach(async () => {
     const mockRestApiConnector = createMockRestApiConnector({
-  getAllTechniques: () =>
-    createAsyncObservable(createPaginatedResponse([])),
-  getRelatedTo: () =>
-    createAsyncObservable(createPaginatedResponse([])),
-});
+      getAllTechniques: () =>
+        createAsyncObservable(createPaginatedResponse([])),
+      getRelatedTo: () => createAsyncObservable(createPaginatedResponse([])),
+    });
     await TestBed.configureTestingModule({
       declarations: [ObjectStatusComponent],
       imports: [
@@ -64,7 +63,7 @@ describe('ObjectStatusComponent', () => {
             url: '/technique/mock-stix-id?param=value',
             events: of({}),
           },
-        }
+        },
       ],
       schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();

From e98c82be81643eef803173c4fcc2626c02014caa Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Wed, 20 May 2026 23:51:14 -0400
Subject: [PATCH 066/190] chore: update deprecate icon

---
 src/app/components/toolbar/toolbar.component.html | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/app/components/toolbar/toolbar.component.html b/src/app/components/toolbar/toolbar.component.html
index ffa5f7023..3b0ad9662 100644
--- a/src/app/components/toolbar/toolbar.component.html
+++ b/src/app/components/toolbar/toolbar.component.html
@@ -79,12 +79,18 @@
         mat-icon-button
         class="control"
         [matTooltip]="objectStatus?.deprecateTooltip || 'deprecate'"
-        [disabled]="editing || !objectStatus?.loaded || objectStatus?.deprecateDisabled"
+        [disabled]="
+          editing || !objectStatus?.loaded || objectStatus?.deprecateDisabled
+        "
         (click)="toggleDeprecated()">
         <mat-icon
           aria-label="deprecated-icon"
           fontSet="material-symbols-outlined"
-          >{{ objectStatus?.deprecated ? 'visibility_off' : 'visibility' }}</mat-icon
+          >{{
+            objectStatus?.deprecated
+              ? 'do_not_disturb_off'
+              : 'do_not_disturb_on'
+          }}</mat-icon
         >
       </button>
       <button
@@ -92,7 +98,9 @@
         mat-icon-button
         class="control"
         [matTooltip]="objectStatus?.revokeTooltip || 'revoke'"
-        [disabled]="editing || !objectStatus?.loaded || objectStatus?.revokeDisabled"
+        [disabled]="
+          editing || !objectStatus?.loaded || objectStatus?.revokeDisabled
+        "
         (click)="toggleRevoked()">
         <mat-icon
           aria-label="revoked-icon"

From 70b3ee160b36be6a5c9219bd1ad6ec82442a37de Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 21 May 2026 12:59:09 -0400
Subject: [PATCH 067/190] feat(header): improve account avatar trigger and menu

---
 .../components/header/header.component.html   | 25 ++++++--
 .../components/header/header.component.scss   | 58 +++++++++++++++----
 .../header/header.component.spec.ts           | 17 +++++-
 src/style/theme.scss                          | 38 ++++++++++++
 4 files changed, 119 insertions(+), 19 deletions(-)

diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
index dcf38c185..958189525 100644
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -11,19 +11,32 @@
   <ng-container *ngIf="isLoggedIn">
     <button
       class="account"
-      mat-icon-button
+      mat-button
       [matMenuTriggerFor]="accountOptions"
-      aria-label="account options">
+      [attr.aria-label]="'account options for ' + username">
       <app-user-avatar
         [name]="username"
-        [size]="48"
+        [size]="40"
         [matTooltip]="username"
         matTooltipPosition="below"></app-user-avatar>
+      <span class="account-name">{{ username }}</span>
     </button>
   </ng-container>
 
-  <mat-menu #accountOptions="matMenu" backdropClass="override-light">
-    <button mat-menu-item routerLink="/profile">view profile</button>
-    <button mat-menu-item (click)="logout()">logout</button>
+  <mat-menu
+    #accountOptions="matMenu"
+    backdropClass="override-light"
+    class="account-menu"
+    xPosition="before"
+    yPosition="below"
+    [overlapTrigger]="false">
+    <button mat-menu-item routerLink="/profile">
+      <mat-icon aria-hidden="true">person</mat-icon>
+      <span>view profile</span>
+    </button>
+    <button class="logout-menu-item" mat-menu-item (click)="logout()">
+      <mat-icon aria-hidden="true">logout</mat-icon>
+      <span>logout</span>
+    </button>
   </mat-menu>
 </mat-toolbar>
diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss
index e47f0324d..dcda145b3 100644
--- a/src/app/components/header/header.component.scss
+++ b/src/app/components/header/header.component.scss
@@ -3,22 +3,23 @@
 .header {
   height: 74px;
   padding: 0 30px 0 32px;
-  border-bottom: 1px solid rgba(colors.color(mitre-silver), 0.1);
+  border-bottom: 1px solid rgba(colors.on-color(primary), 0.1);
 
   .light & {
     background: colors.color(primary);
   }
 
   .dark & {
-    background: colors.color(primary);
+    background: colors.color(primary-dark);
+    border-bottom-color: rgba(colors.on-color(primary-dark), 0.16);
   }
 
   .mat-mdc-button:disabled {
     .light & {
-      color: colors.on-color-deemphasis(light);
+      color: colors.on-color-deemphasis(primary);
     }
     .dark & {
-      color: colors.on-color-deemphasis(dark);
+      color: colors.on-color-deemphasis(primary-dark);
     }
   }
 
@@ -32,25 +33,48 @@
     text-transform: uppercase;
 
     .light & {
-      color: colors.on-color(dark);
+      --mat-text-button-ripple-color: #{rgba(colors.on-color(primary), 0.16)};
+      --mat-text-button-state-layer-color: #{colors.on-color(primary)};
+      --mdc-text-button-label-text-color: #{colors.on-color(primary)};
+
+      color: colors.on-color(primary);
     }
+
     .dark & {
-      color: colors.on-color(light);
+      --mat-text-button-ripple-color: #{rgba(
+          colors.on-color(primary-dark),
+          0.18
+        )};
+      --mat-text-button-state-layer-color: #{colors.on-color(primary-dark)};
+      --mdc-text-button-label-text-color: #{colors.on-color(primary-dark)};
+
+      color: colors.on-color(primary-dark);
     }
   }
 
-  .mat-mdc-icon-button.account {
-    --account-avatar-size: 48px;
+  .mat-mdc-button.account {
+    --account-avatar-size: 40px;
 
     align-items: center;
     background: transparent;
+    border-radius: 999px;
     display: inline-flex;
+    gap: 8px;
     height: var(--account-avatar-size);
     justify-content: center;
-    padding: 0;
-    scale: 0.85;
+    line-height: var(--account-avatar-size);
+    min-width: 0;
+    padding: 0 8px 0 0;
+    text-transform: none;
     vertical-align: middle;
-    width: var(--account-avatar-size);
+
+    .mdc-button__label {
+      align-items: center;
+      display: inline-flex;
+      gap: 8px;
+      height: var(--account-avatar-size);
+      min-width: 0;
+    }
 
     app-user-avatar {
       display: inline-flex;
@@ -64,5 +88,17 @@
       height: 100%;
       width: 100%;
     }
+
+    .account-name {
+      align-self: center;
+      display: inline-block;
+      font-size: 16px;
+      font-weight: 700;
+      line-height: 22px;
+      max-width: 220px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
   }
 }
diff --git a/src/app/components/header/header.component.spec.ts b/src/app/components/header/header.component.spec.ts
index 5b5aa64a5..9e8f69493 100644
--- a/src/app/components/header/header.component.spec.ts
+++ b/src/app/components/header/header.component.spec.ts
@@ -8,13 +8,17 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { By } from '@angular/platform-browser';
 
 import { HeaderComponent } from './header.component';
 import { UserAvatarComponent } from '../user-avatar/user-avatar.component';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
-import { createMockAuthenticationService } from 'src/app/testing/mocks/authentication-service.mock';
+import {
+  createMockAuthenticationService,
+  createMockUserAccount,
+} from 'src/app/testing/mocks/authentication-service.mock';
 
 describe('HeaderComponent', () => {
   let component: HeaderComponent;
@@ -22,7 +26,10 @@ describe('HeaderComponent', () => {
 
   beforeEach(waitForAsync(() => {
     const mockRestApiConnector = createMockRestApiConnector({});
-    const mockAuthService = createMockAuthenticationService({});
+    const mockAuthService = createMockAuthenticationService({
+      currentUser: createMockUserAccount(),
+      isLoggedIn: true,
+    });
 
     TestBed.configureTestingModule({
       declarations: [HeaderComponent],
@@ -54,4 +61,10 @@ describe('HeaderComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should show the current user display name in the account trigger', () => {
+    const accountButton = fixture.debugElement.query(By.css('button.account'));
+
+    expect(accountButton.nativeElement.textContent).toContain('Test User');
+  });
 });
diff --git a/src/style/theme.scss b/src/style/theme.scss
index 8dfe45e91..f03876e06 100644
--- a/src/style/theme.scss
+++ b/src/style/theme.scss
@@ -185,26 +185,64 @@ $tooltip-color: colors.color-alternate(dark, 4);
     // tooltip styling
     background: $tooltip-color;
   }
+  .mat-mdc-menu-panel.account-menu {
+    min-width: 180px;
+
+    .mat-mdc-menu-item {
+      padding: 0 18px;
+
+      .mat-icon {
+        color: currentColor;
+      }
+    }
+
+    .mat-mdc-menu-item.logout-menu-item {
+      color: colors.color(error);
+
+      .mat-icon {
+        color: colors.color(error);
+      }
+    }
+  }
   &.dark .mat-mdc-menu-panel {
     background: colors.color(dark);
     color: colors.on-color(dark);
+
     .mat-mdc-menu-item:hover {
       background: colors.color-alternate(dark);
     }
+
     .mat-mdc-menu-item:disabled {
       color: colors.on-color-deemphasis(dark);
     }
   }
+  &.dark .mat-mdc-menu-panel.account-menu {
+    border: 1px solid rgba(colors.on-color(dark), 0.14);
+    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
+
+    .mat-mdc-menu-item.logout-menu-item:hover {
+      background: rgba(colors.color(error), 0.14);
+    }
+  }
   &.light .mat-mdc-menu-panel {
     background: colors.color(light);
     color: colors.on-color(light);
+
     .mat-mdc-menu-item:hover {
       background: colors.color-alternate(light);
     }
+
     .mat-mdc-menu-item:disabled {
       color: colors.on-color-deemphasis(light);
     }
   }
+  &.light .mat-mdc-menu-panel.account-menu {
+    border: 1px solid rgba(colors.on-color(light), 0.1);
+
+    .mat-mdc-menu-item.logout-menu-item:hover {
+      background: rgba(colors.color(error), 0.08);
+    }
+  }
   &.dark .mat-mdc-dialog-surface {
     background: colors.color(dark);
     color: colors.on-color(dark);

From 1c5a4472e2b707111508b1065e76e8cd5e0af093 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 21 May 2026 13:45:50 -0400
Subject: [PATCH 068/190] feat(dashboard): add knowledge base overview charts

---
 src/app/app-routing.module.ts                 |    9 +-
 .../navigation/navigation.component.spec.ts   |   24 +
 .../navigation/navigation.component.ts        |    7 +-
 .../dashboard-page.component.html             |  493 +++++++-
 .../dashboard-page.component.scss             |  642 +++++++++-
 .../dashboard-page.component.spec.ts          |  423 ++++++-
 .../dashboard-page.component.ts               | 1109 ++++++++++++++++-
 7 files changed, 2591 insertions(+), 116 deletions(-)

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 3078f903f..40da049ab 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -50,9 +50,14 @@ export const routes: Routes = [
         children: [
           {
             path: '',
+            pathMatch: 'full',
+            redirectTo: 'overview',
+          },
+          {
+            path: 'overview',
             data: {
-              breadcrumb: 'dashboard',
-              title: 'Dashboard',
+              breadcrumb: 'overview',
+              title: 'Knowledge Base Overview',
             },
             component: DashboardPageComponent,
           },
diff --git a/src/app/components/navigation/navigation.component.spec.ts b/src/app/components/navigation/navigation.component.spec.ts
index 2f35ee03a..9c2f835f2 100644
--- a/src/app/components/navigation/navigation.component.spec.ts
+++ b/src/app/components/navigation/navigation.component.spec.ts
@@ -141,6 +141,13 @@ describe('NavigationComponent', () => {
       'Teams',
       'Data Quality',
     ]);
+    expect(component.dashboardItems[0]).toEqual(
+      expect.objectContaining({
+        label: 'Overview',
+        path: '/dashboard/overview',
+        exact: true,
+      })
+    );
     expect(component.dashboardAdminItems.map(item => item.label)).toEqual([
       'Organization Settings',
       'User Accounts',
@@ -148,6 +155,23 @@ describe('NavigationComponent', () => {
     ]);
   });
 
+  it('should redirect the dashboard index to overview', () => {
+    const dashboardRoute = routes[0]?.children?.find(
+      route => route.path === 'dashboard'
+    );
+    const indexRoute = dashboardRoute?.children?.find(
+      route => route.path === ''
+    );
+    const overviewRoute = dashboardRoute?.children?.find(
+      route => route.path === 'overview'
+    );
+
+    expect(indexRoute?.redirectTo).toBe('overview');
+    expect(indexRoute?.pathMatch).toBe('full');
+    expect(overviewRoute?.data?.breadcrumb).toBe('overview');
+    expect(overviewRoute?.data?.title).toBe('Knowledge Base Overview');
+  });
+
   it('should build documentation links', () => {
     expect(component.documentationItems.map(item => item.label)).toEqual([
       'Usage',
diff --git a/src/app/components/navigation/navigation.component.ts b/src/app/components/navigation/navigation.component.ts
index 865bc2b34..dda7e6595 100644
--- a/src/app/components/navigation/navigation.component.ts
+++ b/src/app/components/navigation/navigation.component.ts
@@ -225,12 +225,9 @@ export class NavigationComponent implements OnDestroy {
       .filter(route => this.isDashboardNavigationRoute(route))
       .filter(route => this.isAdminDashboardRoute(route) === adminOnly)
       .map(route => ({
-        label:
-          route.path === ''
-            ? 'Overview'
-            : this.titleCase(route.data?.breadcrumb || (route.path as string)),
+        label: this.titleCase(route.data?.breadcrumb || (route.path as string)),
         path: this.dashboardPath(route),
-        exact: route.path === '',
+        exact: route.path === '' || route.path === 'overview',
       }));
   }
 
diff --git a/src/app/views/dashboard-page/dashboard-page.component.html b/src/app/views/dashboard-page/dashboard-page.component.html
index 6c52cd8ac..b8bf17462 100644
--- a/src/app/views/dashboard-page/dashboard-page.component.html
+++ b/src/app/views/dashboard-page/dashboard-page.component.html
@@ -1,72 +1,433 @@
-<div class="dashboard-page view-page grid spacing-20">
-  <div class="row" *ngIf="isTeamLead || isAdmin">
-    <div class="col">
-      <h1>Dashboard</h1>
+<div class="dashboard-page view-page">
+  <div class="dashboard-header">
+    <div>
+      <h1>Knowledge Base Overview</h1>
     </div>
-  </div>
-  <div class="row" *ngIf="isTeamLead || isAdmin">
-    <div class="col center">
-      <div>
-        <button
-          mat-raised-button
-          color="primary"
-          routerLink="release-management">
-          <h2>Release Management</h2>
-          <h3 class="display-icon">
-            <mat-icon>published_with_changes</mat-icon>
-          </h3>
-        </button>
-        <button mat-raised-button color="primary" routerLink="teams">
-          <h2><br />Teams</h2>
-          <h3 class="display-icon">
-            <mat-icon>groups</mat-icon>
-          </h3>
-        </button>
-        <button mat-raised-button color="primary" routerLink="data-quality">
-          <h2><br />Data Quality</h2>
-          <h3 class="display-icon">
-            <mat-icon>fact_check</mat-icon>
-          </h3>
-        </button>
-      </div>
+    <div class="dashboard-actions">
+      <mat-checkbox
+        [checked]="includeRevoked"
+        (change)="toggleRevoked($event.checked)">
+        Include revoked
+      </mat-checkbox>
+      <mat-checkbox
+        [checked]="includeDeprecated"
+        (change)="toggleDeprecated($event.checked)">
+        Include deprecated
+      </mat-checkbox>
+      <button
+        mat-icon-button
+        color="primary"
+        type="button"
+        matTooltip="Refresh dashboard"
+        aria-label="Refresh dashboard"
+        (click)="loadObjects()">
+        <mat-icon>refresh</mat-icon>
+      </button>
     </div>
   </div>
-  <div class="row" *ngIf="isAdmin">
-    <div class="col">
-      <h1>Admin Settings</h1>
-    </div>
+
+  <app-loading-overlay *ngIf="loadingObjects"></app-loading-overlay>
+
+  <div class="dashboard-error" *ngIf="loadError">
+    {{ loadError }}
   </div>
-  <div class="row" *ngIf="isAdmin">
-    <div class="col center">
-      <div>
-        <button mat-raised-button color="primary" routerLink="org-settings">
-          <h2>Organization Settings</h2>
-          <h3 class="display-icon">
-            <mat-icon>business</mat-icon>
-          </h3>
-        </button>
-
-        <button
-          mat-raised-button
-          color="primary"
-          routerLink="default-marking-definitions">
-          <h2>Default Marking Definitions</h2>
-          <h3 class="display-icon">
-            <mat-icon>bookmark</mat-icon>
-          </h3>
-        </button>
-        <button
-          mat-raised-button
-          color="primary"
-          routerLink="user-accounts"
-          [matBadge]="pendingUsers"
-          matBadgeDescription="pending users">
-          <h2>User<br />Accounts</h2>
-          <h3 class="display-icon">
-            <mat-icon>people_alt</mat-icon>
-          </h3>
-        </button>
+
+  <ng-container *ngIf="!loadingObjects && !loadError">
+    <section class="summary-grid" aria-label="Object summary">
+      <div class="summary-card total">
+        <div class="summary-label">All Objects</div>
+        <div class="summary-value">{{ formatCount(totalObjects) }}</div>
       </div>
-    </div>
-  </div>
+
+      <div
+        class="summary-card object-type"
+        *ngFor="
+          let summary of objectTypeSummary;
+          trackBy: trackObjectTypeSummary
+        "
+        [style.--summary-color]="summary.color">
+        <div class="summary-label">{{ summary.label }}</div>
+        <div class="summary-value">{{ formatCount(summary.count) }}</div>
+      </div>
+    </section>
+
+    <section class="sunburst-grid" aria-label="Knowledge base visualizations">
+      <section
+        class="sunburst-card"
+        *ngIf="sunburstSegments.length; else objectEmptyState">
+        <div class="sunburst-card-heading">
+          <h2>Objects by Domain</h2>
+          <span>{{ selectedPathLabel }}</span>
+        </div>
+
+        <div class="sunburst-card-body">
+          <div class="sunburst-panel">
+            <svg
+              class="sunburst"
+              [attr.viewBox]="sunburstViewBox"
+              role="img"
+              [attr.aria-label]="'Sunburst chart for ' + selectedPathLabel">
+              <g class="sunburst-segments">
+                <path
+                  *ngFor="let segment of sunburstSegments; trackBy: trackNode"
+                  class="sunburst-segment"
+                  [class.selected]="selectedNode?.id === segment.id"
+                  [attr.d]="segment.path"
+                  [attr.fill]="segment.color"
+                  [attr.opacity]="isSegmentDimmed(segment) ? 0.32 : 1"
+                  tabindex="0"
+                  role="button"
+                  [attr.aria-label]="segmentTooltip(segment)"
+                  (click)="selectNode(segment)"
+                  (keydown.enter)="selectNode(segment)"
+                  (keydown.space)="selectNode(segment)">
+                  <title>{{ segmentTooltip(segment) }}</title>
+                </path>
+              </g>
+              <g
+                class="sunburst-center"
+                tabindex="0"
+                role="button"
+                aria-label="Show all dashboard data"
+                (click)="selectNodeById('root')"
+                (keydown.enter)="selectNodeById('root')"
+                (keydown.space)="selectNodeById('root')">
+                <circle r="45"></circle>
+                <text y="-5">
+                  {{ selectedNode?.label || 'ATT&CK Objects' }}
+                </text>
+                <text y="17" class="sunburst-center-count">
+                  {{ formatCount(selectedNode?.value || totalAssignments) }}
+                </text>
+              </g>
+            </svg>
+          </div>
+
+          <aside class="drilldown-panel">
+            <div class="drilldown-summary">
+              <nav
+                class="breadcrumb-list"
+                aria-label="Selected object drilldown path">
+                <ng-container
+                  *ngFor="
+                    let crumb of selectedBreadcrumb;
+                    let last = last;
+                    trackBy: trackNode
+                  ">
+                  <button mat-button type="button" (click)="selectNode(crumb)">
+                    {{ crumb.label }}
+                  </button>
+                  <span class="breadcrumb-separator" *ngIf="!last">/</span>
+                </ng-container>
+              </nav>
+
+              <div class="selected-total">
+                {{ formatCount(selectedNode?.value || totalAssignments) }}
+              </div>
+            </div>
+
+            <div class="drilldown-list" *ngIf="selectedChildren.length">
+              <button
+                type="button"
+                class="drilldown-item"
+                *ngFor="let child of selectedChildren; trackBy: trackNode"
+                (click)="selectNode(child)">
+                <span class="drilldown-label">
+                  <span
+                    class="drilldown-swatch"
+                    [style.background]="child.color"></span>
+                  {{ child.label }}
+                </span>
+                <strong>{{ formatCount(child.value) }}</strong>
+              </button>
+            </div>
+          </aside>
+        </div>
+      </section>
+
+      <section
+        class="sunburst-card"
+        *ngIf="
+          relationshipSunburstSegments.length;
+          else relationshipEmptyState
+        ">
+        <div class="sunburst-card-heading">
+          <h2>Relationships by Type</h2>
+          <span>{{ selectedRelationshipPathLabel }}</span>
+        </div>
+
+        <div class="sunburst-card-body">
+          <div class="sunburst-panel">
+            <svg
+              class="sunburst"
+              [attr.viewBox]="relationshipSunburstViewBox"
+              role="img"
+              [attr.aria-label]="
+                'Relationship sunburst chart for ' +
+                selectedRelationshipPathLabel
+              ">
+              <g class="sunburst-segments">
+                <path
+                  *ngFor="
+                    let segment of relationshipSunburstSegments;
+                    trackBy: trackNode
+                  "
+                  class="sunburst-segment"
+                  [class.selected]="selectedRelationshipNode?.id === segment.id"
+                  [attr.d]="segment.path"
+                  [attr.fill]="segment.color"
+                  [attr.opacity]="
+                    isRelationshipSegmentDimmed(segment) ? 0.32 : 1
+                  "
+                  tabindex="0"
+                  role="button"
+                  [attr.aria-label]="segmentTooltip(segment)"
+                  (click)="selectRelationshipNode(segment)"
+                  (keydown.enter)="selectRelationshipNode(segment)"
+                  (keydown.space)="selectRelationshipNode(segment)">
+                  <title>{{ segmentTooltip(segment) }}</title>
+                </path>
+              </g>
+              <g
+                class="sunburst-center"
+                tabindex="0"
+                role="button"
+                aria-label="Show all relationship dashboard data"
+                (click)="selectRelationshipNodeById('relationships-root')"
+                (keydown.enter)="
+                  selectRelationshipNodeById('relationships-root')
+                "
+                (keydown.space)="
+                  selectRelationshipNodeById('relationships-root')
+                ">
+                <circle r="45"></circle>
+                <text y="-5">
+                  {{ selectedRelationshipNode?.label || 'Relationships' }}
+                </text>
+                <text y="17" class="sunburst-center-count">
+                  {{
+                    formatCount(
+                      selectedRelationshipNode?.value || totalRelationships
+                    )
+                  }}
+                </text>
+              </g>
+            </svg>
+          </div>
+
+          <aside class="drilldown-panel">
+            <div class="drilldown-summary">
+              <nav
+                class="breadcrumb-list"
+                aria-label="Selected relationship drilldown path">
+                <ng-container
+                  *ngFor="
+                    let crumb of selectedRelationshipBreadcrumb;
+                    let last = last;
+                    trackBy: trackNode
+                  ">
+                  <button
+                    mat-button
+                    type="button"
+                    (click)="selectRelationshipNode(crumb)">
+                    {{ crumb.label }}
+                  </button>
+                  <span class="breadcrumb-separator" *ngIf="!last">/</span>
+                </ng-container>
+              </nav>
+
+              <div class="selected-total">
+                {{
+                  formatCount(
+                    selectedRelationshipNode?.value || totalRelationships
+                  )
+                }}
+              </div>
+            </div>
+
+            <div
+              class="drilldown-list"
+              *ngIf="selectedRelationshipChildren.length">
+              <button
+                type="button"
+                class="drilldown-item"
+                *ngFor="
+                  let child of selectedRelationshipChildren;
+                  trackBy: trackNode
+                "
+                (click)="selectRelationshipNode(child)">
+                <span class="drilldown-label">
+                  <span
+                    class="drilldown-swatch"
+                    [style.background]="child.color"></span>
+                  {{ child.label }}
+                </span>
+                <strong>{{ formatCount(child.value) }}</strong>
+              </button>
+            </div>
+          </aside>
+        </div>
+      </section>
+    </section>
+
+    <section class="timeline-section" aria-label="Timeline dashboard charts">
+      <div class="timeline-heading">
+        <h2>Timeline Analytics</h2>
+      </div>
+
+      <div class="timeline-grid">
+        <section class="timeline-card">
+          <div class="timeline-card-heading growth-heading">
+            <div>
+              <h3>Object Growth Over Time</h3>
+              <div
+                class="domain-filter"
+                aria-label="Object growth domain filter">
+                <button
+                  type="button"
+                  [class.selected]="selectedObjectGrowthDomain === 'all'"
+                  (click)="selectObjectGrowthDomain('all')">
+                  All Domains
+                </button>
+                <button
+                  type="button"
+                  *ngFor="
+                    let option of timelineDomainOptions;
+                    trackBy: trackDomainFilter
+                  "
+                  [class.selected]="selectedObjectGrowthDomain === option.key"
+                  (click)="selectObjectGrowthDomain(option.key)">
+                  {{ option.label }}
+                </button>
+              </div>
+            </div>
+            <strong>{{ formatCount(objectGrowthTotal) }}</strong>
+          </div>
+
+          <ng-container
+            *ngIf="objectGrowthLineSeries.length; else noTimelineData">
+            <div class="timeline-chart-layout">
+              <div>
+                <svg
+                  class="timeline-chart"
+                  [attr.viewBox]="chartViewBox"
+                  role="img"
+                  aria-label="Line chart of object growth by object type">
+                  <line
+                    class="chart-grid-line"
+                    x1="30"
+                    y1="12"
+                    x2="310"
+                    y2="12" />
+                  <line
+                    class="chart-grid-line"
+                    x1="30"
+                    y1="81"
+                    x2="310"
+                    y2="81" />
+                  <line
+                    class="chart-grid-line"
+                    x1="30"
+                    y1="150"
+                    x2="310"
+                    y2="150" />
+                  <line class="chart-axis" x1="30" y1="12" x2="30" y2="150" />
+                  <line class="chart-axis" x1="30" y1="150" x2="310" y2="150" />
+                  <g
+                    class="chart-year-tick"
+                    *ngFor="let tick of objectGrowthYearTicks">
+                    <line
+                      class="chart-year-line"
+                      [attr.x1]="tick.x"
+                      y1="12"
+                      [attr.x2]="tick.x"
+                      y2="150" />
+                    <line
+                      class="chart-axis-tick"
+                      [attr.x1]="tick.x"
+                      y1="150"
+                      [attr.x2]="tick.x"
+                      y2="156" />
+                    <text
+                      class="chart-axis-label chart-year-label"
+                      [attr.x]="tick.x"
+                      y="172">
+                      {{ tick.label }}
+                    </text>
+                  </g>
+                  <text class="chart-axis-label" x="5" y="16">
+                    {{ objectGrowthYAxisLabels[0] }}
+                  </text>
+                  <text class="chart-axis-label" x="5" y="85">
+                    {{ objectGrowthYAxisLabels[1] }}
+                  </text>
+                  <text class="chart-axis-label" x="20" y="154">
+                    {{ objectGrowthYAxisLabels[2] }}
+                  </text>
+                  <polyline
+                    *ngFor="
+                      let series of objectGrowthLineSeriesForDisplay;
+                      trackBy: trackTimelineSeries
+                    "
+                    class="timeline-line"
+                    [class.selected]="isObjectGrowthSeriesSelected(series)"
+                    [class.dimmed]="isObjectGrowthSeriesDimmed(series)"
+                    fill="none"
+                    [attr.points]="series.points"
+                    [attr.stroke]="series.color"
+                    tabindex="0"
+                    role="button"
+                    [attr.aria-label]="
+                      'Highlight ' + series.label + ' timeline series'
+                    "
+                    (click)="selectObjectGrowthType(series.key)"
+                    (keydown.enter)="selectObjectGrowthType(series.key)"
+                    (keydown.space)="selectObjectGrowthType(series.key)">
+                    <title>
+                      {{ series.label }}: {{ formatCount(series.total) }}
+                    </title>
+                  </polyline>
+                </svg>
+              </div>
+
+              <div class="timeline-legend">
+                <button
+                  type="button"
+                  class="timeline-legend-item"
+                  *ngFor="
+                    let series of objectGrowthLineSeries;
+                    trackBy: trackTimelineSeries
+                  "
+                  [class.selected]="isObjectGrowthSeriesSelected(series)"
+                  [class.dimmed]="isObjectGrowthSeriesDimmed(series)"
+                  [attr.aria-pressed]="isObjectGrowthSeriesSelected(series)"
+                  [attr.aria-label]="
+                    'Highlight ' + series.label + ' timeline series'
+                  "
+                  (click)="selectObjectGrowthType(series.key)">
+                  <span
+                    class="timeline-swatch"
+                    [style.background]="series.color"></span>
+                  <span>{{ series.label }}</span>
+                  <strong>{{ formatCount(series.total) }}</strong>
+                </button>
+              </div>
+            </div>
+          </ng-container>
+        </section>
+      </div>
+    </section>
+  </ng-container>
 </div>
+
+<ng-template #objectEmptyState>
+  <div class="empty-state">No domain-scoped ATT&amp;CK objects were found.</div>
+</ng-template>
+
+<ng-template #relationshipEmptyState>
+  <div class="empty-state">No relationships were found.</div>
+</ng-template>
+
+<ng-template #noTimelineData>
+  <div class="chart-empty">No dated objects found.</div>
+</ng-template>
diff --git a/src/app/views/dashboard-page/dashboard-page.component.scss b/src/app/views/dashboard-page/dashboard-page.component.scss
index 37788dde9..cffc68beb 100644
--- a/src/app/views/dashboard-page/dashboard-page.component.scss
+++ b/src/app/views/dashboard-page/dashboard-page.component.scss
@@ -1,23 +1,639 @@
-@use '../../../style/globals';
+@use 'sass:color';
 @use '../../../style/colors';
 
 .dashboard-page {
-  .display-icon .mat-icon {
-    font-size: 48px;
-    width: 48px;
-    height: 48px;
+  width: min(1180px, 100%);
+  max-width: calc(100vw - 32px);
+
+  .dashboard-header,
+  .dashboard-actions,
+  .sunburst-card-heading,
+  .timeline-card-heading,
+  .timeline-legend,
+  .domain-filter,
+  .drilldown-label {
+    display: flex;
+    align-items: center;
+  }
+
+  .dashboard-header {
+    justify-content: space-between;
+    gap: 20px;
+    margin-bottom: 18px;
+
+    h1 {
+      margin: 0;
+      font-size: 28px;
+      line-height: 34px;
+      text-align: left;
+    }
+  }
+
+  .dashboard-actions {
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 8px 16px;
+  }
+
+  .summary-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+    gap: 12px;
+    margin-bottom: 16px;
+  }
+
+  .summary-card {
+    min-width: 0;
+    border-top: 4px solid var(--summary-color, #{colors.color(info)});
+    border-radius: 4px;
+    padding: 14px 16px 12px;
+
+    &.total {
+      border-top-color: colors.color(primary);
+    }
+
+    &.object-type {
+      border-top-color: var(--summary-color, #{colors.color(info)});
+    }
+  }
+
+  .summary-label,
+  .sunburst-card-heading span,
+  .breadcrumb-list button,
+  .breadcrumb-separator,
+  .chart-empty {
+    font-size: 13px;
+    line-height: 18px;
   }
-  button {
-    width: 225px;
-    height: fit-content !important;
-    margin: 10px;
+
+  .summary-label {
+    font-weight: 700;
+  }
+
+  .summary-value {
+    margin-top: 8px;
+    font-size: 30px;
+    font-weight: 800;
+    line-height: 34px;
+  }
+
+  .sunburst-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 16px;
+    align-items: start;
+  }
+
+  .sunburst-card {
+    min-width: 0;
+    border: 1px solid;
+    border-radius: 4px;
+    padding: 16px;
+  }
+
+  .sunburst-card-heading {
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 12px;
+    margin-bottom: 12px;
 
     h2 {
-      white-space: normal;
+      margin: 0;
+      font-size: 20px;
+      line-height: 26px;
+      text-align: left;
+    }
+
+    span {
+      min-width: 0;
+      overflow-wrap: anywhere;
+      text-align: right;
+    }
+  }
+
+  .sunburst-card-body {
+    display: grid;
+    gap: 12px;
+    align-items: start;
+  }
+
+  .sunburst-card,
+  .summary-card,
+  .empty-state,
+  .dashboard-error {
+    border: 1px solid;
+  }
+
+  .sunburst-panel {
+    display: flex;
+    justify-content: center;
+    min-width: 0;
+  }
+
+  .sunburst {
+    width: min(100%, 420px);
+    height: auto;
+    aspect-ratio: 1;
+  }
+
+  .sunburst-segment {
+    stroke: #ffffff;
+    stroke-width: 1;
+    cursor: pointer;
+    transition:
+      opacity 120ms ease,
+      filter 120ms ease,
+      stroke-width 120ms ease;
+
+    &:hover,
+    &:focus-visible,
+    &.selected {
+      filter: brightness(1.08);
+      stroke-width: 2.5;
+      outline: none;
+    }
+  }
+
+  .sunburst-center {
+    cursor: pointer;
+
+    circle {
+      stroke-width: 1;
+    }
+
+    text {
+      font-size: 11px;
+      font-weight: 700;
+      text-anchor: middle;
+      pointer-events: none;
+    }
+
+    .sunburst-center-count {
+      font-size: 15px;
+      font-weight: 800;
+    }
+  }
+
+  .drilldown-panel {
+    min-width: 0;
+  }
+
+  .drilldown-summary {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    min-width: 0;
+  }
+
+  .breadcrumb-list {
+    display: flex;
+    flex: 1 1 auto;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 2px 6px;
+    min-width: 0;
+
+    button {
+      min-width: 0;
+      height: 30px;
+      padding: 0;
+      font-weight: 700;
+    }
+  }
+
+  .breadcrumb-separator {
+    font-weight: 800;
+  }
+
+  .selected-total {
+    flex: 0 0 auto;
+    font-size: 28px;
+    font-weight: 800;
+    line-height: 34px;
+    text-align: right;
+  }
+
+  .drilldown-list {
+    display: grid;
+    gap: 8px;
+    margin-top: 12px;
+  }
+
+  .drilldown-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+    width: 100%;
+    border: 1px solid;
+    border-radius: 4px;
+    padding: 9px 10px;
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+  }
+
+  .drilldown-label {
+    min-width: 0;
+    gap: 8px;
+  }
+
+  .drilldown-swatch {
+    flex: 0 0 auto;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+  }
+
+  .timeline-section {
+    margin-top: 16px;
+  }
+
+  .timeline-heading {
+    margin-bottom: 12px;
+
+    h2 {
+      margin: 0;
+      font-size: 22px;
+      line-height: 28px;
+      text-align: left;
+    }
+  }
+
+  .timeline-grid {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 16px;
+  }
+
+  .timeline-card {
+    min-width: 0;
+    border: 1px solid;
+    border-radius: 4px;
+    padding: 16px;
+  }
+
+  .timeline-card-heading {
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 12px;
+    margin-bottom: 14px;
+
+    h3 {
+      margin: 0;
+      font-size: 18px;
+      line-height: 24px;
+      text-align: left;
+    }
+
+    strong {
+      flex: 0 0 auto;
+      font-size: 18px;
+      line-height: 24px;
+      text-align: right;
+    }
+  }
+
+  .growth-heading {
+    margin-bottom: 10px;
+  }
+
+  .timeline-chart-layout {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
+    gap: 16px;
+    align-items: start;
+  }
+
+  .domain-filter {
+    flex-wrap: wrap;
+    gap: 6px;
+    margin-top: 8px;
+
+    button {
+      border: 1px solid;
+      border-radius: 4px;
+      padding: 4px 8px;
+      font: inherit;
+      font-size: 11px;
+      line-height: 15px;
+      cursor: pointer;
+    }
+  }
+
+  .timeline-chart {
+    display: block;
+    width: 100%;
+    height: auto;
+    margin-top: 4px;
+  }
+
+  .chart-grid-line {
+    stroke-width: 0.45;
+  }
+
+  .chart-axis {
+    stroke-width: 0.6;
+  }
+
+  .chart-axis-tick {
+    stroke-width: 0.55;
+  }
+
+  .chart-axis-label {
+    font-size: 7.25px;
+    font-weight: 700;
+  }
+
+  .chart-year-line {
+    stroke-width: 0.5;
+    stroke-dasharray: 3 4;
+  }
+
+  .chart-year-label {
+    text-anchor: middle;
+  }
+
+  .timeline-line {
+    cursor: pointer;
+    opacity: 1;
+    pointer-events: stroke;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    stroke-width: 1.6;
+    transition:
+      filter 120ms ease,
+      opacity 120ms ease,
+      stroke-width 120ms ease;
+
+    &.dimmed {
+      opacity: 0.18;
+    }
+
+    &.selected,
+    &:focus-visible {
+      filter: brightness(1.08);
+      outline: none;
+      stroke-width: 2.1;
+    }
+  }
+
+  .timeline-legend {
+    display: grid;
+    gap: 8px;
+    margin-top: 4px;
+    font-size: 11px;
+    line-height: 15px;
+  }
+
+  .timeline-legend-item {
+    width: 100%;
+    border: 1px solid transparent;
+    border-radius: 4px;
+    background: transparent;
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 5px;
+    color: inherit;
+    font: inherit;
+    text-align: left;
+    cursor: pointer;
+    transition:
+      background 120ms ease,
+      border-color 120ms ease,
+      opacity 120ms ease;
+
+    &.dimmed {
+      opacity: 0.48;
+    }
+
+    &.selected {
+      font-weight: 700;
+      opacity: 1;
     }
+
+    &:focus-visible {
+      outline: 2px solid currentColor;
+      outline-offset: 2px;
+    }
+
+    strong {
+      font-weight: 800;
+      text-align: right;
+    }
+  }
+
+  .timeline-swatch {
+    flex: 0 0 auto;
+    width: 9px;
+    height: 9px;
+    border-radius: 50%;
   }
-  .mat-badge-content.mat-badge-active {
-    color: colors.on-color(pending);
-    background-color: colors.color(pending);
+
+  .chart-empty {
+    padding: 12px;
+    text-align: center;
+  }
+
+  .empty-state,
+  .dashboard-error {
+    border-radius: 4px;
+    padding: 18px 12px;
+    text-align: center;
+  }
+
+  .dashboard-error {
+    color: colors.color(error);
+  }
+
+  .light & {
+    .sunburst-card-heading span,
+    .breadcrumb-separator,
+    .chart-axis-label,
+    .chart-empty {
+      color: colors.on-color-deemphasis(light);
+    }
+
+    .sunburst-card,
+    .timeline-card,
+    .summary-card,
+    .empty-state,
+    .dashboard-error {
+      border-color: colors.border-color(light);
+      background: #ffffff;
+    }
+
+    .summary-card,
+    .drilldown-item,
+    .chart-empty {
+      background: rgba(colors.color(mitre-black), 0.025);
+    }
+
+    .chart-grid-line {
+      stroke: rgba(colors.color(mitre-black), 0.12);
+    }
+
+    .chart-year-line {
+      stroke: rgba(colors.color(mitre-black), 0.14);
+    }
+
+    .chart-axis,
+    .chart-axis-tick {
+      stroke: colors.border-color(light);
+    }
+
+    .timeline-legend-item {
+      &:hover,
+      &.selected {
+        border-color: rgba(colors.color(primary), 0.18);
+        background: color.mix(colors.color(mitre-light-blue), #ffffff, 24%);
+      }
+    }
+
+    .domain-filter button {
+      border-color: colors.border-color(light);
+      background: #ffffff;
+      color: colors.color(dark);
+
+      &.selected,
+      &:hover {
+        background: color.mix(colors.color(mitre-light-blue), #ffffff, 28%);
+      }
+    }
+
+    .sunburst-center circle {
+      fill: #ffffff;
+      stroke: colors.border-color(light);
+    }
+
+    .sunburst-center text {
+      fill: colors.color(dark);
+    }
+
+    .drilldown-item {
+      border-color: colors.border-color(light);
+      color: colors.color(dark);
+    }
+  }
+
+  .dark & {
+    .sunburst-card-heading span,
+    .breadcrumb-separator,
+    .chart-axis-label,
+    .chart-empty {
+      color: colors.on-color-deemphasis(dark);
+    }
+
+    .sunburst-card,
+    .timeline-card,
+    .summary-card,
+    .empty-state,
+    .dashboard-error {
+      border-color: colors.border-color(dark);
+      background: color.mix(colors.color(dark), #ffffff, 94%);
+    }
+
+    .summary-card,
+    .drilldown-item,
+    .chart-empty {
+      background: rgba(colors.color(mitre-silver), 0.06);
+    }
+
+    .chart-grid-line {
+      stroke: rgba(colors.color(mitre-silver), 0.12);
+    }
+
+    .chart-year-line {
+      stroke: rgba(colors.color(mitre-silver), 0.16);
+    }
+
+    .chart-axis,
+    .chart-axis-tick {
+      stroke: colors.border-color(dark);
+    }
+
+    .timeline-legend-item {
+      &:hover,
+      &.selected {
+        border-color: rgba(colors.color(mitre-light-blue), 0.28);
+        background: rgba(colors.color(mitre-light-blue), 0.14);
+      }
+    }
+
+    .domain-filter button {
+      border-color: colors.border-color(dark);
+      background: color.mix(colors.color(dark), #ffffff, 94%);
+      color: colors.color(light);
+
+      &.selected,
+      &:hover {
+        background: rgba(colors.color(mitre-light-blue), 0.16);
+      }
+    }
+
+    .sunburst-segment {
+      stroke: colors.color(dark);
+    }
+
+    .sunburst-center circle {
+      fill: colors.color(dark);
+      stroke: colors.border-color(dark);
+    }
+
+    .sunburst-center text {
+      fill: colors.color(light);
+    }
+
+    .drilldown-item {
+      border-color: colors.border-color(dark);
+      color: colors.color(light);
+    }
+  }
+
+  @media (max-width: 1080px) {
+    .sunburst-grid {
+      grid-template-columns: 1fr;
+    }
+  }
+
+  @media (max-width: 720px) {
+    max-width: calc(100vw - 20px);
+
+    .dashboard-header {
+      align-items: stretch;
+      flex-direction: column;
+    }
+
+    .dashboard-actions {
+      justify-content: flex-start;
+    }
+
+    .sunburst-card {
+      padding: 12px;
+    }
+
+    .timeline-card {
+      padding: 12px;
+    }
+
+    .timeline-chart-layout {
+      grid-template-columns: 1fr;
+    }
+
+    .sunburst-card-heading {
+      flex-direction: column;
+      align-items: flex-start;
+
+      span {
+        text-align: left;
+      }
+    }
+
+    .drilldown-summary {
+      align-items: flex-start;
+    }
   }
 }
diff --git a/src/app/views/dashboard-page/dashboard-page.component.spec.ts b/src/app/views/dashboard-page/dashboard-page.component.spec.ts
index c65f0995f..ac142d536 100644
--- a/src/app/views/dashboard-page/dashboard-page.component.spec.ts
+++ b/src/app/views/dashboard-page/dashboard-page.component.spec.ts
@@ -1,36 +1,94 @@
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { provideHttpClient } from '@angular/common/http';
+import { of } from 'rxjs';
 
 import { DashboardPageComponent } from './dashboard-page.component';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import {
-  createAsyncObservable,
-  createMockRestApiConnector,
-  createPaginatedResponse,
-} from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('DashboardPageComponent', () => {
   let component: DashboardPageComponent;
   let fixture: ComponentFixture<DashboardPageComponent>;
+  let mockRestApiConnector: any;
+
+  const attackObjects = [
+    {
+      stix: {
+        created: '2024-01-10T00:00:00.000Z',
+        id: 'attack-pattern--001',
+        modified: '2024-03-15T00:00:00.000Z',
+        type: 'attack-pattern',
+        x_mitre_domains: ['enterprise-attack'],
+      },
+    },
+    {
+      stix: {
+        created: '2024-01-10T00:00:00.000Z',
+        id: 'attack-pattern--001',
+        modified: '2025-01-15T00:00:00.000Z',
+        type: 'attack-pattern',
+        x_mitre_domains: ['enterprise-attack'],
+      },
+    },
+    {
+      stix: {
+        created: '2024-02-10T00:00:00.000Z',
+        id: 'attack-pattern--002',
+        modified: '2024-04-15T00:00:00.000Z',
+        type: 'attack-pattern',
+        x_mitre_domains: ['enterprise-attack', 'mobile-attack'],
+      },
+    },
+    {
+      stix: {
+        created: '2024-03-10T00:00:00.000Z',
+        id: 'intrusion-set--001',
+        modified: '2024-05-15T00:00:00.000Z',
+        type: 'intrusion-set',
+        x_mitre_domains: ['enterprise-attack'],
+      },
+    },
+    {
+      stix: {
+        created: '2024-02-01T00:00:00.000Z',
+        id: 'relationship--001',
+        modified: '2024-04-20T00:00:00.000Z',
+        type: 'relationship',
+        relationship_type: 'uses',
+      },
+    },
+    {
+      stix: {
+        created: '2024-02-01T00:00:00.000Z',
+        id: 'relationship--001',
+        modified: '2025-01-20T00:00:00.000Z',
+        type: 'relationship',
+        relationship_type: 'uses',
+      },
+    },
+    {
+      stix: {
+        created: '2024-04-01T00:00:00.000Z',
+        id: 'relationship--002',
+        modified: '2024-05-20T00:00:00.000Z',
+        type: 'relationship',
+        relationship_type: 'mitigates',
+      },
+    },
+  ];
 
   beforeEach(async () => {
-    const mockRestApiConnector = createMockRestApiConnector({
-      getAllUserAccounts: () =>
-        createAsyncObservable(createPaginatedResponse([])),
-    });
+    mockRestApiConnector = {
+      getAllObjects: vi.fn(() => of(attackObjects)),
+    };
 
     await TestBed.configureTestingModule({
       declarations: [DashboardPageComponent],
       providers: [
         { provide: RestApiConnectorService, useValue: mockRestApiConnector },
-        provideHttpClient(),
       ],
       schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
-  });
 
-  beforeEach(() => {
     fixture = TestBed.createComponent(DashboardPageComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
@@ -39,4 +97,343 @@ describe('DashboardPageComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should aggregate objects by object type', () => {
+    const techniques = component.objectTypeSummary.find(
+      summary => summary.typeKey === 'technique'
+    );
+    const enterprise = component.sunburstSegments.find(
+      node => node.id === 'domain:enterprise-attack'
+    );
+    const mobile = component.sunburstSegments.find(
+      node => node.id === 'domain:mobile-attack'
+    );
+
+    expect(component.totalObjects).toBe(3);
+    expect(component.totalAssignments).toBe(4);
+    expect(component.totalRelationships).toBe(2);
+    expect(techniques?.count).toBe(2);
+    expect(enterprise?.value).toBe(3);
+    expect(mobile?.value).toBe(1);
+    expect(
+      component.objectTypeSummary.some(
+        summary => summary.typeKey === 'relationship'
+      )
+    ).toBe(false);
+  });
+
+  it('should use x_mitre_domains for matrix domains', () => {
+    component.buildDashboard([
+      {
+        stix: {
+          created: '2024-01-10T00:00:00.000Z',
+          id: 'x-mitre-matrix--enterprise',
+          type: 'x-mitre-matrix',
+          x_mitre_domains: ['enterprise-attack'],
+        },
+      },
+      {
+        stix: {
+          created: '2024-01-10T00:00:00.000Z',
+          id: 'mobile-attack',
+          type: 'x-mitre-matrix',
+          x_mitre_domains: ['mobile-attack'],
+        },
+      },
+      {
+        stix: {
+          created: '2024-01-10T00:00:00.000Z',
+          id: 'x-mitre-matrix--ics',
+          type: 'x-mitre-matrix',
+          x_mitre_domains: ['ics-attack'],
+        },
+      },
+    ]);
+
+    const enterprise = component.sunburstSegments.find(
+      node => node.id === 'domain:enterprise-attack'
+    );
+    const mobile = component.sunburstSegments.find(
+      node => node.id === 'domain:mobile-attack'
+    );
+    const ics = component.sunburstSegments.find(
+      node => node.id === 'domain:ics-attack'
+    );
+    const matrixSummary = component.objectTypeSummary.find(
+      summary => summary.typeKey === 'matrix'
+    );
+
+    expect(component.totalObjects).toBe(3);
+    expect(component.totalAssignments).toBe(3);
+    expect(matrixSummary?.count).toBe(3);
+    expect(enterprise?.value).toBe(1);
+    expect(mobile?.value).toBe(1);
+    expect(ics?.value).toBe(1);
+    expect(
+      component.sunburstSegments.some(node => node.id === 'domain:no-domain')
+    ).toBe(false);
+  });
+
+  it('should summarize totals by object type across all domains', () => {
+    expect(component.objectTypeSummary.map(summary => summary.typeKey)).toEqual(
+      [
+        'matrix',
+        'tactic',
+        'technique',
+        'group',
+        'software',
+        'campaign',
+        'mitigation',
+        'asset',
+        'detection-strategy',
+        'analytic',
+        'data-component',
+      ]
+    );
+    expect(
+      component.objectTypeSummary.find(
+        summary => summary.typeKey === 'technique'
+      )
+    ).toEqual(expect.objectContaining({ label: 'Techniques', count: 2 }));
+    expect(
+      component.objectTypeSummary.find(summary => summary.typeKey === 'group')
+    ).toEqual(expect.objectContaining({ label: 'Groups', count: 1 }));
+    expect(
+      component.objectTypeSummary.find(summary => summary.typeKey === 'matrix')
+    ).toEqual(expect.objectContaining({ label: 'Matrices', count: 0 }));
+  });
+
+  it('should aggregate relationships by relationship type', () => {
+    const usesRelationships = component.relationshipSunburstSegments.find(
+      node => node.id === 'relationship-type:uses'
+    );
+    const mitigatesRelationships = component.relationshipSunburstSegments.find(
+      node => node.id === 'relationship-type:mitigates'
+    );
+
+    expect(usesRelationships?.value).toBe(1);
+    expect(mitigatesRelationships?.value).toBe(1);
+  });
+
+  it('should deduplicate object and relationship versions by stix id', () => {
+    const techniques = component.objectTypeSummary.find(
+      summary => summary.typeKey === 'technique'
+    );
+    const enterprise = component.sunburstSegments.find(
+      node => node.id === 'domain:enterprise-attack'
+    );
+    const enterpriseTechniques = component.sunburstSegments.find(
+      node => node.id === 'domain:enterprise-attack/type:technique'
+    );
+    const usesRelationships = component.relationshipSunburstSegments.find(
+      node => node.id === 'relationship-type:uses'
+    );
+    const timelineTechniques = component.objectGrowthLineSeries.find(
+      series => series.key === 'technique'
+    );
+
+    expect(component.totalObjects).toBe(3);
+    expect(component.totalRelationships).toBe(2);
+    expect(techniques?.count).toBe(2);
+    expect(enterprise?.value).toBe(3);
+    expect(enterpriseTechniques?.value).toBe(2);
+    expect(timelineTechniques?.total).toBe(2);
+    expect(usesRelationships?.value).toBe(1);
+  });
+
+  it('should build timeline chart data from dated objects', () => {
+    const techniques = component.objectGrowthLineSeries.find(
+      series => series.key === 'technique'
+    );
+    const groups = component.objectGrowthLineSeries.find(
+      series => series.key === 'group'
+    );
+
+    expect(component.objectGrowthYearTicks).toEqual([
+      expect.objectContaining({ label: '2024', x: '30.00' }),
+    ]);
+    expect(component.objectGrowthYAxisLabels).toEqual(['2', '1', '0']);
+    expect(techniques).toEqual(
+      expect.objectContaining({ label: 'Techniques', total: 2 })
+    );
+    expect(techniques?.markers).toHaveLength(3);
+    expect(groups).toEqual(
+      expect.objectContaining({ label: 'Groups', total: 1 })
+    );
+    expect(component.objectGrowthTotal).toBe(3);
+    expect(
+      component.objectGrowthLineSeries.some(
+        series => series.key === 'relationship'
+      )
+    ).toBe(false);
+
+    component.selectObjectGrowthDomain('mobile-attack');
+    expect(
+      component.objectGrowthLineSeries.map(series => [series.key, series.total])
+    ).toEqual([['technique', 1]]);
+  });
+
+  it('should render a selected timeline series above other object types', () => {
+    const techniques = component.objectGrowthLineSeries.find(
+      series => series.key === 'technique'
+    );
+    const groups = component.objectGrowthLineSeries.find(
+      series => series.key === 'group'
+    );
+
+    component.selectObjectGrowthType('technique');
+
+    const displaySeries = component.objectGrowthLineSeriesForDisplay;
+
+    expect(component.selectedObjectGrowthType).toBe('technique');
+    expect(displaySeries[displaySeries.length - 1]?.key).toBe('technique');
+    expect(component.isObjectGrowthSeriesSelected(techniques!)).toBe(true);
+    expect(component.isObjectGrowthSeriesDimmed(groups!)).toBe(true);
+
+    component.selectObjectGrowthType('technique');
+
+    expect(component.selectedObjectGrowthType).toBeUndefined();
+    expect(component.isObjectGrowthSeriesDimmed(groups!)).toBe(false);
+  });
+
+  it('should assign unique timeline colors for known object types', () => {
+    const objectTypes = [
+      ['x-mitre-matrix', 'matrix'],
+      ['x-mitre-tactic', 'tactic'],
+      ['attack-pattern', 'technique'],
+      ['intrusion-set', 'group'],
+      ['malware', 'software'],
+      ['campaign', 'campaign'],
+      ['course-of-action', 'mitigation'],
+      ['x-mitre-asset', 'asset'],
+      ['x-mitre-detection-strategy', 'detection-strategy'],
+      ['x-mitre-analytic', 'analytic'],
+      ['x-mitre-data-component', 'data-component'],
+      ['marking-definition', 'marking-definition'],
+    ];
+    component.buildDashboard(
+      objectTypes.map(([stixType], index) => ({
+        stix: {
+          created: '2024-01-10T00:00:00.000Z',
+          id: `${stixType}--${index}`,
+          type: stixType,
+          x_mitre_domains: ['enterprise-attack'],
+        },
+      }))
+    );
+
+    const colors = component.objectGrowthLineSeries.map(series => series.color);
+
+    expect(
+      component.objectGrowthLineSeries.map(series => series.key).sort()
+    ).toEqual(objectTypes.map(([, typeKey]) => typeKey).sort());
+    expect(new Set(colors).size).toBe(colors.length);
+  });
+
+  it('should exclude notes, collections, data sources, and identities from dashboard object charts', () => {
+    component.buildDashboard([
+      {
+        stix: {
+          created: '2024-01-10T00:00:00.000Z',
+          id: 'attack-pattern--tracked',
+          type: 'attack-pattern',
+          x_mitre_domains: ['enterprise-attack'],
+        },
+      },
+      {
+        stix: {
+          created: '2024-01-10T00:00:00.000Z',
+          id: 'x-mitre-collection--excluded',
+          type: 'x-mitre-collection',
+          x_mitre_domains: ['enterprise-attack'],
+        },
+      },
+      {
+        stix: {
+          created: '2024-01-10T00:00:00.000Z',
+          id: 'note--excluded',
+          type: 'note',
+          x_mitre_domains: ['enterprise-attack'],
+        },
+      },
+      {
+        stix: {
+          created: '2024-01-10T00:00:00.000Z',
+          id: 'x-mitre-data-source--excluded',
+          type: 'x-mitre-data-source',
+          x_mitre_domains: ['enterprise-attack'],
+        },
+      },
+      {
+        stix: {
+          created: '2024-01-10T00:00:00.000Z',
+          id: 'identity--excluded',
+          type: 'identity',
+          x_mitre_domains: ['enterprise-attack'],
+        },
+      },
+    ]);
+
+    const chartTypeKeys = [
+      ...component.sunburstSegments.map(segment => segment.key),
+      ...component.objectGrowthLineSeries.map(series => series.key),
+    ];
+
+    expect(component.totalObjects).toBe(1);
+    expect(component.totalAssignments).toBe(1);
+    expect(component.objectGrowthTotal).toBe(1);
+    expect(chartTypeKeys).not.toContain('collection');
+    expect(chartTypeKeys).not.toContain('note');
+    expect(chartTypeKeys).not.toContain('data-source');
+    expect(chartTypeKeys).not.toContain('identity');
+  });
+
+  it('should use the same object type colors in the sunburst and timeline', () => {
+    const timelineTechnique = component.objectGrowthLineSeries.find(
+      series => series.key === 'technique'
+    );
+    const enterpriseTechnique = component.sunburstSegments.find(
+      node => node.id === 'domain:enterprise-attack/type:technique'
+    );
+    const mobileTechnique = component.sunburstSegments.find(
+      node => node.id === 'domain:mobile-attack/type:technique'
+    );
+
+    expect(enterpriseTechnique?.color).toBe(timelineTechnique?.color);
+    expect(mobileTechnique?.color).toBe(timelineTechnique?.color);
+  });
+
+  it('should drill into domain and type without status nodes', () => {
+    component.selectNodeById('domain:enterprise-attack');
+
+    expect(component.selectedPathLabel).toBe('ATT&CK Objects / Enterprise');
+    expect(component.selectedChildren.map(child => child.label)).toEqual([
+      'Techniques',
+      'Groups',
+    ]);
+
+    component.selectNodeById('domain:enterprise-attack/type:technique');
+
+    expect(component.selectedPathLabel).toBe(
+      'ATT&CK Objects / Enterprise / Techniques'
+    );
+    expect(component.selectedChildren).toEqual([]);
+    expect(
+      component.sunburstSegments.some(node => node.id.includes('/status:'))
+    ).toBe(false);
+  });
+
+  it('should drill into a selected relationship type without status nodes', () => {
+    component.selectRelationshipNodeById('relationship-type:uses');
+
+    expect(component.selectedRelationshipPathLabel).toBe(
+      'Relationships / Uses'
+    );
+    expect(component.selectedRelationshipChildren).toEqual([]);
+    expect(
+      component.relationshipSunburstSegments.some(node =>
+        node.id.includes('/status:')
+      )
+    ).toBe(false);
+  });
 });
diff --git a/src/app/views/dashboard-page/dashboard-page.component.ts b/src/app/views/dashboard-page/dashboard-page.component.ts
index f49d7ea5c..dd853f611 100644
--- a/src/app/views/dashboard-page/dashboard-page.component.ts
+++ b/src/app/views/dashboard-page/dashboard-page.component.ts
@@ -1,7 +1,171 @@
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { finalize, take } from 'rxjs/operators';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
-import { Role } from 'src/app/classes/authn/role';
+import {
+  AttackTypeToPlural,
+  StixTypeToAttackType,
+} from 'src/app/utils/type-mappings';
+import { AttackType, StixType } from 'src/app/utils/types';
+
+type DashboardLevel = 'root' | 'domain' | 'type' | 'relationship-type';
+
+interface RawAttackObject {
+  stix?: {
+    created?: string;
+    id?: string;
+    modified?: string;
+    type?: string | StixType;
+    relationship_type?: string;
+    x_mitre_domains?: string[];
+  };
+}
+
+interface DashboardNode {
+  id: string;
+  key: string;
+  label: string;
+  value: number;
+  level: DashboardLevel;
+  depth: number;
+  children: DashboardNode[];
+  parent?: DashboardNode;
+  path?: string;
+  color?: string;
+  startAngle?: number;
+  endAngle?: number;
+  innerRadius?: number;
+  outerRadius?: number;
+}
+
+interface ObjectTypeSummary {
+  typeKey: AttackType;
+  label: string;
+  count: number;
+  color: string;
+}
+
+interface DomainFilterOption {
+  key: string;
+  label: string;
+}
+
+interface TimelineObject {
+  typeKey: AttackType;
+  domains: string[];
+  created?: Date;
+}
+
+interface DashboardObjectRecord {
+  object: RawAttackObject;
+  typeKey: AttackType;
+  created?: Date;
+}
+
+interface TimelineBucket {
+  key: string;
+  objects: TimelineObject[];
+}
+
+interface TimelineSeries {
+  key: string;
+  label: string;
+  color: string;
+  points?: string;
+  markers: TimelineMarker[];
+  total: number;
+}
+
+interface TimelineMarker {
+  x: string;
+  y: string;
+  count: number;
+}
+
+interface TimelineAxisTick {
+  x: string;
+  label: string;
+}
+
+const NO_DOMAIN_KEY = 'no-domain';
+const NO_RELATIONSHIP_TYPE_KEY = 'unspecified';
+const ROOT_ID = 'root';
+const RELATIONSHIP_ROOT_ID = 'relationships-root';
+const CHART_VIEW_BOX = '0 0 320 180';
+const OBJECT_SUNBURST_ROOT_LABEL = 'ATT&CK Objects';
+const RELATIONSHIP_SUNBURST_ROOT_LABEL = 'Relationships';
+const RING_INNER_RADIUS = 50;
+const RING_WIDTH = 56;
+const RING_GAP = 1.5;
+
+const CHART_PLOT = {
+  left: 30,
+  right: 10,
+  top: 12,
+  bottom: 30,
+};
+
+const DOMAIN_LABELS: Record<string, string> = {
+  'enterprise-attack': 'Enterprise',
+  'mobile-attack': 'Mobile',
+  'ics-attack': 'ICS',
+  [NO_DOMAIN_KEY]: 'No Domain',
+};
+
+const DOMAIN_PALETTE = [
+  '#005b94',
+  '#599e2f',
+  '#eb6635',
+  '#6d5bd0',
+  '#00838f',
+  '#b26a00',
+  '#455a64',
+];
+
+const RELATIONSHIP_TYPE_PALETTE = [
+  '#6d5bd0',
+  '#00838f',
+  '#b26a00',
+  '#005b94',
+  '#599e2f',
+  '#eb6635',
+  '#455a64',
+];
+
+const OBJECT_TYPE_PALETTE: Partial<Record<AttackType, string>> = {
+  'matrix': '#0072b2',
+  'tactic': '#d55e00',
+  'technique': '#009e73',
+  'group': '#aa4499',
+  'software': '#e69f00',
+  'campaign': '#56b4e9',
+  'mitigation': '#882255',
+  'asset': '#332288',
+  'detection-strategy': '#44aa99',
+  'analytic': '#cc6677',
+  'data-component': '#999933',
+  'marking-definition': '#6699cc',
+};
+
+const EXCLUDED_ATTACK_TYPES = new Set<AttackType>([
+  'collection',
+  'note',
+  'data-source',
+  'identity',
+]);
+
+const SUMMARY_OBJECT_TYPES: AttackType[] = [
+  'matrix',
+  'tactic',
+  'technique',
+  'group',
+  'software',
+  'campaign',
+  'mitigation',
+  'asset',
+  'detection-strategy',
+  'analytic',
+  'data-component',
+];
 
 @Component({
   selector: 'app-dashboard-page',
@@ -11,30 +175,941 @@ import { Role } from 'src/app/classes/authn/role';
   standalone: false,
 })
 export class DashboardPageComponent implements OnInit {
-  public pendingUsers;
+  public loadingObjects = false;
+  public loadError?: string;
+  public includeRevoked = false;
+  public includeDeprecated = false;
+
+  public totalObjects = 0;
+  public totalAssignments = 0;
+  public totalRelationships = 0;
+  public objectTypeSummary: ObjectTypeSummary[] = [];
+  public objectGrowthLineSeries: TimelineSeries[] = [];
+  public objectGrowthYearTicks: TimelineAxisTick[] = [];
+  public objectGrowthYAxisLabels: string[] = [];
+  public timelineDomainOptions: DomainFilterOption[] = [];
+  public selectedObjectGrowthDomain = 'all';
+  public selectedObjectGrowthType?: string;
+  public readonly chartViewBox = CHART_VIEW_BOX;
+  public sunburstSegments: DashboardNode[] = [];
+  public selectedNode?: DashboardNode;
+  public selectedBreadcrumb: DashboardNode[] = [];
+  public selectedChildren: DashboardNode[] = [];
+  public selectedPathLabel = OBJECT_SUNBURST_ROOT_LABEL;
+  public selectedNodeIds = new Set<string>();
+  public sunburstViewBox = '-164 -164 328 328';
+
+  public relationshipSunburstSegments: DashboardNode[] = [];
+  public selectedRelationshipNode?: DashboardNode;
+  public selectedRelationshipBreadcrumb: DashboardNode[] = [];
+  public selectedRelationshipChildren: DashboardNode[] = [];
+  public selectedRelationshipPathLabel = RELATIONSHIP_SUNBURST_ROOT_LABEL;
+  public selectedRelationshipNodeIds = new Set<string>();
+  public relationshipSunburstViewBox = '-108 -108 216 216';
+
+  private readonly nodeById = new Map<string, DashboardNode>();
+  private readonly relationshipNodeById = new Map<string, DashboardNode>();
+  private timelineObjects: TimelineObject[] = [];
+  private rootNode?: DashboardNode;
+  private relationshipRootNode?: DashboardNode;
 
-  constructor(
-    private restApiConnector: RestApiConnectorService,
-    private authenticationService: AuthenticationService
-  ) {}
+  constructor(private restApiConnector: RestApiConnectorService) {}
 
   ngOnInit(): void {
-    const userSubscription = this.restApiConnector
-      .getAllUserAccounts({ status: ['pending'] })
+    this.loadObjects();
+  }
+
+  public loadObjects(): void {
+    this.loadingObjects = true;
+    this.loadError = undefined;
+
+    this.restApiConnector
+      .getAllObjects({
+        revoked: this.includeRevoked,
+        deprecated: this.includeDeprecated,
+      })
+      .pipe(
+        take(1),
+        finalize(() => {
+          this.loadingObjects = false;
+        })
+      )
       .subscribe({
-        next: results => {
-          const users = results as any;
-          if (users && users.length) this.pendingUsers = users.length;
+        next: response => {
+          this.buildDashboard(this.unwrapObjects(response));
         },
-        complete: () => userSubscription.unsubscribe(),
+        error: () => {
+          this.loadError = 'Unable to load knowledge base dashboard data.';
+          this.resetDashboard();
+        },
+      });
+  }
+
+  public toggleRevoked(includeRevoked: boolean): void {
+    this.includeRevoked = includeRevoked;
+    this.loadObjects();
+  }
+
+  public toggleDeprecated(includeDeprecated: boolean): void {
+    this.includeDeprecated = includeDeprecated;
+    this.loadObjects();
+  }
+
+  public buildDashboard(objects: RawAttackObject[]): void {
+    const aggregates = new Map<string, Map<AttackType, number>>();
+    const objectTypeAggregates = new Map<AttackType, number>();
+    const relationshipAggregates = new Map<string, number>();
+    const timelineObjects: TimelineObject[] = [];
+    let assignmentCount = 0;
+    const {
+      objectRecords,
+      relationshipRecords,
+      totalObjects,
+      totalRelationships,
+    } = this.deduplicateObjectsByStixId(objects);
+
+    for (const record of relationshipRecords) {
+      this.incrementCount(
+        relationshipAggregates,
+        this.relationshipTypeForObject(record.object)
+      );
+    }
+
+    for (const record of objectRecords) {
+      this.incrementCount(objectTypeAggregates, record.typeKey);
+
+      const domains = this.domainsForObject(record.object);
+      timelineObjects.push(this.timelineObjectForObject(record, domains));
+      for (const domain of domains) {
+        this.incrementAggregate(aggregates, domain, record.typeKey);
+        assignmentCount += 1;
+      }
+    }
+
+    this.totalObjects = totalObjects;
+    this.totalAssignments = assignmentCount;
+    this.totalRelationships = totalRelationships;
+    this.objectTypeSummary = this.buildObjectTypeSummary(objectTypeAggregates);
+    this.timelineObjects = timelineObjects;
+    this.timelineDomainOptions = this.buildTimelineDomainOptions(aggregates);
+    if (
+      this.selectedObjectGrowthDomain !== 'all' &&
+      !this.timelineDomainOptions.some(
+        option => option.key === this.selectedObjectGrowthDomain
+      )
+    ) {
+      this.selectedObjectGrowthDomain = 'all';
+    }
+    this.objectGrowthLineSeries = this.buildObjectGrowthLineSeries(
+      this.timelineObjects,
+      this.selectedObjectGrowthDomain
+    );
+    this.ensureSelectedObjectGrowthTypeIsAvailable();
+    this.rootNode = this.buildSunburstTree(aggregates);
+    this.layoutSunburst(this.rootNode);
+    this.nodeById.clear();
+    this.indexNodes(this.rootNode);
+    this.sunburstSegments = this.flattenNodes(this.rootNode).filter(
+      node => node.level !== 'root'
+    );
+    this.sunburstViewBox = this.sunburstViewBoxForSegments(
+      this.sunburstSegments
+    );
+    this.selectNode(this.rootNode);
+
+    this.relationshipRootNode = this.buildRelationshipSunburstTree(
+      relationshipAggregates
+    );
+    this.layoutSunburst(this.relationshipRootNode);
+    this.relationshipNodeById.clear();
+    this.indexNodes(this.relationshipRootNode, this.relationshipNodeById);
+    this.relationshipSunburstSegments = this.flattenNodes(
+      this.relationshipRootNode
+    ).filter(node => node.level !== 'root');
+    this.relationshipSunburstViewBox = this.sunburstViewBoxForSegments(
+      this.relationshipSunburstSegments
+    );
+    this.selectRelationshipNode(this.relationshipRootNode);
+  }
+
+  public selectNode(node?: DashboardNode): void {
+    if (!node) return;
+    this.selectedNode = node;
+    this.selectedBreadcrumb = this.buildBreadcrumb(node);
+    this.selectedChildren = [...node.children].sort(
+      (a, b) => b.value - a.value
+    );
+    this.selectedPathLabel = this.selectedBreadcrumb
+      .map(crumb => crumb.label)
+      .join(' / ');
+    this.selectedNodeIds = this.buildSelectedNodeSet(node);
+  }
+
+  public selectNodeById(id: string): void {
+    this.selectNode(this.nodeById.get(id));
+  }
+
+  public selectRelationshipNode(node?: DashboardNode): void {
+    if (!node) return;
+    this.selectedRelationshipNode = node;
+    this.selectedRelationshipBreadcrumb = this.buildBreadcrumb(node);
+    this.selectedRelationshipChildren = [...node.children].sort(
+      (a, b) => b.value - a.value
+    );
+    this.selectedRelationshipPathLabel = this.selectedRelationshipBreadcrumb
+      .map(crumb => crumb.label)
+      .join(' / ');
+    this.selectedRelationshipNodeIds = this.buildSelectedNodeSet(node);
+  }
+
+  public selectRelationshipNodeById(id: string): void {
+    this.selectRelationshipNode(this.relationshipNodeById.get(id));
+  }
+
+  public isSegmentDimmed(segment: DashboardNode): boolean {
+    return (
+      this.selectedNode?.level !== 'root' &&
+      !this.selectedNodeIds.has(segment.id)
+    );
+  }
+
+  public isRelationshipSegmentDimmed(segment: DashboardNode): boolean {
+    return (
+      this.selectedRelationshipNode?.level !== 'root' &&
+      !this.selectedRelationshipNodeIds.has(segment.id)
+    );
+  }
+
+  public formatCount(count: number): string {
+    return count.toLocaleString();
+  }
+
+  public segmentTooltip(segment: DashboardNode): string {
+    return `${this.buildBreadcrumb(segment)
+      .map(crumb => crumb.label)
+      .join(' / ')}: ${this.formatCount(segment.value)}`;
+  }
+
+  public trackNode(_index: number, node: DashboardNode): string {
+    return node.id;
+  }
+
+  public trackObjectTypeSummary(
+    _index: number,
+    summary: ObjectTypeSummary
+  ): string {
+    return summary.typeKey;
+  }
+
+  public trackTimelineSeries(_index: number, series: TimelineSeries): string {
+    return series.key;
+  }
+
+  public trackDomainFilter(_index: number, option: DomainFilterOption): string {
+    return option.key;
+  }
+
+  public get objectGrowthTotal(): number {
+    return this.objectGrowthLineSeries.reduce(
+      (sum, series) => sum + series.total,
+      0
+    );
+  }
+
+  public get objectGrowthLineSeriesForDisplay(): TimelineSeries[] {
+    if (!this.selectedObjectGrowthType) return this.objectGrowthLineSeries;
+    const selectedSeries = this.objectGrowthLineSeries.find(
+      series => series.key === this.selectedObjectGrowthType
+    );
+    if (!selectedSeries) return this.objectGrowthLineSeries;
+    return [
+      ...this.objectGrowthLineSeries.filter(
+        series => series.key !== this.selectedObjectGrowthType
+      ),
+      selectedSeries,
+    ];
+  }
+
+  public selectObjectGrowthDomain(domainKey: string): void {
+    this.selectedObjectGrowthDomain = domainKey;
+    this.objectGrowthLineSeries = this.buildObjectGrowthLineSeries(
+      this.timelineObjects,
+      domainKey
+    );
+    this.ensureSelectedObjectGrowthTypeIsAvailable();
+  }
+
+  public selectObjectGrowthType(typeKey: string): void {
+    this.selectedObjectGrowthType =
+      this.selectedObjectGrowthType === typeKey ? undefined : typeKey;
+  }
+
+  public isObjectGrowthSeriesSelected(series: TimelineSeries): boolean {
+    return this.selectedObjectGrowthType === series.key;
+  }
+
+  public isObjectGrowthSeriesDimmed(series: TimelineSeries): boolean {
+    return (
+      !!this.selectedObjectGrowthType &&
+      this.selectedObjectGrowthType !== series.key
+    );
+  }
+
+  private resetDashboard(): void {
+    this.totalObjects = 0;
+    this.totalAssignments = 0;
+    this.totalRelationships = 0;
+    this.objectTypeSummary = [];
+    this.objectGrowthLineSeries = [];
+    this.objectGrowthYearTicks = [];
+    this.objectGrowthYAxisLabels = [];
+    this.timelineDomainOptions = [];
+    this.selectedObjectGrowthDomain = 'all';
+    this.selectedObjectGrowthType = undefined;
+    this.timelineObjects = [];
+    this.sunburstSegments = [];
+    this.rootNode = this.createNode(
+      ROOT_ID,
+      'root',
+      OBJECT_SUNBURST_ROOT_LABEL
+    );
+    this.selectedNode = this.rootNode;
+    this.selectedBreadcrumb = [this.rootNode];
+    this.selectedChildren = [];
+    this.selectedPathLabel = OBJECT_SUNBURST_ROOT_LABEL;
+    this.selectedNodeIds = new Set([ROOT_ID]);
+    this.sunburstViewBox = this.sunburstViewBoxForSegments([]);
+    this.relationshipSunburstSegments = [];
+    this.relationshipRootNode = this.createNode(
+      RELATIONSHIP_ROOT_ID,
+      'root',
+      RELATIONSHIP_SUNBURST_ROOT_LABEL
+    );
+    this.selectedRelationshipNode = this.relationshipRootNode;
+    this.selectedRelationshipBreadcrumb = [this.relationshipRootNode];
+    this.selectedRelationshipChildren = [];
+    this.selectedRelationshipPathLabel = RELATIONSHIP_SUNBURST_ROOT_LABEL;
+    this.selectedRelationshipNodeIds = new Set([RELATIONSHIP_ROOT_ID]);
+    this.relationshipSunburstViewBox = this.sunburstViewBoxForSegments([]);
+  }
+
+  private unwrapObjects(response: any): RawAttackObject[] {
+    if (Array.isArray(response)) return response;
+    if (Array.isArray(response?.data)) return response.data;
+    return [];
+  }
+
+  private objectTypeKey(object: RawAttackObject): AttackType | undefined {
+    const stixType = object?.stix?.type;
+    if (!stixType) return undefined;
+    if (!(stixType in StixTypeToAttackType)) return undefined;
+
+    const attackType = StixTypeToAttackType[stixType as StixType];
+    if (EXCLUDED_ATTACK_TYPES.has(attackType)) return undefined;
+    return attackType;
+  }
+
+  private domainsForObject(object: RawAttackObject): string[] {
+    const domains = object?.stix?.x_mitre_domains;
+    if (!domains?.length) return [NO_DOMAIN_KEY];
+    return [...new Set(domains.filter(domain => !!domain))];
+  }
+
+  private relationshipTypeForObject(object: RawAttackObject): string {
+    return object?.stix?.relationship_type || NO_RELATIONSHIP_TYPE_KEY;
+  }
+
+  private timelineObjectForObject(
+    record: DashboardObjectRecord,
+    domains: string[]
+  ): TimelineObject {
+    return {
+      typeKey: record.typeKey,
+      domains,
+      created: record.created,
+    };
+  }
+
+  private deduplicateObjectsByStixId(objects: RawAttackObject[]): {
+    objectRecords: DashboardObjectRecord[];
+    relationshipRecords: DashboardObjectRecord[];
+    totalObjects: number;
+    totalRelationships: number;
+  } {
+    const objectRecordsById = new Map<string, DashboardObjectRecord>();
+    const relationshipRecordsById = new Map<string, DashboardObjectRecord>();
+    const fallbackObjectRecords: DashboardObjectRecord[] = [];
+    const fallbackRelationshipRecords: DashboardObjectRecord[] = [];
+
+    for (const object of objects) {
+      const typeKey = this.objectTypeKey(object);
+      if (!typeKey) continue;
+
+      const record = this.dashboardObjectRecord(object, typeKey);
+      const stixId = object?.stix?.id;
+      if (!stixId) {
+        if (typeKey === 'relationship')
+          fallbackRelationshipRecords.push(record);
+        else fallbackObjectRecords.push(record);
+        continue;
+      }
+
+      const records =
+        typeKey === 'relationship'
+          ? relationshipRecordsById
+          : objectRecordsById;
+      const existing = records.get(stixId);
+      if (!existing) {
+        records.set(stixId, record);
+        continue;
+      }
+
+      if (this.isNewerVersion(record.object, existing.object)) {
+        existing.object = record.object;
+        existing.typeKey = record.typeKey;
+      }
+      if (
+        record.created &&
+        (!existing.created || record.created < existing.created)
+      ) {
+        existing.created = record.created;
+      }
+    }
+
+    return {
+      objectRecords: [
+        ...Array.from(objectRecordsById.values()),
+        ...fallbackObjectRecords,
+      ],
+      relationshipRecords: [
+        ...Array.from(relationshipRecordsById.values()),
+        ...fallbackRelationshipRecords,
+      ],
+      totalObjects: objectRecordsById.size + fallbackObjectRecords.length,
+      totalRelationships:
+        relationshipRecordsById.size + fallbackRelationshipRecords.length,
+    };
+  }
+
+  private dashboardObjectRecord(
+    object: RawAttackObject,
+    typeKey: AttackType
+  ): DashboardObjectRecord {
+    return {
+      object,
+      typeKey,
+      created: this.parseDate(object?.stix?.created),
+    };
+  }
+
+  private isNewerVersion(
+    candidate: RawAttackObject,
+    current: RawAttackObject
+  ): boolean {
+    const candidateDate =
+      this.parseDate(candidate?.stix?.modified) ||
+      this.parseDate(candidate?.stix?.created);
+    const currentDate =
+      this.parseDate(current?.stix?.modified) ||
+      this.parseDate(current?.stix?.created);
+    if (!candidateDate) return false;
+    if (!currentDate) return true;
+    return candidateDate > currentDate;
+  }
+
+  private parseDate(value?: string): Date | undefined {
+    if (!value) return undefined;
+    const date = new Date(value);
+    return Number.isNaN(date.getTime()) ? undefined : date;
+  }
+
+  private incrementAggregate(
+    aggregates: Map<string, Map<AttackType, number>>,
+    domainKey: string,
+    typeKey: AttackType
+  ): void {
+    let typeMap = aggregates.get(domainKey);
+    if (!typeMap) {
+      typeMap = new Map();
+      aggregates.set(domainKey, typeMap);
+    }
+    typeMap.set(typeKey, (typeMap.get(typeKey) || 0) + 1);
+  }
+
+  private incrementCount<TKey>(aggregates: Map<TKey, number>, key: TKey): void {
+    aggregates.set(key, (aggregates.get(key) || 0) + 1);
+  }
+
+  private buildObjectTypeSummary(
+    aggregates: Map<AttackType, number>
+  ): ObjectTypeSummary[] {
+    return SUMMARY_OBJECT_TYPES.map(typeKey => ({
+      typeKey,
+      label: this.objectTypeLabel(typeKey),
+      count: aggregates.get(typeKey) || 0,
+      color: this.colorForObjectType(typeKey),
+    }));
+  }
+
+  private buildTimelineDomainOptions(
+    aggregates: Map<string, Map<AttackType, number>>
+  ): DomainFilterOption[] {
+    return Array.from(aggregates.keys())
+      .filter(domainKey => domainKey !== NO_DOMAIN_KEY)
+      .map(domainKey => ({
+        key: domainKey,
+        label: this.domainLabel(domainKey),
+      }))
+      .sort((a, b) => a.label.localeCompare(b.label));
+  }
+
+  private buildObjectGrowthLineSeries(
+    objects: TimelineObject[],
+    domainKey: string
+  ): TimelineSeries[] {
+    const filteredObjects = objects.filter(object => {
+      if (domainKey === 'all') return true;
+      return object.domains.includes(domainKey);
+    });
+    const buckets = this.buildMonthlyBuckets(
+      filteredObjects,
+      object => object.created,
+      true
+    );
+    if (!buckets.length) {
+      this.objectGrowthYearTicks = [];
+      this.objectGrowthYAxisLabels = [];
+      return [];
+    }
+    this.objectGrowthYearTicks = this.timelineYearTicksForBuckets(buckets);
+
+    const objectsWithMonth = filteredObjects
+      .map(object => ({
+        ...object,
+        monthKey: this.monthKey(object.created),
+      }))
+      .filter(
+        (object): object is TimelineObject & { monthKey: string } =>
+          !!object.monthKey
+      );
+    const seriesKeys = Array.from(
+      new Set(objectsWithMonth.map(object => object.typeKey))
+    );
+    const seriesCounts = new Map<AttackType, number[]>();
+    let maxCount = 0;
+
+    for (const typeKey of seriesKeys) {
+      const counts = buckets.map(bucket => {
+        return objectsWithMonth.filter(
+          object => object.typeKey === typeKey && object.monthKey <= bucket.key
+        ).length;
+      });
+      seriesCounts.set(typeKey, counts);
+      maxCount = Math.max(maxCount, ...counts);
+    }
+    this.objectGrowthYAxisLabels = [
+      this.formatCount(maxCount),
+      this.formatCount(Math.ceil(maxCount / 2)),
+      '0',
+    ];
+
+    return seriesKeys
+      .map((typeKey, index) => {
+        const counts = seriesCounts.get(typeKey) || [];
+        const total = counts[counts.length - 1] || 0;
+        const markers = counts.map((count, countIndex) => ({
+          x: this.chartX(countIndex, buckets.length),
+          y: this.chartY(count, maxCount),
+          count,
+        }));
+        const points = markers
+          .map(marker => `${marker.x},${marker.y}`)
+          .join(' ');
+
+        return {
+          key: typeKey,
+          label: this.objectTypeLabel(typeKey),
+          color: this.colorForObjectType(typeKey, index),
+          points,
+          markers,
+          total,
+        };
+      })
+      .filter(series => series.total > 0)
+      .sort((a, b) => {
+        const totalSort = b.total - a.total;
+        if (totalSort !== 0) return totalSort;
+        return a.label.localeCompare(b.label);
       });
   }
 
-  public get isAdmin(): boolean {
-    return this.authenticationService.isAuthorized([Role.ADMIN]);
+  private buildMonthlyBuckets(
+    objects: TimelineObject[],
+    dateForObject: (object: TimelineObject) => Date | undefined,
+    fillGaps: boolean
+  ): TimelineBucket[] {
+    const objectsWithDate = objects
+      .map(object => ({ object, date: dateForObject(object) }))
+      .filter(
+        (entry): entry is { object: TimelineObject; date: Date } => !!entry.date
+      );
+    if (!objectsWithDate.length) return [];
+
+    const monthKeys = Array.from(
+      new Set(objectsWithDate.map(entry => this.monthKey(entry.date)))
+    ).sort();
+    const bucketKeys = fillGaps
+      ? this.monthRange(monthKeys[0], monthKeys[monthKeys.length - 1])
+      : monthKeys;
+
+    return bucketKeys.map(key => ({
+      key,
+      objects: objectsWithDate
+        .filter(entry => this.monthKey(entry.date) === key)
+        .map(entry => entry.object),
+    }));
+  }
+
+  private timelineYearTicksForBuckets(
+    buckets: TimelineBucket[]
+  ): TimelineAxisTick[] {
+    const ticks: TimelineAxisTick[] = [];
+    let previousYear: string | undefined;
+
+    buckets.forEach((bucket, index) => {
+      const year = bucket.key.slice(0, 4);
+      if (year === previousYear) return;
+      ticks.push({
+        x: this.chartX(index, buckets.length),
+        label: year,
+      });
+      previousYear = year;
+    });
+
+    return ticks;
+  }
+
+  private chartX(index: number, totalPoints: number): string {
+    const width = 320 - CHART_PLOT.left - CHART_PLOT.right;
+    if (totalPoints <= 1) {
+      return (CHART_PLOT.left + width / 2).toFixed(2);
+    }
+    return (CHART_PLOT.left + (index / (totalPoints - 1)) * width).toFixed(2);
+  }
+
+  private chartY(value: number, maxValue: number): string {
+    const height = 180 - CHART_PLOT.top - CHART_PLOT.bottom;
+    const ratio = maxValue > 0 ? value / maxValue : 0;
+    return (CHART_PLOT.top + (1 - ratio) * height).toFixed(2);
+  }
+
+  private colorForObjectType(typeKey: string, index = 0): string {
+    const objectTypeColor = OBJECT_TYPE_PALETTE[typeKey as AttackType];
+    if (objectTypeColor) return objectTypeColor;
+    return RELATIONSHIP_TYPE_PALETTE[index % RELATIONSHIP_TYPE_PALETTE.length];
+  }
+
+  private ensureSelectedObjectGrowthTypeIsAvailable(): void {
+    if (
+      this.selectedObjectGrowthType &&
+      !this.objectGrowthLineSeries.some(
+        series => series.key === this.selectedObjectGrowthType
+      )
+    ) {
+      this.selectedObjectGrowthType = undefined;
+    }
+  }
+
+  private monthKey(date?: Date): string | undefined {
+    if (!date) return undefined;
+    return `${date.getUTCFullYear()}-${String(date.getUTCMonth() + 1).padStart(
+      2,
+      '0'
+    )}`;
+  }
+
+  private monthDate(key: string): Date {
+    const [year, month] = key.split('-').map(value => parseInt(value, 10));
+    return new Date(Date.UTC(year, month - 1, 1));
+  }
+
+  private monthRange(startKey: string, endKey: string): string[] {
+    const start = this.monthDate(startKey);
+    const end = this.monthDate(endKey);
+    const keys: string[] = [];
+    const current = new Date(start);
+
+    while (current <= end) {
+      const key = this.monthKey(current);
+      if (key) keys.push(key);
+      current.setUTCMonth(current.getUTCMonth() + 1);
+    }
+
+    return keys;
+  }
+
+  private buildSunburstTree(
+    aggregates: Map<string, Map<AttackType, number>>
+  ): DashboardNode {
+    const root = this.createNode(ROOT_ID, 'root', OBJECT_SUNBURST_ROOT_LABEL);
+
+    const sortedDomains = this.sortedDomainEntries(aggregates);
+
+    sortedDomains.forEach(([domainKey, typeMap], domainIndex) => {
+      const domainNode = this.createNode(
+        this.domainNodeId(domainKey),
+        domainKey,
+        this.domainLabel(domainKey),
+        'domain',
+        root
+      );
+      domainNode.color = DOMAIN_PALETTE[domainIndex % DOMAIN_PALETTE.length];
+      root.children.push(domainNode);
+
+      const sortedTypes = Array.from(typeMap.entries()).sort(
+        ([left], [right]) =>
+          this.objectTypeLabel(left).localeCompare(this.objectTypeLabel(right))
+      );
+
+      for (const [typeKey, count] of sortedTypes) {
+        const typeNode = this.createNode(
+          this.typeNodeId(domainKey, typeKey),
+          typeKey,
+          this.objectTypeLabel(typeKey),
+          'type',
+          domainNode
+        );
+        typeNode.color = this.colorForObjectType(typeKey);
+        typeNode.value = count;
+        domainNode.children.push(typeNode);
+      }
+
+      domainNode.value = domainNode.children.reduce(
+        (sum, child) => sum + child.value,
+        0
+      );
+    });
+
+    root.value = root.children.reduce((sum, child) => sum + child.value, 0);
+    return root;
+  }
+
+  private buildRelationshipSunburstTree(
+    aggregates: Map<string, number>
+  ): DashboardNode {
+    const root = this.createNode(
+      RELATIONSHIP_ROOT_ID,
+      'root',
+      RELATIONSHIP_SUNBURST_ROOT_LABEL
+    );
+
+    const sortedTypes = Array.from(aggregates.entries()).sort(
+      ([left], [right]) =>
+        this.relationshipTypeLabel(left).localeCompare(
+          this.relationshipTypeLabel(right)
+        )
+    );
+
+    sortedTypes.forEach(([relationshipType, count], typeIndex) => {
+      const typeNode = this.createNode(
+        this.relationshipTypeNodeId(relationshipType),
+        relationshipType,
+        this.relationshipTypeLabel(relationshipType),
+        'relationship-type',
+        root
+      );
+      typeNode.color =
+        RELATIONSHIP_TYPE_PALETTE[typeIndex % RELATIONSHIP_TYPE_PALETTE.length];
+      typeNode.value = count;
+      root.children.push(typeNode);
+    });
+
+    root.value = root.children.reduce((sum, child) => sum + child.value, 0);
+    return root;
+  }
+
+  private layoutSunburst(root: DashboardNode): void {
+    root.depth = 0;
+    root.startAngle = 0;
+    root.endAngle = Math.PI * 2;
+    this.layoutChildren(root, 0, Math.PI * 2);
+  }
+
+  private layoutChildren(
+    parent: DashboardNode,
+    startAngle: number,
+    endAngle: number
+  ): void {
+    let cursor = startAngle;
+    const availableAngle = endAngle - startAngle;
+
+    for (const child of parent.children) {
+      const angle =
+        parent.value > 0 ? availableAngle * (child.value / parent.value) : 0;
+      child.depth = parent.depth + 1;
+      child.startAngle = cursor;
+      child.endAngle = cursor + angle;
+      child.innerRadius = RING_INNER_RADIUS + (child.depth - 1) * RING_WIDTH;
+      child.outerRadius =
+        RING_INNER_RADIUS + child.depth * RING_WIDTH - RING_GAP;
+      child.path = this.describeArc(
+        child.innerRadius,
+        child.outerRadius,
+        child.startAngle,
+        child.endAngle
+      );
+      this.layoutChildren(child, child.startAngle, child.endAngle);
+      cursor += angle;
+    }
+  }
+
+  private describeArc(
+    innerRadius: number,
+    outerRadius: number,
+    startAngle: number,
+    endAngle: number
+  ): string {
+    if (endAngle - startAngle >= Math.PI * 2) {
+      endAngle = startAngle + Math.PI * 2 - 0.0001;
+    }
+
+    const outerStart = this.polarToCartesian(outerRadius, startAngle);
+    const outerEnd = this.polarToCartesian(outerRadius, endAngle);
+    const innerEnd = this.polarToCartesian(innerRadius, endAngle);
+    const innerStart = this.polarToCartesian(innerRadius, startAngle);
+    const largeArcFlag = endAngle - startAngle > Math.PI ? 1 : 0;
+
+    return [
+      `M ${outerStart.x} ${outerStart.y}`,
+      `A ${outerRadius} ${outerRadius} 0 ${largeArcFlag} 1 ${outerEnd.x} ${outerEnd.y}`,
+      `L ${innerEnd.x} ${innerEnd.y}`,
+      `A ${innerRadius} ${innerRadius} 0 ${largeArcFlag} 0 ${innerStart.x} ${innerStart.y}`,
+      'Z',
+    ].join(' ');
+  }
+
+  private polarToCartesian(
+    radius: number,
+    angle: number
+  ): { x: string; y: string } {
+    const adjustedAngle = angle - Math.PI / 2;
+    return {
+      x: (Math.cos(adjustedAngle) * radius).toFixed(3),
+      y: (Math.sin(adjustedAngle) * radius).toFixed(3),
+    };
+  }
+
+  private createNode(
+    id: string,
+    key: string,
+    label: string,
+    level: DashboardLevel = 'root',
+    parent?: DashboardNode
+  ): DashboardNode {
+    return {
+      id,
+      key,
+      label,
+      value: 0,
+      level,
+      depth: parent ? parent.depth + 1 : 0,
+      children: [],
+      parent,
+    };
+  }
+
+  private indexNodes(node: DashboardNode, nodeById = this.nodeById): void {
+    nodeById.set(node.id, node);
+    for (const child of node.children) this.indexNodes(child, nodeById);
+  }
+
+  private flattenNodes(node: DashboardNode): DashboardNode[] {
+    const nodes = [node];
+    for (const child of node.children) {
+      nodes.push(...this.flattenNodes(child));
+    }
+    return nodes;
+  }
+
+  private sunburstViewBoxForSegments(segments: DashboardNode[]): string {
+    const centerRadius = 47;
+    const padding = 4;
+    const maxOuterRadius = segments.reduce(
+      (max, segment) => Math.max(max, segment.outerRadius || 0),
+      centerRadius
+    );
+    const bounds = Math.ceil(maxOuterRadius + padding);
+    return `${-bounds} ${-bounds} ${bounds * 2} ${bounds * 2}`;
+  }
+
+  private buildBreadcrumb(node: DashboardNode): DashboardNode[] {
+    const crumbs: DashboardNode[] = [];
+    let current: DashboardNode | undefined = node;
+    while (current) {
+      crumbs.unshift(current);
+      current = current.parent;
+    }
+    return crumbs;
+  }
+
+  private buildSelectedNodeSet(node: DashboardNode): Set<string> {
+    const selected = new Set<string>();
+    for (const crumb of this.buildBreadcrumb(node)) selected.add(crumb.id);
+    this.collectDescendants(node, selected);
+    return selected;
+  }
+
+  private collectDescendants(node: DashboardNode, selected: Set<string>): void {
+    for (const child of node.children) {
+      selected.add(child.id);
+      this.collectDescendants(child, selected);
+    }
+  }
+
+  private domainNodeId(domainKey: string): string {
+    return `domain:${domainKey}`;
+  }
+
+  private sortedDomainEntries(
+    aggregates: Map<string, Map<AttackType, number>>
+  ): [string, Map<AttackType, number>][] {
+    return Array.from(aggregates.entries()).sort(([left], [right]) =>
+      this.domainLabel(left).localeCompare(this.domainLabel(right))
+    );
+  }
+
+  private typeNodeId(domainKey: string, typeKey: AttackType): string {
+    return `${this.domainNodeId(domainKey)}/type:${typeKey}`;
+  }
+
+  private relationshipTypeNodeId(relationshipType: string): string {
+    return `relationship-type:${relationshipType}`;
+  }
+
+  private domainLabel(domain: string): string {
+    return DOMAIN_LABELS[domain] || this.titleCase(domain);
+  }
+
+  private objectTypeLabel(type: string): string {
+    return this.titleCase(AttackTypeToPlural[type as AttackType] || type);
+  }
+
+  private relationshipTypeLabel(relationshipType: string): string {
+    if (relationshipType === NO_RELATIONSHIP_TYPE_KEY) {
+      return 'Unspecified Type';
+    }
+    return this.titleCase(relationshipType);
   }
 
-  public get isTeamLead(): boolean {
-    return this.authenticationService.isAuthorized([Role.TEAM_LEAD]);
+  private titleCase(value: string): string {
+    return value
+      .replace(/-/g, ' ')
+      .split(' ')
+      .filter(word => word.length > 0)
+      .map(word => {
+        if (word.toLowerCase() === 'ics') return 'ICS';
+        return `${word.charAt(0).toUpperCase()}${word.slice(1).toLowerCase()}`;
+      })
+      .join(' ');
   }
 }

From cca70302b567d8f035c5e9100b2a56002869b7d9 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 21 May 2026 13:48:21 -0400
Subject: [PATCH 069/190] feat(navigation): show pending user account indicator

---
 .../navigation/navigation.component.html      |  12 ++
 .../navigation/navigation.component.scss      |  26 ++++
 .../navigation/navigation.component.spec.ts   | 122 ++++++++++++++++++
 .../navigation/navigation.component.ts        |  92 ++++++++++++-
 .../users-list/users-list.component.spec.ts   |  28 +++-
 .../users-list/users-list.component.ts        |   6 +-
 .../user-account-events.service.ts            |  16 +++
 .../landing-page/landing-page.component.html  |  14 --
 .../landing-page/landing-page.component.scss  |   8 --
 .../landing-page/landing-page.component.ts    |  17 ---
 10 files changed, 297 insertions(+), 44 deletions(-)
 create mode 100644 src/app/services/user-account-events/user-account-events.service.ts

diff --git a/src/app/components/navigation/navigation.component.html b/src/app/components/navigation/navigation.component.html
index b327fe7fa..a32f24618 100644
--- a/src/app/components/navigation/navigation.component.html
+++ b/src/app/components/navigation/navigation.component.html
@@ -96,6 +96,11 @@
     (click)="expandNavigationArea('dashboard')">
     <mat-icon>dashboard</mat-icon>
     <span>Dashboard</span>
+    <span
+      *ngIf="hasPendingUserAccounts"
+      class="nav-attention-dot"
+      [attr.aria-label]="pendingUserAccountsMessage"
+      [attr.title]="pendingUserAccountsMessage"></span>
   </a>
 
   <div
@@ -142,6 +147,13 @@
           [attr.aria-disabled]="!isLoggedIn"
           [attr.tabindex]="isLoggedIn ? 0 : -1">
           <span>{{ item.label }}</span>
+          <span
+            *ngIf="isUserAccountsNavigationItem(item) && hasPendingUserAccounts"
+            class="nav-attention-count"
+            [attr.aria-label]="pendingUserAccountsMessage"
+            [attr.title]="pendingUserAccountsMessage">
+            {{ pendingUserAccountsDisplay }}
+          </span>
         </a>
       </div>
     </section>
diff --git a/src/app/components/navigation/navigation.component.scss b/src/app/components/navigation/navigation.component.scss
index 92aef39cb..2920f1020 100644
--- a/src/app/components/navigation/navigation.component.scss
+++ b/src/app/components/navigation/navigation.component.scss
@@ -121,6 +121,32 @@ $nav-active: rgba(colors.color(mitre-silver), 0.16);
   }
 }
 
+.nav-attention-dot,
+.nav-attention-count {
+  flex: 0 0 auto;
+  background: colors.color(pending);
+}
+
+.nav-attention-dot {
+  width: 9px;
+  height: 9px;
+  margin-left: auto;
+  border-radius: 50%;
+  box-shadow: 0 0 0 2px rgba(colors.color(pending), 0.18);
+}
+
+.nav-attention-count {
+  min-width: 18px;
+  height: 18px;
+  padding: 0 5px;
+  border-radius: 999px;
+  color: colors.color(mitre-black) !important;
+  font-size: 10px;
+  font-weight: 800;
+  line-height: 18px;
+  text-align: center;
+}
+
 .app-title + .nav-area {
   margin-top: 14px;
 }
diff --git a/src/app/components/navigation/navigation.component.spec.ts b/src/app/components/navigation/navigation.component.spec.ts
index 9c2f835f2..36630bb86 100644
--- a/src/app/components/navigation/navigation.component.spec.ts
+++ b/src/app/components/navigation/navigation.component.spec.ts
@@ -2,18 +2,34 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RouterModule } from '@angular/router';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatIconModule } from '@angular/material/icon';
+import { of } from 'rxjs';
 
 import { NavigationComponent } from './navigation.component';
 import { routes } from 'src/app/app-routing.module';
+import { Role } from 'src/app/classes/authn/role';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { createMockAuthenticationService } from 'src/app/testing/mocks/authentication-service.mock';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
+import { UserAccountEventsService } from 'src/app/services/user-account-events/user-account-events.service';
 
 describe('NavigationComponent', () => {
   let component: NavigationComponent;
   let fixture: ComponentFixture<NavigationComponent>;
   let authenticationService: any;
+  let restApiConnector: any;
+  let userAccountEvents: UserAccountEventsService;
 
   beforeEach(async () => {
+    restApiConnector = createMockRestApiConnector({
+      getAllUserAccounts: vi.fn(() =>
+        of({
+          data: [],
+          pagination: { total: 0, limit: 1, offset: 0 },
+        })
+      ),
+    });
+
     await TestBed.configureTestingModule({
       declarations: [NavigationComponent],
       imports: [MatDividerModule, MatIconModule, RouterModule.forRoot([])],
@@ -22,6 +38,10 @@ describe('NavigationComponent', () => {
           provide: AuthenticationService,
           useValue: createMockAuthenticationService({}),
         },
+        {
+          provide: RestApiConnectorService,
+          useValue: restApiConnector,
+        },
       ],
     }).compileComponents();
   });
@@ -30,6 +50,7 @@ describe('NavigationComponent', () => {
     fixture = TestBed.createComponent(NavigationComponent);
     component = fixture.componentInstance;
     authenticationService = TestBed.inject(AuthenticationService);
+    userAccountEvents = TestBed.inject(UserAccountEventsService);
     fixture.detectChanges();
   });
 
@@ -155,6 +176,107 @@ describe('NavigationComponent', () => {
     ]);
   });
 
+  it('should show pending user account indicators for admins', () => {
+    Object.defineProperty(authenticationService, 'isLoggedIn', {
+      configurable: true,
+      get: () => true,
+    });
+    authenticationService.isAuthorized = (roles: Role[]) =>
+      roles.includes(Role.ADMIN);
+    restApiConnector.getAllUserAccounts.mockReturnValue(
+      of({
+        data: [{}],
+        pagination: { total: 3, limit: 1, offset: 0 },
+      })
+    );
+
+    authenticationService.onLogin.emit();
+    component.expandNavigationArea('dashboard');
+    fixture.detectChanges();
+
+    expect(restApiConnector.getAllUserAccounts).toHaveBeenCalledWith({
+      status: ['pending'],
+      limit: 1,
+    });
+    expect(component.pendingUserAccounts).toBe(3);
+    expect(
+      fixture.nativeElement.querySelector('.nav-attention-dot')
+    ).toBeTruthy();
+    expect(
+      fixture.nativeElement.querySelector('.nav-attention-count').textContent
+    ).toContain('3');
+  });
+
+  it('should refresh pending user account indicators after session hydration', async () => {
+    Object.defineProperty(authenticationService, 'isLoggedIn', {
+      configurable: true,
+      get: () => true,
+    });
+    authenticationService.isAuthorized = (roles: Role[]) =>
+      roles.includes(Role.ADMIN);
+    restApiConnector.getAllUserAccounts.mockReturnValue(
+      of({
+        data: [{}],
+        pagination: { total: 1, limit: 1, offset: 0 },
+      })
+    );
+
+    component.expandNavigationArea('dashboard');
+    (component as any).schedulePendingUserAccountsRefresh();
+    await new Promise(resolve => setTimeout(resolve, 550));
+    fixture.detectChanges();
+
+    expect(component.pendingUserAccounts).toBe(1);
+    expect(
+      fixture.nativeElement.querySelector('.nav-attention-dot')
+    ).toBeTruthy();
+    expect(
+      fixture.nativeElement.querySelector('.nav-attention-count').textContent
+    ).toContain('1');
+  });
+
+  it('should refresh pending user account indicators when user accounts change', () => {
+    Object.defineProperty(authenticationService, 'isLoggedIn', {
+      configurable: true,
+      get: () => true,
+    });
+    authenticationService.isAuthorized = (roles: Role[]) =>
+      roles.includes(Role.ADMIN);
+    restApiConnector.getAllUserAccounts.mockReturnValue(
+      of({
+        data: [{}],
+        pagination: { total: 2, limit: 1, offset: 0 },
+      })
+    );
+
+    authenticationService.onLogin.emit();
+    component.expandNavigationArea('dashboard');
+    fixture.detectChanges();
+
+    expect(component.pendingUserAccounts).toBe(2);
+    expect(
+      fixture.nativeElement.querySelector('.nav-attention-dot')
+    ).toBeTruthy();
+
+    restApiConnector.getAllUserAccounts.mockReturnValue(
+      of({
+        data: [],
+        pagination: { total: 0, limit: 1, offset: 0 },
+      })
+    );
+
+    userAccountEvents.notifyUserAccountsChanged();
+    fixture.detectChanges();
+
+    expect(component.pendingUserAccounts).toBe(0);
+    expect(
+      fixture.nativeElement.querySelector('.nav-attention-dot')
+    ).toBeFalsy();
+    expect(
+      fixture.nativeElement.querySelector('.nav-attention-count')
+    ).toBeFalsy();
+  });
+
   it('should redirect the dashboard index to overview', () => {
     const dashboardRoute = routes[0]?.children?.find(
       route => route.path === 'dashboard'
diff --git a/src/app/components/navigation/navigation.component.ts b/src/app/components/navigation/navigation.component.ts
index dda7e6595..660553faf 100644
--- a/src/app/components/navigation/navigation.component.ts
+++ b/src/app/components/navigation/navigation.component.ts
@@ -1,10 +1,13 @@
-import { Component, OnDestroy, ViewEncapsulation } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
 import { NavigationEnd, Route, Router } from '@angular/router';
 import { Subscription } from 'rxjs';
 import { routes as appRoutes } from 'src/app/app-routing.module';
 import { stixRoutes } from 'src/app/app-routing-stix.module';
 import { Role } from 'src/app/classes/authn/role';
+import { Status } from 'src/app/classes/authn/status';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { UserAccountEventsService } from 'src/app/services/user-account-events/user-account-events.service';
 
 interface NavigationItem {
   label: string;
@@ -27,8 +30,9 @@ type NavigationArea = 'objectLibrary' | 'dashboard' | 'documentation';
   encapsulation: ViewEncapsulation.None,
   standalone: false,
 })
-export class NavigationComponent implements OnDestroy {
+export class NavigationComponent implements OnInit, OnDestroy {
   public expandedNavigationArea: NavigationArea | null = null;
+  public pendingUserAccounts = 0;
 
   private readonly groupOrder = ['core', 'cti', 'defenses', 'more'];
   private readonly documentationOrder = [
@@ -45,6 +49,10 @@ export class NavigationComponent implements OnDestroy {
   private readonly uppercaseLabels = new Set(['cti']);
   private readonly collapsedSections = new Set<string>();
   private readonly routerEventsSubscription: Subscription;
+  private readonly loginSubscription: Subscription;
+  private readonly userAccountEventsSubscription: Subscription;
+  private pendingUserAccountsSubscription?: Subscription;
+  private pendingUserAccountsRefreshTimer?: ReturnType<typeof setTimeout>;
 
   public readonly sections: NavigationSection[] = this.buildSections();
   public readonly dashboardItems: NavigationItem[] =
@@ -77,6 +85,22 @@ export class NavigationComponent implements OnDestroy {
     return this.authenticationService.isAuthorized([Role.ADMIN]);
   }
 
+  public get hasPendingUserAccounts(): boolean {
+    return this.canAccessAdminDashboard && this.pendingUserAccounts > 0;
+  }
+
+  public get pendingUserAccountsDisplay(): string {
+    return this.pendingUserAccounts > 99
+      ? '99+'
+      : this.pendingUserAccounts.toString();
+  }
+
+  public get pendingUserAccountsMessage(): string {
+    const accountLabel =
+      this.pendingUserAccounts === 1 ? 'account' : 'accounts';
+    return `${this.pendingUserAccounts} pending user ${accountLabel}`;
+  }
+
   public get isObjectLibraryActive(): boolean {
     return this.isObjectLibraryRoute(this.router.url);
   }
@@ -91,6 +115,8 @@ export class NavigationComponent implements OnDestroy {
 
   constructor(
     private authenticationService: AuthenticationService,
+    private restApiConnector: RestApiConnectorService,
+    private userAccountEvents: UserAccountEventsService,
     private router: Router
   ) {
     this.expandedNavigationArea = this.navigationAreaForUrl(this.router.url);
@@ -99,12 +125,31 @@ export class NavigationComponent implements OnDestroy {
         this.expandedNavigationArea = this.navigationAreaForUrl(
           event.urlAfterRedirects
         );
+        this.schedulePendingUserAccountsRefresh();
       }
     });
+    this.loginSubscription = this.authenticationService.onLogin.subscribe(() =>
+      this.refreshPendingUserAccounts()
+    );
+    this.userAccountEventsSubscription =
+      this.userAccountEvents.userAccountsChanged$.subscribe(() =>
+        this.refreshPendingUserAccounts()
+      );
+  }
+
+  public ngOnInit(): void {
+    this.refreshPendingUserAccounts();
+    this.schedulePendingUserAccountsRefresh();
   }
 
   public ngOnDestroy(): void {
     this.routerEventsSubscription.unsubscribe();
+    this.loginSubscription.unsubscribe();
+    this.userAccountEventsSubscription.unsubscribe();
+    this.pendingUserAccountsSubscription?.unsubscribe();
+    if (this.pendingUserAccountsRefreshTimer) {
+      clearTimeout(this.pendingUserAccountsRefreshTimer);
+    }
   }
 
   public expandNavigationArea(area: NavigationArea): void {
@@ -160,6 +205,49 @@ export class NavigationComponent implements OnDestroy {
     return path === '/docs' || path.startsWith('/docs/');
   }
 
+  public isUserAccountsNavigationItem(item: NavigationItem): boolean {
+    return item.path === '/dashboard/user-accounts';
+  }
+
+  private refreshPendingUserAccounts(): void {
+    this.pendingUserAccountsSubscription?.unsubscribe();
+
+    if (!this.canAccessAdminDashboard) {
+      this.pendingUserAccounts = 0;
+      return;
+    }
+
+    this.pendingUserAccountsSubscription = this.restApiConnector
+      .getAllUserAccounts({ status: [Status.PENDING], limit: 1 })
+      .subscribe({
+        next: response => {
+          this.pendingUserAccounts =
+            this.pendingUserAccountCountFromResponse(response);
+        },
+        error: () => {
+          this.pendingUserAccounts = 0;
+        },
+      });
+  }
+
+  private pendingUserAccountCountFromResponse(response: any): number {
+    if (Array.isArray(response)) return response.length;
+    if (Array.isArray(response?.data)) {
+      return response?.pagination?.total ?? response.data.length;
+    }
+    return 0;
+  }
+
+  private schedulePendingUserAccountsRefresh(): void {
+    if (this.pendingUserAccountsRefreshTimer) {
+      clearTimeout(this.pendingUserAccountsRefreshTimer);
+    }
+
+    this.pendingUserAccountsRefreshTimer = setTimeout(() => {
+      this.refreshPendingUserAccounts();
+    }, 500);
+  }
+
   private navigationAreaForUrl(url: string): NavigationArea | null {
     const path = this.routePath(url);
 
diff --git a/src/app/components/users-list/users-list.component.spec.ts b/src/app/components/users-list/users-list.component.spec.ts
index ed7c3231c..bcf7e8295 100644
--- a/src/app/components/users-list/users-list.component.spec.ts
+++ b/src/app/components/users-list/users-list.component.spec.ts
@@ -3,6 +3,8 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { provideHttpClient } from '@angular/common/http';
 
 import { UsersListComponent } from './users-list.component';
+import { Role } from 'src/app/classes/authn/role';
+import { Status } from 'src/app/classes/authn/status';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import {
@@ -10,17 +12,24 @@ import {
   createAsyncObservable,
   createPaginatedResponse,
 } from 'src/app/testing/mocks/rest-api-connector.mock';
-import { createMockAuthenticationService } from 'src/app/testing/mocks/authentication-service.mock';
+import {
+  createMockAuthenticationService,
+  createMockUserAccount,
+} from 'src/app/testing/mocks/authentication-service.mock';
+import { UserAccountEventsService } from 'src/app/services/user-account-events/user-account-events.service';
 
 describe('UsersListComponent', () => {
   let component: UsersListComponent;
   let fixture: ComponentFixture<UsersListComponent>;
+  let mockRestApiConnector: any;
+  let userAccountEvents: UserAccountEventsService;
 
   beforeEach(async () => {
-    const mockRestApiConnector = createMockRestApiConnector({
+    mockRestApiConnector = createMockRestApiConnector({
       getAllUserAccounts: () =>
         createAsyncObservable(createPaginatedResponse()),
       getTeamsByUserId: () => createAsyncObservable([]),
+      putUserAccount: vi.fn(user => createAsyncObservable(user)),
     });
     const mockAuthService = createMockAuthenticationService({});
 
@@ -38,6 +47,7 @@ describe('UsersListComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(UsersListComponent);
     component = fixture.componentInstance;
+    userAccountEvents = TestBed.inject(UserAccountEventsService);
     component.config = {
       mode: 'view',
       columnsToDisplay: [],
@@ -52,4 +62,18 @@ describe('UsersListComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should notify listeners after user role updates complete', async () => {
+    const notifySpy = vi.spyOn(userAccountEvents, 'notifyUserAccountsChanged');
+    const pendingUser = createMockUserAccount({
+      status: Status.PENDING,
+      role: Role.NONE,
+    }).serialize();
+
+    component.updateUserRole(pendingUser, Role.ADMIN);
+    await new Promise(resolve => setTimeout(resolve, 0));
+
+    expect(mockRestApiConnector.putUserAccount).toHaveBeenCalled();
+    expect(notifySpy).toHaveBeenCalled();
+  });
 });
diff --git a/src/app/components/users-list/users-list.component.ts b/src/app/components/users-list/users-list.component.ts
index cac9512a5..b199af2b5 100644
--- a/src/app/components/users-list/users-list.component.ts
+++ b/src/app/components/users-list/users-list.component.ts
@@ -19,6 +19,7 @@ import { AuthenticationService } from '../../services/connectors/authentication/
 import { Status } from 'src/app/classes/authn/status';
 import { Team } from 'src/app/classes/authn/team';
 import { SelectionModel } from '@angular/cdk/collections';
+import { UserAccountEventsService } from 'src/app/services/user-account-events/user-account-events.service';
 
 @Component({
   selector: 'app-users-list',
@@ -72,7 +73,8 @@ export class UsersListComponent implements OnInit {
 
   constructor(
     private restAPIConnector: RestApiConnectorService,
-    private authenticationService: AuthenticationService
+    private authenticationService: AuthenticationService,
+    private userAccountEvents: UserAccountEventsService
   ) {
     this.filterOptions = [
       {
@@ -204,6 +206,7 @@ export class UsersListComponent implements OnInit {
         : Status.INACTIVE;
       const subscription = user.save(this.restAPIConnector).subscribe({
         complete: () => {
+          this.userAccountEvents.notifyUserAccountsChanged();
           this.applyControls(); // refresh list
           subscription.unsubscribe();
         },
@@ -228,6 +231,7 @@ export class UsersListComponent implements OnInit {
 
       const subscription = user.save(this.restAPIConnector).subscribe({
         complete: () => {
+          this.userAccountEvents.notifyUserAccountsChanged();
           this.applyControls(); // refresh list
           subscription.unsubscribe();
         },
diff --git a/src/app/services/user-account-events/user-account-events.service.ts b/src/app/services/user-account-events/user-account-events.service.ts
new file mode 100644
index 000000000..bda2f51a5
--- /dev/null
+++ b/src/app/services/user-account-events/user-account-events.service.ts
@@ -0,0 +1,16 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class UserAccountEventsService {
+  private readonly userAccountsChangedSubject = new Subject<void>();
+
+  public readonly userAccountsChanged$ =
+    this.userAccountsChangedSubject.asObservable();
+
+  public notifyUserAccountsChanged(): void {
+    this.userAccountsChangedSubject.next();
+  }
+}
diff --git a/src/app/views/landing-page/landing-page.component.html b/src/app/views/landing-page/landing-page.component.html
index 7bb38dc70..a4deb5274 100644
--- a/src/app/views/landing-page/landing-page.component.html
+++ b/src/app/views/landing-page/landing-page.component.html
@@ -53,18 +53,4 @@ <h2 class="explore-label">Explore</h2>
       </div>
     </div>
   </div>
-  <div class="row" *ngIf="isAdmin || isTeamLead">
-    <div class="col center admin-link">
-      <div class="text-deemphasis text-label">
-        <a
-          class="a"
-          routerLink="/dashboard"
-          [matBadge]="pendingUsers"
-          matBadgeDescription="pending users"
-          matBadgeOverlap="false"
-          >dashboard</a
-        >
-      </div>
-    </div>
-  </div>
 </div>
diff --git a/src/app/views/landing-page/landing-page.component.scss b/src/app/views/landing-page/landing-page.component.scss
index 1393f5910..18c98d33f 100644
--- a/src/app/views/landing-page/landing-page.component.scss
+++ b/src/app/views/landing-page/landing-page.component.scss
@@ -53,12 +53,4 @@
       border-left: 1px solid colors.border-color(light);
     }
   }
-
-  .admin-link {
-    margin-top: 40px;
-    .mat-badge-content.mat-badge-active {
-      color: colors.on-color(pending);
-      background-color: colors.color(pending);
-    }
-  }
 }
diff --git a/src/app/views/landing-page/landing-page.component.ts b/src/app/views/landing-page/landing-page.component.ts
index 4486545c0..9945a4b8d 100644
--- a/src/app/views/landing-page/landing-page.component.ts
+++ b/src/app/views/landing-page/landing-page.component.ts
@@ -17,7 +17,6 @@ import { stixRoutes } from '../../app-routing-stix.module';
 })
 export class LandingPageComponent implements OnInit, OnDestroy {
   private loginSubscription: Subscription;
-  public pendingUsers;
   public routes: any[] = [];
 
   constructor(
@@ -45,30 +44,14 @@ export class LandingPageComponent implements OnInit, OnDestroy {
     this.loginSubscription = this.authenticationService.onLogin.subscribe({
       // called on initial user login
       next: event => {
-        this.getPendingUsers();
         this.openOrgIdentityDialog();
       },
     });
     setTimeout(() => {
-      this.getPendingUsers();
       this.openOrgIdentityDialog();
     }, 500); // called on page refresh or re-route
   }
 
-  private getPendingUsers(): void {
-    if (this.authenticationService.isAuthorized([Role.ADMIN])) {
-      const userSubscription = this.restApiConnector
-        .getAllUserAccounts({ status: ['pending'] })
-        .subscribe({
-          next: results => {
-            const users = results as any;
-            if (users && users.length) this.pendingUsers = users.length;
-          },
-          complete: () => userSubscription.unsubscribe(),
-        });
-    }
-  }
-
   // bug the admin about editing their organization identity
   private openOrgIdentityDialog(): void {
     if (this.authenticationService.isAuthorized([Role.ADMIN])) {

From a16d8db8f256d79777fd664bda2703b6ead1a37c Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Wed, 27 May 2026 09:06:25 -0400
Subject: [PATCH 070/190] chore: remove unrevoke

---
 .../components/add-dialog/add-dialog.component.html  |  3 ++-
 .../object-status/object-status.component.ts         |  4 ++--
 src/app/components/toolbar/toolbar.component.html    | 12 +++++++++---
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/app/components/add-dialog/add-dialog.component.html b/src/app/components/add-dialog/add-dialog.component.html
index c0a6cb70c..480ebf3aa 100644
--- a/src/app/components/add-dialog/add-dialog.component.html
+++ b/src/app/components/add-dialog/add-dialog.component.html
@@ -12,7 +12,8 @@ <h1 *ngIf="config.title" mat-dialog-title>{{ config.title }}</h1>
         *ngIf="config.showPreserveRelationshipsOption"
         color="primary"
         [(ngModel)]="config.preserveRelationships"
-        >Preserve relationships</mat-checkbox
+        >Preserve relationships - If set to true, relationships referencing the revoked object are cloned to point to the revoking object before deprecation.
+</mat-checkbox
       >
       <app-stix-list
         *ngIf="config.type !== 'user'"
diff --git a/src/app/components/object-status/object-status.component.ts b/src/app/components/object-status/object-status.component.ts
index ba89c27ab..4407310ab 100644
--- a/src/app/components/object-status/object-status.component.ts
+++ b/src/app/components/object-status/object-status.component.ts
@@ -35,7 +35,7 @@ export class ObjectStatusComponent implements OnInit {
   }
 
   public get revokeTooltip(): string {
-    return this.object?.revoked || this.revoked ? 'un-revoke' : 'revoke';
+    return this.object?.revoked || this.revoked ? 'already revoked' : 'revoke';
   }
 
   public get deprecateDisabled(): boolean {
@@ -44,7 +44,7 @@ export class ObjectStatusComponent implements OnInit {
 
   public get deprecateTooltip(): string {
     return this.object?.deprecated || this.deprecated
-      ? 'undeprecate'
+      ? 'already deprecated'
       : 'deprecate';
   }
 
diff --git a/src/app/components/toolbar/toolbar.component.html b/src/app/components/toolbar/toolbar.component.html
index 3b0ad9662..75bcba7a3 100644
--- a/src/app/components/toolbar/toolbar.component.html
+++ b/src/app/components/toolbar/toolbar.component.html
@@ -80,7 +80,10 @@
         class="control"
         [matTooltip]="objectStatus?.deprecateTooltip || 'deprecate'"
         [disabled]="
-          editing || !objectStatus?.loaded || objectStatus?.deprecateDisabled
+          editing ||
+          !objectStatus?.loaded ||
+          objectStatus?.deprecateDisabled ||
+          objectStatus?.deprecated
         "
         (click)="toggleDeprecated()">
         <mat-icon
@@ -99,13 +102,16 @@
         class="control"
         [matTooltip]="objectStatus?.revokeTooltip || 'revoke'"
         [disabled]="
-          editing || !objectStatus?.loaded || objectStatus?.revokeDisabled
+          editing ||
+          !objectStatus?.loaded ||
+          objectStatus?.revokeDisabled ||
+          objectStatus?.revoked
         "
         (click)="toggleRevoked()">
         <mat-icon
           aria-label="revoked-icon"
           fontSet="material-symbols-outlined"
-          >{{ objectStatus?.revoked ? 'report_off' : 'report' }}</mat-icon
+          >report</mat-icon
         >
       </button>
       <app-object-status *ngIf="hasWorkflow" #objectStatus></app-object-status>

From ad999a1f3ba1e88994a6db194a4d859c65c84aee Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Wed, 27 May 2026 09:07:03 -0400
Subject: [PATCH 071/190] chore: fix identation

---
 src/app/components/add-dialog/add-dialog.component.html | 7 ++++---
 src/app/components/toolbar/toolbar.component.html       | 4 +---
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/app/components/add-dialog/add-dialog.component.html b/src/app/components/add-dialog/add-dialog.component.html
index 480ebf3aa..6c28c0882 100644
--- a/src/app/components/add-dialog/add-dialog.component.html
+++ b/src/app/components/add-dialog/add-dialog.component.html
@@ -12,9 +12,10 @@ <h1 *ngIf="config.title" mat-dialog-title>{{ config.title }}</h1>
         *ngIf="config.showPreserveRelationshipsOption"
         color="primary"
         [(ngModel)]="config.preserveRelationships"
-        >Preserve relationships - If set to true, relationships referencing the revoked object are cloned to point to the revoking object before deprecation.
-</mat-checkbox
-      >
+        >Preserve relationships - If set to true, relationships referencing the
+        revoked object are cloned to point to the revoking object before
+        deprecation.
+      </mat-checkbox>
       <app-stix-list
         *ngIf="config.type !== 'user'"
         [config]="{
diff --git a/src/app/components/toolbar/toolbar.component.html b/src/app/components/toolbar/toolbar.component.html
index 75bcba7a3..5d23f1c1b 100644
--- a/src/app/components/toolbar/toolbar.component.html
+++ b/src/app/components/toolbar/toolbar.component.html
@@ -108,9 +108,7 @@
           objectStatus?.revoked
         "
         (click)="toggleRevoked()">
-        <mat-icon
-          aria-label="revoked-icon"
-          fontSet="material-symbols-outlined"
+        <mat-icon aria-label="revoked-icon" fontSet="material-symbols-outlined"
           >report</mat-icon
         >
       </button>

From d1165d9ef583c54d3b9c7daae37ba7d99b8e76f2 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 4 Jun 2026 16:01:34 -0400
Subject: [PATCH 072/190] feat: add diff view to the release dashboard page

---
 .../release-track-page.component.html         |   2 +-
 .../release-track-page.component.ts           | 217 +++++++++++++++++-
 2 files changed, 213 insertions(+), 6 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 7c81dd2c4..184962dc6 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -191,7 +191,7 @@ <h3>Members ({{ members.length }})</h3>
       [showDiff]="type !== 'member'"
       [showModifiedMeta]="false"
       (viewObject)="onView($event.object_ref)"
-      (diffObject)="onDiff($event.object_ref)">
+      (diffObject)="onDiff($event)">
       <app-status-chip
         *ngIf="item.object_status"
         card-header-action
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index dd01126ce..3d577a753 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -21,7 +21,12 @@ import {
   WorkflowStatusType,
 } from 'src/app/utils/types';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
-import { take } from 'rxjs/operators';
+import { map, take } from 'rxjs/operators';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { forkJoin, Observable, of } from 'rxjs';
+import { StixObject } from 'src/app/classes/stix';
+import { ReleaseTrackObjectItem } from 'src/app/components/release-track-object-card/release-track-object-card.component';
+import { StixDialogComponent } from 'src/app/views/stix/stix-dialog/stix-dialog.component';
 
 @Component({
   selector: 'app-release-track-page',
@@ -39,7 +44,8 @@ export class ReleaseTrackPageComponent implements OnInit {
     private route: ActivatedRoute,
     private router: Router,
     private dialog: MatDialog,
-    private restApiConnectorService: RestApiConnectorService
+    private restApiConnectorService: RestApiConnectorService,
+    private snackbar: MatSnackBar
   ) {}
 
   ngOnInit(): void {
@@ -252,9 +258,60 @@ export class ReleaseTrackPageComponent implements OnInit {
     this.router.navigate([this.getViewUrl(id)]);
   }
 
-  public onDiff(item: any): void {
-    // TODO: open diff modal for item
-    console.log('onDiff', item);
+  public onDiff(item: ReleaseTrackObjectItem): void {
+    if (!item?.object_ref) {
+      this.snackbar.open(
+        'Unable to determine which object to compare.',
+        undefined,
+        {
+          duration: 3000,
+        }
+      );
+      return;
+    }
+
+    const tier = this.getDiffTier(item);
+    if (!tier) {
+      this.snackbar.open(
+        'Unable to determine which lane to compare.',
+        undefined,
+        {
+          duration: 3000,
+        }
+      );
+      return;
+    }
+
+    const diff =
+      tier === 'candidate'
+        ? this.resolveCandidateDiffObjects(item)
+        : this.resolveStagedDiffObjects(item);
+
+    diff.pipe(take(1)).subscribe(({ current, prior, expectedBaseline }) => {
+      if (!current) {
+        this.snackbar.open(
+          'Unable to load the current object version.',
+          undefined,
+          {
+            duration: 3000,
+          }
+        );
+        return;
+      }
+
+      if (expectedBaseline && !prior) {
+        this.snackbar.open(
+          'Unable to load the comparison baseline version.',
+          undefined,
+          {
+            duration: 3000,
+          }
+        );
+        return;
+      }
+
+      this.openDiffDialog(current, prior);
+    });
   }
 
   public onReviewAndApprove(item: any): void {
@@ -403,6 +460,156 @@ export class ReleaseTrackPageComponent implements OnInit {
     return modified ? { id: item.object_ref, modified } : item.object_ref;
   }
 
+  private getDiffTier(
+    item: ReleaseTrackObjectItem
+  ): 'candidate' | 'staged' | null {
+    return this.getReleaseTrackTier(item);
+  }
+
+  private findStagedEntry(objectRef: string): ReleaseTrackObjectItem | null {
+    return (
+      this.releaseTrack?.staged?.find(item => item.object_ref === objectRef) ??
+      null
+    );
+  }
+
+  private findMemberEntry(objectRef: string): ReleaseTrackObjectItem | null {
+    return (
+      this.releaseTrack?.members?.find(item => item.object_ref === objectRef) ??
+      null
+    );
+  }
+
+  private resolveCandidateDiffObjects(item: ReleaseTrackObjectItem): Observable<{
+    current: StixObject | null;
+    prior: StixObject | null;
+    expectedBaseline: boolean;
+  }> {
+    const stagedEntry = this.findStagedEntry(item.object_ref);
+    const memberEntry = stagedEntry ? null : this.findMemberEntry(item.object_ref);
+    const baselineEntry = stagedEntry ?? memberEntry;
+
+    return forkJoin({
+      current: this.fetchObjectVersion(item.object_ref),
+      prior: baselineEntry
+        ? this.fetchObjectVersion(
+            baselineEntry.object_ref,
+            baselineEntry.object_modified
+          )
+        : of(null),
+    }).pipe(
+      map(({ current, prior }) => ({
+        current,
+        prior,
+        expectedBaseline: !!baselineEntry,
+      }))
+    );
+  }
+
+  private resolveStagedDiffObjects(item: ReleaseTrackObjectItem): Observable<{
+    current: StixObject | null;
+    prior: StixObject | null;
+    expectedBaseline: boolean;
+  }> {
+    const memberEntry = this.findMemberEntry(item.object_ref);
+
+    return forkJoin({
+      current: this.fetchObjectVersion(item.object_ref, item.object_modified),
+      prior: memberEntry
+        ? this.fetchObjectVersion(
+            memberEntry.object_ref,
+            memberEntry.object_modified
+          )
+        : of(null),
+    }).pipe(
+      map(({ current, prior }) => ({
+        current,
+        prior,
+        expectedBaseline: !!memberEntry,
+      }))
+    );
+  }
+
+  private fetchObjectVersion(
+    objectRef: string,
+    modified?: Date | string
+  ): Observable<StixObject | null> {
+    const stixType = objectRef.split('--')[0] as StixType;
+    const attackType = StixTypeToAttackType[stixType];
+
+    let requestObject: Observable<StixObject[]>;
+    switch (attackType) {
+      case 'technique':
+        requestObject = this.restApiConnectorService.getTechnique(objectRef, modified);
+        break;
+      case 'tactic':
+        requestObject = this.restApiConnectorService.getTactic(objectRef, modified);
+        break;
+      case 'group':
+        requestObject = this.restApiConnectorService.getGroup(objectRef, modified);
+        break;
+      case 'campaign':
+        requestObject = this.restApiConnectorService.getCampaign(objectRef, modified);
+        break;
+      case 'asset':
+        requestObject = this.restApiConnectorService.getAsset(objectRef, modified);
+        break;
+      case 'software':
+        requestObject = this.restApiConnectorService.getSoftware(objectRef, modified);
+        break;
+      case 'mitigation':
+        requestObject = this.restApiConnectorService.getMitigation(
+          objectRef,
+          modified
+        );
+        break;
+      case 'matrix':
+        requestObject = this.restApiConnectorService.getMatrix(objectRef, modified);
+        break;
+      case 'data-source':
+        requestObject = this.restApiConnectorService.getDataSource(
+          objectRef,
+          modified
+        );
+        break;
+      case 'data-component':
+        requestObject = this.restApiConnectorService.getDataComponent(
+          objectRef,
+          modified
+        );
+        break;
+      case 'detection-strategy':
+        requestObject = this.restApiConnectorService.getDetectionStrategy(
+          objectRef,
+          modified
+        );
+        break;
+      case 'analytic':
+        requestObject = this.restApiConnectorService.getAnalytic(objectRef, modified);
+        break;
+      default:
+        return of(null);
+    }
+
+    return requestObject.pipe(
+      take(1),
+      map(results => results[0] ?? null)
+    );
+  }
+
+  private openDiffDialog(current: StixObject, prior: StixObject | null): void {
+    this.dialog.open(StixDialogComponent, {
+      data: {
+        object: [current, prior],
+        mode: 'diff',
+        editable: false,
+        sidebarControl: 'disable',
+      },
+      maxHeight: '75vh',
+      autoFocus: false,
+    });
+  }
+
   private getReleaseTrackTier(item: any): 'candidate' | 'staged' | null {
     if (item?.release_track_tier) return item.release_track_tier;
     if (item?.object_staged_at || item?.object_staged_by) return 'staged';

From bb672f21df57998896c905da3b4dcbf0fec93cff Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 12 Jun 2026 15:27:43 -0400
Subject: [PATCH 073/190] feat(release-tracks): consolidate review workflow
 into details view

---
 src/app/app.module.ts                         |   2 -
 .../release-track-object-card.component.html  |  70 ++--
 .../release-track-object-card.component.scss  |   2 +
 .../release-track-object-card.component.ts    |  25 +-
 .../release-track-review-board.component.html |  47 ---
 .../release-track-review-board.component.scss | 201 ----------
 .../release-track-review-board.component.ts   | 113 ------
 .../release-track-page.component.html         | 322 ++++++++--------
 .../release-track-page.component.scss         | 359 +++++++++++++++---
 .../release-track-page.component.spec.ts      | 183 +++++----
 .../release-track-page.component.ts           | 220 +++++++++--
 11 files changed, 841 insertions(+), 703 deletions(-)
 delete mode 100644 src/app/components/release-track-review-board/release-track-review-board.component.html
 delete mode 100644 src/app/components/release-track-review-board/release-track-review-board.component.scss
 delete mode 100644 src/app/components/release-track-review-board/release-track-review-board.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 083a54125..9b3e0b325 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -234,7 +234,6 @@ import { StixPageTabsComponent } from './components/stix/stix-page-tabs/stix-pag
 import { ReleaseManagementComponent } from './views/dashboard-page/release-management/release-management.component';
 import { ReleaseTrackCardComponent } from './components/release-track-card/release-track-card.component';
 import { ReleaseTrackObjectCardComponent } from './components/release-track-object-card/release-track-object-card.component';
-import { ReleaseTrackReviewBoardComponent } from './components/release-track-review-board/release-track-review-board.component';
 import { NewTrackDialogComponent } from './components/new-track-dialog/new-track-dialog.component';
 import { ReleaseTrackPageComponent } from './views/dashboard-page/release-management/release-track-page/release-track-page.component';
 import { StatusChipComponent } from './components/status-chip/status-chip.component';
@@ -476,7 +475,6 @@ export function initConfig(appConfigService: AppConfigService) {
     UserAvatarComponent,
     ReleaseTrackCardComponent,
     ReleaseTrackObjectCardComponent,
-    ReleaseTrackReviewBoardComponent,
   ],
   providers: [
     AppConfigService,
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.html b/src/app/components/release-track-object-card/release-track-object-card.component.html
index ea992923c..24dece347 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.html
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.html
@@ -24,44 +24,46 @@
   </mat-card-content>
 
   <mat-card-actions>
-    <div class="object-actions">
-      <button
-        class="view-button"
-        mat-stroked-button
-        type="button"
-        (click)="onView()">
-        <mat-icon>open_in_browser</mat-icon>
-        View
-      </button>
-      <button
-        *ngIf="showDiff"
-        mat-stroked-button
-        type="button"
-        (click)="onDiff()">
-        <mat-icon>difference</mat-icon>
-        Diff
-      </button>
+    <div class="object-meta" *ngIf="showModifiedMeta">
+      <app-user-avatar
+        class="object-avatar"
+        [name]="modifiedByName"
+        [size]="20"
+        [matTooltip]="modifiedByName"
+        matTooltipPosition="below"></app-user-avatar>
+      <span class="object-modified">
+        <strong
+          *ngIf="modified; else unknownModified"
+          [matTooltip]="modifiedTimestamp">
+          {{ modifiedHumanized }}
+        </strong>
+        <ng-template #unknownModified>
+          <strong>Unknown</strong>
+        </ng-template>
+      </span>
     </div>
 
     <div class="object-footer-right">
-      <ng-content select="[card-footer-action]"></ng-content>
+      <div class="object-actions">
+        <button
+          class="view-button"
+          mat-stroked-button
+          type="button"
+          (click)="onView()">
+          <mat-icon>open_in_browser</mat-icon>
+          View
+        </button>
 
-      <div class="object-meta" *ngIf="showModifiedMeta">
-        <app-user-avatar
-          class="object-avatar"
-          [name]="modifiedByName"
-          [size]="20"
-          [matTooltip]="modifiedByName"
-          matTooltipPosition="below"></app-user-avatar>
-        <span class="object-modified">
-          Modified
-          <strong *ngIf="modified; else unknownModified">
-            {{ modified | date: 'M/d/yy' }}
-          </strong>
-          <ng-template #unknownModified>
-            <strong>Unknown</strong>
-          </ng-template>
-        </span>
+        <ng-content select="[card-footer-action]"></ng-content>
+
+        <button
+          *ngIf="showDiff"
+          mat-stroked-button
+          type="button"
+          (click)="onDiff()">
+          <mat-icon>difference</mat-icon>
+          Diff
+        </button>
       </div>
     </div>
   </mat-card-actions>
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.scss b/src/app/components/release-track-object-card/release-track-object-card.component.scss
index 93b285ce7..bfffb216a 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.scss
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.scss
@@ -165,7 +165,9 @@
 }
 
 .object-footer-right {
+  justify-content: flex-end;
   margin-left: auto;
+  min-width: 0;
 }
 
 .object-actions {
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.ts b/src/app/components/release-track-object-card/release-track-object-card.component.ts
index 4cf66757b..279d14116 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.ts
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.ts
@@ -4,6 +4,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import moment from 'moment';
 import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
 import { StixType, WorkflowStatusType } from 'src/app/utils/types';
 import { UserAvatarComponent } from '../user-avatar/user-avatar.component';
@@ -61,8 +62,30 @@ export class ReleaseTrackObjectCardComponent {
     return this.item?.object_modified || null;
   }
 
+  public get modifiedHumanized(): string {
+    if (!this.modified) return 'Unknown';
+    const now = moment();
+    const then = moment(this.modified);
+    const difference = moment.duration(then.diff(now));
+    return difference.asWeeks() > -1
+      ? difference.humanize(true)
+      : then.format('D MMMM YYYY');
+  }
+
+  public get modifiedTimestamp(): string {
+    if (!this.modified) return '';
+    return moment(this.modified).format('D MMMM YYYY, h:mm A');
+  }
+
   public get modifiedByName(): string {
-    return this.item?.modified_by_user || 'Unknown User';
+    return (
+      this.item?.modified_by_user ||
+      this.item?.object_modified_by ||
+      this.item?.object_added_by ||
+      this.item?.object_staged_by ||
+      this.item?.modified_by_ref ||
+      'Unknown User'
+    );
   }
 
   public get cardClasses(): Record<string, boolean> {
diff --git a/src/app/components/release-track-review-board/release-track-review-board.component.html b/src/app/components/release-track-review-board/release-track-review-board.component.html
deleted file mode 100644
index 7278240ee..000000000
--- a/src/app/components/release-track-review-board/release-track-review-board.component.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<div class="review-board">
-  <section
-    class="review-lane"
-    [ngClass]="'review-lane-' + lane.modifier"
-    *ngFor="let lane of lanes">
-    <ng-container *ngIf="getLaneItems(lane) as laneItems">
-      <div class="review-lane-header">
-        <h3>{{ lane.title }} ({{ laneItems.length }})</h3>
-
-        <button
-          *ngIf="isReviewLane(lane)"
-          class="bulk-review-button"
-          mat-stroked-button
-          type="button"
-          [disabled]="!laneItems.length"
-          (click)="onBulkReview(laneItems)">
-          <mat-icon>fact_check</mat-icon>
-          Bulk Review All
-        </button>
-      </div>
-
-      <input
-        class="review-search"
-        type="search"
-        [attr.aria-label]="'Search ' + lane.title"
-        [placeholder]="lane.searchPlaceholder"
-        [(ngModel)]="searchTerms[lane.status]" />
-
-      <div class="review-lane-list">
-        <div class="review-empty-state" *ngIf="!laneItems.length">
-          {{ lane.emptyLabel }}
-        </div>
-
-        <app-release-track-object-card
-          *ngFor="let item of laneItems; trackBy: trackByObjectRef"
-          [cardType]="lane.modifier"
-          [item]="item"
-          [laneStatus]="lane.status"
-          [showDescription]="true"
-          [showModifiedMeta]="true"
-          (viewObject)="viewObject.emit($event)"
-          (diffObject)="diffObject.emit($event)">
-        </app-release-track-object-card>
-      </div>
-    </ng-container>
-  </section>
-</div>
diff --git a/src/app/components/release-track-review-board/release-track-review-board.component.scss b/src/app/components/release-track-review-board/release-track-review-board.component.scss
deleted file mode 100644
index 6e361282a..000000000
--- a/src/app/components/release-track-review-board/release-track-review-board.component.scss
+++ /dev/null
@@ -1,201 +0,0 @@
-@use 'sass:color';
-@use '../../../style/colors' as colors;
-
-:host {
-  display: block;
-}
-
-.review-board {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 24px;
-  height: calc(100dvh - 148px);
-  min-height: 0;
-}
-
-.review-lane {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 0;
-  border: 1px solid;
-  border-radius: 6px;
-  padding: 16px;
-  overflow: hidden;
-
-  .light & {
-    background: rgba(colors.color(mitre-black), 0.02);
-    border-color: colors.border-color(light);
-  }
-
-  .dark & {
-    background: rgba(colors.color(mitre-black), 0.18);
-    border-color: colors.border-color(dark);
-  }
-}
-
-.review-lane-work-in-progress {
-  .review-lane-header h3 {
-    .light & {
-      color: colors.on-color-deemphasis(light);
-    }
-
-    .dark & {
-      color: colors.on-color-deemphasis(dark);
-    }
-  }
-}
-
-.review-lane-awaiting-review {
-  border-color: color.mix(colors.color(warn), colors.color(spark-yellow), 70%);
-
-  .review-lane-header h3 {
-    color: color.mix(colors.color(warn), colors.color(spark-yellow), 70%);
-  }
-}
-
-.review-lane-reviewed {
-  border-color: colors.color(success);
-
-  .review-lane-header h3 {
-    color: colors.color(success);
-  }
-}
-
-.review-lane-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  min-height: 32px;
-  margin-bottom: 12px;
-
-  h3 {
-    margin: 0;
-    overflow: hidden;
-    font-size: 19px;
-    font-weight: 800;
-    line-height: 24px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-
-.bulk-review-button {
-  flex: 0 0 auto;
-  height: 30px;
-  border-color: color.mix(
-    colors.color(warn),
-    colors.color(spark-yellow),
-    70%
-  ) !important;
-  color: color.mix(
-    colors.color(warn),
-    colors.color(spark-yellow),
-    70%
-  ) !important;
-  font-size: 12px;
-  font-weight: 800;
-
-  .mat-icon {
-    width: 16px;
-    height: 16px;
-    margin-right: 4px;
-    font-size: 16px;
-    line-height: 16px;
-  }
-
-  .mat-mdc-button-touch-target {
-    height: 32px !important;
-  }
-}
-
-.review-search {
-  width: 100%;
-  height: 24px;
-  border: 0;
-  border-radius: 5px;
-  padding: 0 8px;
-  font: inherit;
-  font-size: 14px;
-  line-height: 24px;
-  outline: none;
-
-  .light & {
-    background: rgba(colors.color(mitre-black), 0.07);
-    color: colors.on-color(light);
-
-    &::placeholder {
-      color: colors.on-color-deemphasis(light);
-    }
-  }
-
-  .dark & {
-    background: color.mix(colors.color(mitre-silver), colors.color(dark), 12%);
-    color: colors.on-color(dark);
-
-    &::placeholder {
-      color: colors.on-color-deemphasis(dark);
-    }
-  }
-
-  &:focus {
-    box-shadow: 0 0 0 2px rgba(colors.color(info), 0.45);
-  }
-}
-
-.review-lane-list {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  gap: 12px;
-  min-height: 0;
-  padding-top: 16px;
-  padding-right: 4px;
-  overflow-y: auto;
-  scrollbar-gutter: stable;
-}
-
-.review-empty-state {
-  border: 1px dashed;
-  border-radius: 5px;
-  padding: 20px 12px;
-  font-size: 14px;
-  line-height: 20px;
-  text-align: center;
-
-  .light & {
-    color: colors.on-color-deemphasis(light);
-    border-color: colors.border-color(light);
-    background: rgba(colors.color(mitre-black), 0.02);
-  }
-
-  .dark & {
-    color: colors.on-color-deemphasis(dark);
-    border-color: colors.border-color(dark);
-    background: rgba(colors.color(mitre-silver), 0.04);
-  }
-}
-
-@media (max-width: 1100px) {
-  .review-board {
-    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
-    height: auto;
-  }
-
-  .review-lane {
-    min-height: 420px;
-  }
-}
-
-@media (max-width: 720px) {
-  .review-board {
-    grid-template-columns: 1fr;
-    gap: 16px;
-  }
-
-  .review-lane-header {
-    align-items: flex-start;
-    flex-direction: column;
-  }
-}
diff --git a/src/app/components/release-track-review-board/release-track-review-board.component.ts b/src/app/components/release-track-review-board/release-track-review-board.component.ts
deleted file mode 100644
index a96b6deab..000000000
--- a/src/app/components/release-track-review-board/release-track-review-board.component.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import {
-  ReleaseTrackObjectCardComponent,
-  ReleaseTrackObjectItem,
-} from 'src/app/components/release-track-object-card/release-track-object-card.component';
-import { WorkflowStatus, WorkflowStatusType } from 'src/app/utils/types';
-
-interface ReleaseTrackReviewLane {
-  status: WorkflowStatusType;
-  title: string;
-  modifier: string;
-  searchPlaceholder: string;
-  emptyLabel: string;
-}
-
-@Component({
-  selector: 'app-release-track-review-board',
-  standalone: true,
-  imports: [
-    CommonModule,
-    FormsModule,
-    MatButtonModule,
-    MatIconModule,
-    ReleaseTrackObjectCardComponent,
-  ],
-  templateUrl: './release-track-review-board.component.html',
-  styleUrls: ['./release-track-review-board.component.scss'],
-})
-export class ReleaseTrackReviewBoardComponent {
-  @Input() items: ReleaseTrackObjectItem[] = [];
-
-  @Output() viewObject = new EventEmitter<ReleaseTrackObjectItem>();
-  @Output() diffObject = new EventEmitter<ReleaseTrackObjectItem>();
-  @Output() bulkReview = new EventEmitter<ReleaseTrackObjectItem[]>();
-
-  public readonly WorkflowStatus = WorkflowStatus;
-
-  public readonly lanes: ReleaseTrackReviewLane[] = [
-    {
-      status: WorkflowStatus.WorkInProgress,
-      title: 'Work in Progress',
-      modifier: 'work-in-progress',
-      searchPlaceholder: 'Search WIP...',
-      emptyLabel: 'No work in progress',
-    },
-    {
-      status: WorkflowStatus.AwaitingReview,
-      title: 'Awaiting Review',
-      modifier: 'awaiting-review',
-      searchPlaceholder: 'Search Awaiting Review...',
-      emptyLabel: 'No objects awaiting review',
-    },
-    {
-      status: WorkflowStatus.Reviewed,
-      title: 'Reviewed / Ready',
-      modifier: 'reviewed',
-      searchPlaceholder: 'Search Reviewed...',
-      emptyLabel: 'No reviewed objects',
-    },
-  ];
-
-  public searchTerms: Record<WorkflowStatusType, string> = {
-    [WorkflowStatus.WorkInProgress]: '',
-    [WorkflowStatus.AwaitingReview]: '',
-    [WorkflowStatus.Reviewed]: '',
-  };
-
-  public getLaneItems(lane: ReleaseTrackReviewLane): ReleaseTrackObjectItem[] {
-    const query = this.searchTerms[lane.status].trim().toLowerCase();
-    return this.items
-      .filter(
-        item =>
-          (item.object_status || WorkflowStatus.WorkInProgress) === lane.status
-      )
-      .filter(item => !query || this.searchText(item).includes(query));
-  }
-
-  public isReviewLane(lane: ReleaseTrackReviewLane): boolean {
-    return lane.status === WorkflowStatus.AwaitingReview;
-  }
-
-  public onBulkReview(items: ReleaseTrackObjectItem[]): void {
-    this.bulkReview.emit(items);
-  }
-
-  public trackByObjectRef(
-    _index: number,
-    item: ReleaseTrackObjectItem
-  ): string {
-    return `${item.object_ref}-${item.object_modified || ''}`;
-  }
-
-  private searchText(item: ReleaseTrackObjectItem): string {
-    try {
-      return JSON.stringify(item).toLowerCase();
-    } catch {
-      return [
-        item.object_ref,
-        item.object_status,
-        item.name,
-        item.description,
-        item.attackID,
-      ]
-        .filter(Boolean)
-        .join(' ')
-        .toLowerCase();
-    }
-  }
-}
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 7c81dd2c4..f4079d72d 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -24,7 +24,6 @@ <h1>
     [showHistory]="false"
     [showNotes]="false"
     [customTabs]="[
-      { label: 'Review', template: reviewTpl },
       { label: 'History', template: historyTpl },
       { label: 'Config', template: configTpl },
     ]"></app-stix-page-tabs>
@@ -32,187 +31,223 @@ <h1>
   <ng-template #detailsTpl>
     <!-- stats summary -->
     <div class="release-track-board">
-      <div class="summary-grid">
-        <div class="labelled-box summary-card candidates-summary">
-          <div class="content no-label">
-            <p class="summary-label">
-              <strong>Candidates</strong>
-              <span class="text-deemphasis">(in this draft)</span>
-            </p>
-            <div class="summary-value view-color">
-              {{ candidates.length || 0 }}
-            </div>
-          </div>
-        </div>
-        <div class="labelled-box summary-card staged-summary">
-          <div class="content no-label">
-            <p class="summary-label">
-              <strong>Staged</strong>
-              <span class="text-deemphasis">(for next release)</span>
-            </p>
-            <div class="summary-value promote-color">
-              {{ staged.length || 0 }}
+      <div class="labelled-box summary-frame">
+        <div
+          class="summary-overview content no-label"
+          aria-label="Release track summary">
+          <section class="summary-description">
+            <div class="summary-section-header">
+              <h2>Description</h2>
+              <button
+                *ngIf="!isEditingDescription"
+                class="description-edit-button"
+                mat-icon-button
+                type="button"
+                aria-label="Edit release track description"
+                (click)="onEditDescription()">
+                <mat-icon>edit</mat-icon>
+              </button>
             </div>
-          </div>
-        </div>
-        <div class="labelled-box summary-card members-summary">
-          <div class="content no-label">
-            <p class="summary-label">
-              <strong>Members</strong>
-              <span class="text-deemphasis">(published)</span>
+
+            <p
+              *ngIf="!isEditingDescription"
+              class="summary-description-text"
+              [ngClass]="{ empty: !releaseTrackDescription }">
+              {{ releaseTrackDescription || 'No description provided.' }}
             </p>
-            <div class="summary-value">
-              {{ members.length || 0 }}
-            </div>
-          </div>
-        </div>
-      </div>
 
-      <div class="release-columns">
-        <div class="release-column">
-          <!-- candidates list -->
-          <div class="labelled-box track-panel candidates-panel">
-            <div class="content no-label">
-              <div class="card-header member-list">
-                <h3 class="view-color">Candidates ({{ candidates.length }})</h3>
-                <div class="small-buttons">
-                  <button
-                    class="view-color"
-                    mat-stroked-button
-                    (click)="onAddCandidate()">
-                    <mat-icon>add</mat-icon>
-                    Add
-                  </button>
-                  <button
-                    class="promote-color"
-                    mat-stroked-button
-                    (click)="onPromoteAll()">
-                    Promote All
-                  </button>
-                </div>
+            <div *ngIf="isEditingDescription" class="description-editor">
+              <mat-form-field appearance="outline">
+                <textarea
+                  matInput
+                  rows="3"
+                  placeholder="Describe this release track..."
+                  [(ngModel)]="descriptionDraft"></textarea>
+              </mat-form-field>
+              <div class="small-buttons description-actions">
+                <button
+                  mat-stroked-button
+                  type="button"
+                  (click)="onCancelDescriptionEdit()">
+                  Cancel
+                </button>
+                <button
+                  mat-raised-button
+                  color="primary"
+                  type="button"
+                  [disabled]="isSavingDescription"
+                  (click)="onSaveDescription()">
+                  Save
+                </button>
               </div>
+            </div>
+          </section>
 
-              <mat-divider></mat-divider>
-
-              <div class="card-body list">
-                <div class="empty-state" *ngIf="!candidates.length">
-                  No candidates
-                </div>
-                <div *ngFor="let item of candidates">
-                  <ng-container
-                    *ngTemplateOutlet="
-                      memberTpl;
-                      context: {
-                        $implicit: item,
-                        type: 'candidate',
-                      }
-                    "></ng-container>
-                </div>
+          <div class="summary-stats" aria-label="Release track object counts">
+            <div class="summary-metric candidates-summary">
+              <strong class="summary-count view-color">
+                {{ candidates.length || 0 }}
+              </strong>
+              <div class="summary-copy">
+                <strong class="summary-heading">Candidates</strong>
+                <span class="text-deemphasis">in this draft</span>
               </div>
             </div>
-          </div>
-        </div>
 
-        <div class="release-column">
-          <!-- staged -->
-          <div class="labelled-box track-panel staged-panel">
-            <div class="content no-label">
-              <div class="card-header member-list">
-                <h3 class="promote-color">Staged ({{ staged.length }})</h3>
-                <div class="small-buttons">
-                  <button
-                    class="demote-color"
-                    mat-stroked-button
-                    (click)="onDemoteAll()">
-                    Demote All
-                  </button>
-                </div>
+            <div class="summary-metric staged-summary">
+              <strong class="summary-count promote-color">
+                {{ staged.length || 0 }}
+              </strong>
+              <div class="summary-copy">
+                <strong class="summary-heading">Staged</strong>
+                <span class="text-deemphasis">for next release</span>
               </div>
+            </div>
 
-              <mat-divider></mat-divider>
-
-              <div class="card-body list">
-                <div class="empty-state" *ngIf="!staged.length">
-                  No staged objects
-                </div>
-                <div *ngFor="let item of staged">
-                  <ng-container
-                    *ngTemplateOutlet="
-                      memberTpl;
-                      context: {
-                        $implicit: item,
-                        type: 'staged',
-                      }
-                    "></ng-container>
-                </div>
+            <div class="summary-metric members-summary">
+              <strong class="summary-count">
+                {{ members.length || 0 }}
+              </strong>
+              <div class="summary-copy">
+                <strong class="summary-heading">Released Members</strong>
+                <span class="text-deemphasis">published</span>
               </div>
             </div>
           </div>
         </div>
+      </div>
 
-        <div class="release-column">
-          <!-- members -->
-          <div class="labelled-box track-panel members-panel">
-            <div class="content no-label">
-              <div class="card-header member-list">
-                <h3>Members ({{ members.length }})</h3>
-              </div>
-
-              <mat-divider></mat-divider>
+      <div class="release-columns">
+        <div
+          class="release-column"
+          [ngClass]="{
+            'released-members-column': lane.isReleasedMembers,
+            'released-members-collapsed':
+              lane.isReleasedMembers && !showReleasedMembers,
+          }"
+          *ngFor="let lane of workspaceLanes; trackBy: trackByLaneKey">
+          <div
+            class="labelled-box track-panel"
+            [ngClass]="'track-panel-' + lane.modifier">
+            <button
+              *ngIf="
+                lane.isReleasedMembers && !showReleasedMembers;
+                else expandedLanePanel
+              "
+              class="released-members-rail"
+              type="button"
+              (click)="toggleReleasedMembers()">
+              <span class="released-members-label">
+                Released Members ({{ lane.items.length }})
+              </span>
+            </button>
 
-              <div class="card-body list">
-                <div class="empty-state" *ngIf="!members.length">
-                  No published objects
+            <ng-template #expandedLanePanel>
+              <div class="content no-label">
+                <div class="card-header member-list">
+                  <h3
+                    [ngClass]="{
+                      'view-color': lane.modifier === 'candidates',
+                      'review-color': lane.modifier === 'awaiting-review',
+                      'promote-color': lane.modifier === 'staged',
+                    }">
+                    {{ lane.title }} ({{ lane.items.length }})
+                  </h3>
+                  <div class="small-buttons">
+                    <button
+                      *ngIf="canAddCandidates(lane)"
+                      class="view-color"
+                      mat-stroked-button
+                      (click)="onAddCandidate()">
+                      <mat-icon>add</mat-icon>
+                      Add
+                    </button>
+                    <button
+                      *ngIf="lane.isReleasedMembers"
+                      mat-stroked-button
+                      type="button"
+                      (click)="toggleReleasedMembers()">
+                      <mat-icon>
+                        {{
+                          showReleasedMembers ? 'visibility_off' : 'visibility'
+                        }}
+                      </mat-icon>
+                      {{ showReleasedMembers ? 'Hide' : 'Show' }}
+                    </button>
+                  </div>
                 </div>
-                <div *ngFor="let item of members">
-                  <ng-container
-                    *ngTemplateOutlet="
-                      memberTpl;
-                      context: {
-                        $implicit: item,
-                        type: 'member',
-                      }
-                    "></ng-container>
+
+                <mat-divider></mat-divider>
+
+                <div class="card-body list">
+                  <div class="empty-state" *ngIf="!lane.items.length">
+                    {{ lane.emptyLabel }}
+                  </div>
+                  <div
+                    *ngFor="let item of lane.items; trackBy: trackByObjectRef">
+                    <ng-container
+                      *ngTemplateOutlet="
+                        memberTpl;
+                        context: {
+                          $implicit: item,
+                          lane: lane,
+                        }
+                      "></ng-container>
+                  </div>
                 </div>
               </div>
-            </div>
+            </ng-template>
           </div>
         </div>
       </div>
     </div>
   </ng-template>
 
-  <ng-template #memberTpl let-item let-type="type">
+  <ng-template #memberTpl let-item let-lane="lane">
     <app-release-track-object-card
       [item]="item"
-      [cardType]="type"
-      [laneStatus]="item.object_status"
-      [showDescription]="false"
-      [showDiff]="type !== 'member'"
-      [showModifiedMeta]="false"
+      [cardType]="lane.type"
+      [laneStatus]="getLaneStatus(item, lane)"
+      [showDescription]="shouldShowLaneDescription(lane)"
+      [showDiff]="!canReviewAndApprove(item, lane)"
+      [showModifiedMeta]="true"
       (viewObject)="onView($event.object_ref)"
-      (diffObject)="onDiff($event.object_ref)">
+      (diffObject)="onDiff($event)">
       <app-status-chip
-        *ngIf="item.object_status"
         card-header-action
-        [status]="item.object_status"></app-status-chip>
+        [status]="getLaneStatus(item, lane)"></app-status-chip>
 
       <div
-        *ngIf="type === 'candidate' || type === 'staged'"
+        *ngIf="
+          canReviewAndApprove(item, lane) ||
+          canManuallyPromote(lane) ||
+          canManuallyDemote(lane)
+        "
         card-footer-action
         class="small-buttons">
         <button
-          *ngIf="type === 'candidate'"
+          *ngIf="canReviewAndApprove(item, lane)"
+          class="review-color"
+          mat-stroked-button
+          type="button"
+          (click)="onReviewAndApprove(item)">
+          <mat-icon>fact_check</mat-icon>
+          Review
+        </button>
+        <button
+          *ngIf="canManuallyPromote(lane)"
           class="promote-color"
           mat-stroked-button
+          type="button"
           (click)="onPromote(item.object_ref)">
           <mat-icon>arrow_forward</mat-icon>
           Promote
         </button>
         <button
-          *ngIf="type === 'staged'"
+          *ngIf="canManuallyDemote(lane)"
           class="demote-color"
           mat-stroked-button
+          type="button"
           (click)="onDemote(item)">
           <mat-icon>arrow_back</mat-icon>
           Demote
@@ -221,17 +256,6 @@ <h3>Members ({{ members.length }})</h3>
     </app-release-track-object-card>
   </ng-template>
 
-  <ng-template #reviewTpl>
-    <div class="review-tpl-wrapper">
-      <app-release-track-review-board
-        [items]="reviewItems"
-        (viewObject)="onView($event.object_ref)"
-        (diffObject)="onDiff($event)"
-        (bulkReview)="onBulkReviewAll($event)">
-      </app-release-track-review-board>
-    </div>
-  </ng-template>
-
   <ng-template #historyTpl>
     <div class="history-tpl">TODO</div>
   </ng-template>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index a9b086ecb..e83a48243 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -1,6 +1,14 @@
 @use 'sass:color';
 @use '../../../../../style/colors' as colors;
 
+$awaiting-review-color: color.mix(
+  colors.color(warn),
+  colors.color(spark-yellow),
+  70%
+);
+$released-members-disabled-light: colors.on-color-deemphasis(light);
+$released-members-disabled-dark: colors.on-color-deemphasis(dark);
+
 .release-track-page {
   .promote-color {
     color: colors.color(success);
@@ -8,8 +16,11 @@
   .view-color {
     color: colors.color(info);
   }
+  .review-color {
+    color: $awaiting-review-color;
+  }
   .demote-color {
-    color: color.mix(colors.color(warn), colors.color(spark-yellow), 70%);
+    color: $awaiting-review-color;
   }
 
   .release-track-header {
@@ -33,10 +44,6 @@
     gap: 8px;
   }
 
-  .review-tpl-wrapper {
-    margin-top: 20px;
-  }
-
   .release-track-board {
     display: flex;
     flex-direction: column;
@@ -45,34 +52,205 @@
     min-height: 0;
   }
 
-  .summary-grid,
-  .release-columns {
+  .summary-frame {
+    flex: 0 0 auto;
+  }
+
+  .summary-frame > .summary-overview.content {
     display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-    gap: 16px;
+    grid-template-columns: minmax(0, 1fr) minmax(520px, 620px);
+    overflow: hidden;
+    padding: 0 !important;
+
+    .light & {
+      background: rgba(colors.color(mitre-black), 0.018);
+    }
+
+    .dark & {
+      background: rgba(colors.color(mitre-silver), 0.035);
+    }
   }
 
-  .summary-grid {
+  .summary-description {
+    min-width: 0;
+    padding: 14px 18px;
+  }
+
+  .summary-section-header {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: 6px;
+    min-height: 32px;
+
+    h2 {
+      margin: 0;
+      font-size: 15px;
+      font-weight: 800;
+      line-height: 20px;
+    }
+  }
+
+  .description-edit-button {
     flex: 0 0 auto;
+    width: 28px;
+    height: 28px;
+    padding: 0;
+
+    .mat-icon {
+      width: 18px;
+      height: 18px;
+      font-size: 18px;
+      line-height: 18px;
+    }
+  }
+
+  .summary-description-text {
+    display: -webkit-box;
+    max-width: 72ch;
+    margin: 4px 0 0;
+    overflow: hidden;
+    font-size: 14px;
+    line-height: 20px;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+
+    &.empty {
+      font-style: italic;
+    }
+
+    .light & {
+      color: colors.on-color(light);
+
+      &.empty {
+        color: colors.on-color-deemphasis(light);
+      }
+    }
+
+    .dark & {
+      color: colors.on-color(dark);
+
+      &.empty {
+        color: colors.on-color-deemphasis(dark);
+      }
+    }
+  }
+
+  .description-editor {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin-top: 8px;
+
+    .mat-mdc-form-field {
+      width: 100%;
+    }
+
+    textarea {
+      min-height: 72px;
+      resize: vertical;
+    }
+  }
+
+  .description-actions {
+    justify-content: flex-end;
+  }
+
+  .summary-stats {
+    display: grid;
+    grid-template-columns:
+      minmax(150px, 1fr)
+      minmax(130px, 0.85fr)
+      minmax(190px, 1.2fr);
+
+    .light & {
+      border-left: 1px solid colors.border-color(light);
+      background: rgba(colors.color(mitre-black), 0.014);
+    }
+
+    .dark & {
+      border-left: 1px solid colors.border-color(dark);
+      background: rgba(colors.color(mitre-silver), 0.025);
+    }
+  }
+
+  .summary-metric {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    min-width: 0;
+    padding: 14px 16px;
+
+    & + .summary-metric {
+      .light & {
+        border-left: 1px solid colors.border-color(light);
+      }
+
+      .dark & {
+        border-left: 1px solid colors.border-color(dark);
+      }
+    }
+  }
+
+  .summary-copy {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    justify-content: center;
+    min-width: 0;
+    font-size: 14px;
+    line-height: 18px;
+  }
+
+  .summary-heading {
+    display: block;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .summary-copy .text-deemphasis {
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    font-size: 12px;
+    line-height: 16px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .summary-count {
+    flex: 0 0 auto;
+    min-width: 1.25ch;
+    font-size: 32px;
+    font-weight: 800;
+    line-height: 36px;
+    text-align: right;
   }
 
   .release-columns {
+    display: flex;
+    gap: 16px;
     flex: 1 1 auto;
     align-items: stretch;
     min-height: 0;
   }
 
   .release-column {
-    min-width: 0;
+    display: flex;
+    flex: 1 1 0;
+    align-self: stretch;
+    min-width: 260px;
     min-height: 0;
   }
 
-  .release-column {
-    display: flex;
-    align-self: stretch;
+  .released-members-collapsed {
+    flex: 0 0 46px;
+    min-width: 46px;
+    max-width: 46px;
   }
 
-  .summary-card,
   .track-panel {
     height: 100%;
   }
@@ -82,6 +260,58 @@
     min-height: 0;
   }
 
+  .released-members-rail {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    min-height: 0;
+    border: 1px dashed currentColor;
+    border-radius: 4px;
+    padding: 14px 6px;
+    color: $released-members-disabled-light;
+    font: inherit;
+    font-weight: 800;
+    text-transform: uppercase;
+    background: transparent;
+    cursor: pointer;
+
+    .light & {
+      color: $released-members-disabled-light;
+      background: rgba(colors.color(mitre-black), 0.025);
+    }
+
+    .dark & {
+      color: $released-members-disabled-dark;
+      background: rgba(colors.color(mitre-silver), 0.04);
+    }
+
+    &:hover {
+      .light & {
+        background: rgba(colors.color(mitre-black), 0.045);
+      }
+
+      .dark & {
+        background: rgba(colors.color(mitre-silver), 0.075);
+      }
+    }
+
+    &:focus-visible {
+      outline: 2px solid currentColor;
+      outline-offset: 2px;
+    }
+  }
+
+  .released-members-label {
+    writing-mode: vertical-rl;
+    transform: rotate(180deg);
+    white-space: nowrap;
+    font-size: 11px;
+    line-height: 14px;
+  }
+
   .labelled-box > .content {
     display: block;
 
@@ -112,41 +342,19 @@
     }
   }
 
-  .summary-card > .content {
-    position: relative;
-    overflow: hidden;
-    min-height: 104px;
-    padding: 18px 20px 16px;
-    box-shadow: inset 0 4px 0 colors.border-color(light);
-  }
-
-  .summary-label {
-    display: flex;
-    gap: 4px;
-    align-items: center;
-    margin: 0;
-    line-height: 20px;
-  }
-
-  .summary-value {
-    margin-top: 12px;
-    font-size: 30px;
-    font-weight: 800;
-    line-height: 36px;
+  .track-panel-candidates > .content {
+    box-shadow: inset 0 4px 0 colors.color(info);
   }
 
-  .candidates-summary > .content,
-  .candidates-panel > .content {
-    box-shadow: inset 0 4px 0 colors.color(info);
+  .track-panel-awaiting-review > .content {
+    box-shadow: inset 0 4px 0 $awaiting-review-color;
   }
 
-  .staged-summary > .content,
-  .staged-panel > .content {
+  .track-panel-staged > .content {
     box-shadow: inset 0 4px 0 colors.color(success);
   }
 
-  .members-summary > .content,
-  .members-panel > .content {
+  .track-panel-members > .content {
     box-shadow: inset 0 4px 0 colors.border-color(light);
   }
 
@@ -228,9 +436,44 @@
       height: auto;
     }
 
-    .summary-grid,
     .release-columns {
-      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+      flex-wrap: wrap;
+    }
+
+    .release-column {
+      flex-basis: calc(50% - 8px);
+    }
+
+    .summary-frame > .summary-overview.content {
+      grid-template-columns: 1fr;
+    }
+
+    .summary-stats {
+      .light & {
+        border-top: 1px solid colors.border-color(light);
+        border-left: 0;
+      }
+
+      .dark & {
+        border-top: 1px solid colors.border-color(dark);
+        border-left: 0;
+      }
+    }
+
+    .released-members-collapsed {
+      flex-basis: 100%;
+      max-width: none;
+      min-height: 52px;
+    }
+
+    .released-members-rail {
+      flex-direction: row;
+      min-height: 52px;
+    }
+
+    .released-members-label {
+      writing-mode: horizontal-tb;
+      transform: none;
     }
 
     .track-panel > .content {
@@ -247,5 +490,31 @@
     .release-track-actions {
       justify-content: flex-start;
     }
+
+    .release-column {
+      flex-basis: 100%;
+    }
+
+    .summary-stats {
+      grid-template-columns: 1fr;
+    }
+
+    .summary-metric {
+      & + .summary-metric {
+        .light &,
+        .dark & {
+          border-left: 0;
+          border-top: 1px solid;
+        }
+
+        .light & {
+          border-top-color: colors.border-color(light);
+        }
+
+        .dark & {
+          border-top-color: colors.border-color(dark);
+        }
+      }
+    }
   }
 }
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 4be518ac8..e7ac74915 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -14,6 +14,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
+import { FormsModule } from '@angular/forms';
 
 describe('ReleaseTrackPageComponent', () => {
   let component: ReleaseTrackPageComponent;
@@ -27,6 +28,7 @@ describe('ReleaseTrackPageComponent', () => {
       getLatestSnapshot: vi.fn(() => createAsyncObservable(null)),
       exportLatestSnapshot: vi.fn(() => createAsyncObservable({})),
       reviewCandidates: vi.fn(() => createAsyncObservable({})),
+      updateMetadataByLatest: vi.fn(() => createAsyncObservable({})),
     });
     mockDialog = {
       open: vi.fn(),
@@ -46,6 +48,7 @@ describe('ReleaseTrackPageComponent', () => {
 
     await TestBed.configureTestingModule({
       declarations: [ReleaseTrackPageComponent],
+      imports: [FormsModule],
       providers: [
         {
           provide: ReleaseTracksConnectorService,
@@ -144,13 +147,21 @@ describe('ReleaseTrackPageComponent', () => {
     expect(mockDialog.open).not.toHaveBeenCalled();
   });
 
-  it('should combine candidates and staged objects for review lanes', () => {
+  it('should split auto-promotion release tracks into workflow lanes', () => {
     component.releaseTrack = {
+      config: { auto_promote: true },
       candidates: [
+        {
+          object_ref: 'attack-pattern--wip',
+        },
         {
           object_ref: 'attack-pattern--candidate',
           object_status: 'awaiting-review',
         },
+        {
+          object_ref: 'attack-pattern--reviewed-candidate',
+          object_status: 'reviewed',
+        },
       ],
       staged: [
         {
@@ -158,95 +169,111 @@ describe('ReleaseTrackPageComponent', () => {
           object_status: 'reviewed',
         },
       ],
+      members: [
+        {
+          object_ref: 'attack-pattern--member',
+        },
+      ],
     } as any;
 
-    expect(component.reviewItems).toEqual([
-      expect.objectContaining({
-        object_ref: 'attack-pattern--candidate',
-        release_track_tier: 'candidate',
-      }),
-      expect.objectContaining({
-        object_ref: 'attack-pattern--staged',
-        release_track_tier: 'staged',
-      }),
+    const lanes = component.workspaceLanes;
+
+    expect(lanes.map(lane => lane.title)).toEqual([
+      'Candidates WIP',
+      'Candidates Awaiting Review',
+      'Staged/Reviewed',
+      'Released Members',
+    ]);
+    expect(lanes.map(lane => lane.items.map(item => item.object_ref))).toEqual([
+      ['attack-pattern--wip'],
+      ['attack-pattern--candidate'],
+      ['attack-pattern--reviewed-candidate', 'attack-pattern--staged'],
+      ['attack-pattern--member'],
     ]);
+    expect(component.canReviewAndApprove(lanes[1].items[0], lanes[1])).toBe(
+      true
+    );
+    expect(component.canManuallyPromote(lanes[0])).toBe(false);
+    expect(lanes[3].isReleasedMembers).toBe(true);
   });
 
-  it('should review and approve a single awaiting-review candidate', () => {
-    const refreshSpy = vi
-      .spyOn(component, 'getReleaseTrack')
-      .mockImplementation(() => undefined);
-    mockReleaseTrackApiConnector.reviewCandidates.mockReturnValue(of({}));
-    component.id = 'release-track--123';
+  it('should keep manual release tracks in candidate and staged lanes', () => {
+    component.releaseTrack = {
+      config: { auto_promote: false },
+      candidates: [
+        {
+          object_ref: 'attack-pattern--candidate',
+          object_status: 'awaiting-review',
+        },
+      ],
+      staged: [
+        {
+          object_ref: 'attack-pattern--staged',
+        },
+      ],
+      members: [],
+    } as any;
 
-    component.onReviewAndApprove({
-      object_ref: 'attack-pattern--123',
-      object_modified: new Date('2024-04-20T00:00:00.000Z'),
-    });
+    const lanes = component.workspaceLanes;
 
-    expect(mockReleaseTrackApiConnector.reviewCandidates).toHaveBeenCalledWith(
-      'release-track--123',
-      {
-        from: 'awaiting-review',
-        to: 'reviewed',
-        object_refs: [
-          {
-            id: 'attack-pattern--123',
-            modified: '2024-04-20T00:00:00.000Z',
-          },
-        ],
-      }
+    expect(lanes.map(lane => lane.title)).toEqual([
+      'Candidates',
+      'Staged',
+      'Released Members',
+    ]);
+    expect(lanes[0].items.map(item => item.object_ref)).toEqual([
+      'attack-pattern--candidate',
+    ]);
+    expect(component.canManuallyPromote(lanes[0])).toBe(true);
+    expect(component.canManuallyDemote(lanes[1])).toBe(true);
+    expect(component.canReviewAndApprove(lanes[0].items[0], lanes[0])).toBe(
+      false
     );
-    expect(refreshSpy).toHaveBeenCalled();
   });
 
-  it('should bulk review all awaiting-review candidates', () => {
-    mockReleaseTrackApiConnector.reviewCandidates.mockReturnValue(of({}));
+  it('should hide released members until toggled open', () => {
+    expect(component.showReleasedMembers).toBe(false);
+
+    component.toggleReleasedMembers();
+
+    expect(component.showReleasedMembers).toBe(true);
+  });
+
+  it('should update the release track description', () => {
+    const refreshSpy = vi
+      .spyOn(component, 'getReleaseTrack')
+      .mockImplementation(() => undefined);
+    mockReleaseTrackApiConnector.updateMetadataByLatest.mockReturnValue(of({}));
     component.id = 'release-track--123';
+    component.releaseTrack = {
+      name: 'Enterprise Release',
+      description: 'Original description',
+    } as any;
 
-    component.onBulkReviewAll([
-      {
-        object_ref: 'attack-pattern--123',
-        object_modified: '2024-04-20T00:00:00.000Z',
-      },
-      {
-        object_ref: 'x-mitre-tactic--456',
-      },
-    ]);
+    component.onEditDescription();
+    component.descriptionDraft = 'Updated description';
+    component.onSaveDescription();
 
-    expect(mockReleaseTrackApiConnector.reviewCandidates).toHaveBeenCalledWith(
-      'release-track--123',
-      {
-        from: 'awaiting-review',
-        to: 'reviewed',
-        object_refs: [
-          {
-            id: 'attack-pattern--123',
-            modified: '2024-04-20T00:00:00.000Z',
-          },
-          'x-mitre-tactic--456',
-        ],
-      }
-    );
+    expect(
+      mockReleaseTrackApiConnector.updateMetadataByLatest
+    ).toHaveBeenCalledWith('release-track--123', {
+      description: 'Updated description',
+    });
+    expect(component.isEditingDescription).toBe(false);
+    expect(refreshSpy).toHaveBeenCalled();
   });
 
-  it('should not send staged objects to the candidate review endpoint', () => {
-    const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => null);
+  it('should review and approve a single awaiting-review candidate', () => {
+    const refreshSpy = vi
+      .spyOn(component, 'getReleaseTrack')
+      .mockImplementation(() => undefined);
     mockReleaseTrackApiConnector.reviewCandidates.mockReturnValue(of({}));
     component.id = 'release-track--123';
 
-    component.onBulkReviewAll([
-      {
-        object_ref: 'attack-pattern--candidate',
-        object_modified: '2024-04-20T00:00:00.000Z',
-        release_track_tier: 'candidate',
-      },
-      {
-        object_ref: 'attack-pattern--staged',
-        object_modified: '2024-04-21T00:00:00.000Z',
-        release_track_tier: 'staged',
-      },
-    ]);
+    component.onReviewAndApprove({
+      object_ref: 'attack-pattern--123',
+      object_modified: new Date('2024-04-20T00:00:00.000Z'),
+    });
 
     expect(mockReleaseTrackApiConnector.reviewCandidates).toHaveBeenCalledWith(
       'release-track--123',
@@ -255,20 +282,12 @@ describe('ReleaseTrackPageComponent', () => {
         to: 'reviewed',
         object_refs: [
           {
-            id: 'attack-pattern--candidate',
+            id: 'attack-pattern--123',
             modified: '2024-04-20T00:00:00.000Z',
           },
         ],
       }
     );
-    expect(consoleSpy).toHaveBeenCalledWith(
-      'onBulkReviewAll staged objects',
-      expect.arrayContaining([
-        expect.objectContaining({
-          object_ref: 'attack-pattern--staged',
-        }),
-      ])
-    );
-    consoleSpy.mockRestore();
+    expect(refreshSpy).toHaveBeenCalled();
   });
 });
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index dd01126ce..9d99aa674 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -22,6 +22,20 @@ import {
 } from 'src/app/utils/types';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
 import { take } from 'rxjs/operators';
+import { ReleaseTrackObjectItem } from 'src/app/components/release-track-object-card/release-track-object-card.component';
+
+type ReleaseTrackLaneType = 'candidate' | 'staged' | 'member';
+
+interface ReleaseTrackWorkspaceLane {
+  key: string;
+  title: string;
+  type: ReleaseTrackLaneType;
+  modifier: string;
+  items: ReleaseTrackObjectItem[];
+  emptyLabel: string;
+  statusFallback: WorkflowStatusType;
+  isReleasedMembers?: boolean;
+}
 
 @Component({
   selector: 'app-release-track-page',
@@ -32,6 +46,10 @@ import { take } from 'rxjs/operators';
 export class ReleaseTrackPageComponent implements OnInit {
   public id = '';
   public releaseTrack: ReleaseTrackSnapshot | null = null;
+  public showReleasedMembers = false;
+  public descriptionDraft = '';
+  public isEditingDescription = false;
+  public isSavingDescription = false;
 
   constructor(
     private connector: ReleaseTracksConnectorService,
@@ -44,6 +62,7 @@ export class ReleaseTrackPageComponent implements OnInit {
 
   ngOnInit(): void {
     this.route.params.subscribe(params => {
+      if (this.id !== params.id) this.showReleasedMembers = false;
       this.id = params.id;
       if (this.id) this.getReleaseTrack();
     });
@@ -53,6 +72,10 @@ export class ReleaseTrackPageComponent implements OnInit {
     return this.releaseTrack?.name ?? '';
   }
 
+  public get releaseTrackDescription(): string {
+    return this.releaseTrack?.description?.trim() ?? '';
+  }
+
   public get candidates(): any[] {
     return this.releaseTrack?.candidates ?? [];
   }
@@ -61,21 +84,91 @@ export class ReleaseTrackPageComponent implements OnInit {
     return this.releaseTrack?.staged ?? [];
   }
 
-  public get reviewItems(): any[] {
+  public get members(): any[] {
+    return this.releaseTrack?.members ?? [];
+  }
+
+  public get autoPromotionEnabled(): boolean {
+    return !!this.releaseTrack?.config?.auto_promote;
+  }
+
+  public get workspaceLanes(): ReleaseTrackWorkspaceLane[] {
+    if (this.autoPromotionEnabled) {
+      return [
+        {
+          key: 'candidates-wip',
+          title: 'Candidates WIP',
+          type: 'candidate',
+          modifier: 'candidates',
+          items: this.candidates.filter(
+            item => this.getObjectStatus(item) === WorkflowStatus.WorkInProgress
+          ),
+          emptyLabel: 'No work in progress candidates',
+          statusFallback: WorkflowStatus.WorkInProgress,
+        },
+        {
+          key: 'candidates-awaiting-review',
+          title: 'Candidates Awaiting Review',
+          type: 'candidate',
+          modifier: 'awaiting-review',
+          items: this.candidates.filter(
+            item => this.getObjectStatus(item) === WorkflowStatus.AwaitingReview
+          ),
+          emptyLabel: 'No candidates awaiting review',
+          statusFallback: WorkflowStatus.AwaitingReview,
+        },
+        {
+          key: 'staged-reviewed',
+          title: 'Staged/Reviewed',
+          type: 'staged',
+          modifier: 'staged',
+          items: [
+            ...this.candidates.filter(
+              item => this.getObjectStatus(item) === WorkflowStatus.Reviewed
+            ),
+            ...this.staged,
+          ],
+          emptyLabel: 'No staged or reviewed objects',
+          statusFallback: WorkflowStatus.Reviewed,
+        },
+        this.releasedMembersLane,
+      ];
+    }
+
     return [
-      ...this.candidates.map(item => ({
-        ...item,
-        release_track_tier: 'candidate',
-      })),
-      ...this.staged.map(item => ({
-        ...item,
-        release_track_tier: 'staged',
-      })),
+      {
+        key: 'candidates',
+        title: 'Candidates',
+        type: 'candidate',
+        modifier: 'candidates',
+        items: this.candidates,
+        emptyLabel: 'No candidates',
+        statusFallback: WorkflowStatus.WorkInProgress,
+      },
+      {
+        key: 'staged',
+        title: 'Staged',
+        type: 'staged',
+        modifier: 'staged',
+        items: this.staged,
+        emptyLabel: 'No staged objects',
+        statusFallback: WorkflowStatus.Reviewed,
+      },
+      this.releasedMembersLane,
     ];
   }
 
-  public get members(): any[] {
-    return this.releaseTrack?.members ?? [];
+  private get releasedMembersLane(): ReleaseTrackWorkspaceLane {
+    return {
+      key: 'released-members',
+      title: 'Released Members',
+      type: 'member',
+      modifier: 'members',
+      items: this.members,
+      emptyLabel: 'No released members',
+      statusFallback: WorkflowStatus.Reviewed,
+      isReleasedMembers: true,
+    };
   }
 
   public getReleaseTrack(): void {
@@ -265,24 +358,95 @@ export class ReleaseTrackPageComponent implements OnInit {
     );
   }
 
-  public onBulkReviewAll(items: any[]): void {
-    const candidateItems = items.filter(
-      item => this.getReleaseTrackTier(item) === 'candidate'
-    );
-    const stagedItems = items.filter(
-      item => this.getReleaseTrackTier(item) === 'staged'
+  public canAddCandidates(lane: ReleaseTrackWorkspaceLane): boolean {
+    return lane.key === 'candidates' || lane.key === 'candidates-wip';
+  }
+
+  public canReviewAndApprove(
+    item: ReleaseTrackObjectItem,
+    lane: ReleaseTrackWorkspaceLane
+  ): boolean {
+    return (
+      this.autoPromotionEnabled &&
+      lane.type === 'candidate' &&
+      this.getLaneStatus(item, lane) === WorkflowStatus.AwaitingReview
     );
+  }
+
+  public canManuallyPromote(lane: ReleaseTrackWorkspaceLane): boolean {
+    return !this.autoPromotionEnabled && lane.type === 'candidate';
+  }
+
+  public canManuallyDemote(lane: ReleaseTrackWorkspaceLane): boolean {
+    return !this.autoPromotionEnabled && lane.type === 'staged';
+  }
 
-    if (stagedItems.length) {
-      // TODO: wire staged object review transition once the API is available.
-      console.log('onBulkReviewAll staged objects', stagedItems);
+  public getLaneStatus(
+    item: ReleaseTrackObjectItem,
+    lane: ReleaseTrackWorkspaceLane
+  ): WorkflowStatusType {
+    return item.object_status || lane.statusFallback;
+  }
+
+  public shouldShowLaneDescription(lane: ReleaseTrackWorkspaceLane): boolean {
+    return this.autoPromotionEnabled && !lane.isReleasedMembers;
+  }
+
+  public toggleReleasedMembers(): void {
+    this.showReleasedMembers = !this.showReleasedMembers;
+  }
+
+  public onEditDescription(): void {
+    this.descriptionDraft = this.releaseTrack?.description ?? '';
+    this.isEditingDescription = true;
+  }
+
+  public onCancelDescriptionEdit(): void {
+    this.descriptionDraft = '';
+    this.isEditingDescription = false;
+  }
+
+  public onSaveDescription(): void {
+    if (!this.id || !this.releaseTrack || this.isSavingDescription) return;
+
+    const description = this.descriptionDraft.trim();
+    if (description === this.releaseTrackDescription) {
+      this.onCancelDescriptionEdit();
+      return;
     }
 
-    this.reviewCandidateStatus(
-      WorkflowStatus.AwaitingReview,
-      WorkflowStatus.Reviewed,
-      candidateItems
-    );
+    this.isSavingDescription = true;
+    this.connector
+      .updateMetadataByLatest(this.id, { description })
+      .pipe(take(1))
+      .subscribe({
+        next: () => {
+          this.isEditingDescription = false;
+          this.descriptionDraft = '';
+          this.getReleaseTrack();
+        },
+        error: err => {
+          this.isSavingDescription = false;
+          console.error('Failed to update release track description', err);
+        },
+        complete: () => {
+          this.isSavingDescription = false;
+        },
+      });
+  }
+
+  public trackByLaneKey(
+    _index: number,
+    lane: ReleaseTrackWorkspaceLane
+  ): string {
+    return lane.key;
+  }
+
+  public trackByObjectRef(
+    _index: number,
+    item: ReleaseTrackObjectItem
+  ): string {
+    return `${item.object_ref}-${item.object_modified || ''}`;
   }
 
   public onExport(): void {
@@ -403,10 +567,8 @@ export class ReleaseTrackPageComponent implements OnInit {
     return modified ? { id: item.object_ref, modified } : item.object_ref;
   }
 
-  private getReleaseTrackTier(item: any): 'candidate' | 'staged' | null {
-    if (item?.release_track_tier) return item.release_track_tier;
-    if (item?.object_staged_at || item?.object_staged_by) return 'staged';
-    return item?.object_ref ? 'candidate' : null;
+  private getObjectStatus(item: ReleaseTrackObjectItem): WorkflowStatusType {
+    return item.object_status || WorkflowStatus.WorkInProgress;
   }
 
   private toIsoString(value: Date | string | undefined): string | undefined {

From 201dd3ee423032c6263e245bef224972890b66c9 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 15 Jun 2026 13:33:01 -0400
Subject: [PATCH 074/190] feat(release-tracks): add history and config tabs

---
 .../rest-api/release-tracks.service.ts        | 218 +++++-
 .../release-track-page.component.html         | 445 ++++++++++-
 .../release-track-page.component.scss         | 392 ++++++++++
 .../release-track-page.component.spec.ts      | 303 ++++++-
 .../release-track-page.component.ts           | 737 +++++++++++++++++-
 5 files changed, 2038 insertions(+), 57 deletions(-)

diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 8e3763199..fa0e22e3e 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -8,11 +8,11 @@ import { logger } from '../../../utils/logger';
 import { ApiConnector } from '../api-connector';
 import {
   ExportFormatType,
+  ReleaseTrackConfig,
   ReleaseTrackSnapshot,
   ReleaseTrackType,
 } from 'src/app/classes/release-tracks';
 import { Paginated } from './rest-api-connector.service';
-import { WorkflowStatusType } from 'src/app/utils/types';
 
 // -----------------------------------------------------------------------------
 // Request Payload Definitions for Release Tracks API Requests
@@ -78,10 +78,7 @@ export interface UpdateVersionPayload {
   new_modified?: string;
 }
 
-export interface ConfigPayload {
-  candidacy_threshold?: WorkflowStatusType;
-  auto_promote?: boolean;
-}
+export type ConfigPayload = Partial<ReleaseTrackConfig>;
 
 export interface ReleaseTrackSnapshotOptions {
   format?: ExportFormatType;
@@ -89,6 +86,80 @@ export interface ReleaseTrackSnapshotOptions {
   [key: string]: any;
 }
 
+export interface CreateVirtualSnapshotPayload {
+  description?: string;
+}
+
+export interface CreateVirtualSnapshotResponse {
+  stix?: {
+    id?: string;
+    modified?: string;
+    x_mitre_version?: string | null;
+    type?: ReleaseTrackType | string;
+    [key: string]: any;
+  };
+  composition_resolution?: {
+    resolved_at?: string;
+    component_snapshots?: any[];
+    total_objects?: number;
+    duplicates_resolved?: number;
+    [key: string]: any;
+  };
+  [key: string]: any;
+}
+
+export interface PreviewVirtualSnapshotResponse {
+  preview?: {
+    would_resolve_to?: {
+      component_snapshots?: any[];
+      total_objects?: number;
+      [key: string]: any;
+    };
+    comparison_to_latest_tagged?: {
+      current_version?: string | null;
+      new_objects?: number;
+      updated_objects?: number;
+      removed_objects?: number;
+      [key: string]: any;
+    };
+    [key: string]: any;
+  };
+  [key: string]: any;
+}
+
+export interface ReleaseTrackSnapshotHistoryItem {
+  id?: string;
+  modified?: string | Date;
+  version?: string | null;
+  created?: string | Date;
+  tagged_at?: string | Date;
+  snapshot_id?: string | Date;
+  members?: any[];
+  staged?: any[];
+  candidates?: any[];
+  contents?: {
+    members?: any[];
+    staged?: any[];
+    candidates?: any[];
+    [key: string]: any;
+  };
+  summary?: {
+    members_count?: number;
+    added_count?: number;
+    modified_count?: number;
+    promoted_count?: number;
+    [key: string]: any;
+  };
+  stix?: {
+    id?: string;
+    modified?: string | Date;
+    x_mitre_version?: string | null;
+    x_mitre_contents?: any[];
+    [key: string]: any;
+  };
+  [key: string]: any;
+}
+
 // -----------------------------------------------------------------------------
 // Release Tracks API Connector Service
 // -----------------------------------------------------------------------------
@@ -119,6 +190,36 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     return params;
   }
 
+  private normalizeSnapshotHistory(
+    result: any
+  ): ReleaseTrackSnapshotHistoryItem[] {
+    if (!result) return [];
+    if (Array.isArray(result)) return result;
+
+    const snapshots =
+      result.snapshots ||
+      result.data ||
+      result.versions ||
+      result.release_track_snapshots ||
+      result.history ||
+      [];
+
+    if (Array.isArray(snapshots) && snapshots.length) return snapshots;
+
+    const historyItems = Array.isArray(result.version_history)
+      ? result.version_history.map((entry: any) => ({
+          ...entry,
+          modified: entry.snapshot_id,
+        }))
+      : [];
+
+    if (!result.version) {
+      return [result, ...historyItems];
+    }
+
+    return historyItems.length ? historyItems : [result];
+  }
+
   // -----------------------------------------------------------------------------
   // Ephemeral
   // -----------------------------------------------------------------------------
@@ -246,6 +347,26 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     );
   }
 
+  /**
+   * GET /api/release-tracks/:id
+   * Build snapshot history from the latest snapshot and its version_history.
+   * @param id Release track id
+   * @returns Observable<ReleaseTrackSnapshotHistoryItem[]>
+   */
+  public listSnapshots(
+    id: string
+  ): Observable<ReleaseTrackSnapshotHistoryItem[]> {
+    const url = `${this.apiUrl}/release-tracks/${id}`;
+    return this.http.get(url).pipe(
+      tap(result => logger.log(`retrieved snapshots for track ${id}`, result)),
+      map(result => this.normalizeSnapshotHistory(result)),
+      catchError(
+        this.handleError_continue<ReleaseTrackSnapshotHistoryItem[]>([])
+      ),
+      share()
+    );
+  }
+
   /**
    * GET /api/release-tracks/:id?format=:format
    * Retrieve the latest snapshot in an export format without deserializing it.
@@ -273,6 +394,35 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     );
   }
 
+  /**
+   * GET /api/release-tracks/:id/snapshots/:modified?format=:format
+   * Retrieve a specific snapshot in an export format without deserializing it.
+   * @param id Release track id
+   * @param modified ISO timestamp identifying the snapshot
+   * @param format Export format
+   * @param options Additional query options
+   * @returns Observable<any> formatted export payload
+   */
+  public exportSnapshotByModified(
+    id: string,
+    modified: string,
+    format: ExportFormatType,
+    options?: Omit<ReleaseTrackSnapshotOptions, 'format'>
+  ): Observable<any> {
+    const params = this.buildHttpParams({ ...options, format });
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}`;
+    return this.http.get(url, { params }).pipe(
+      tap(result =>
+        logger.log(
+          `retrieved snapshot ${modified} export for track ${id} in ${format} format`,
+          result
+        )
+      ),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
   /**
    * POST /api/release-tracks/:id/meta
    * Update metadata for latest snapshot (creates new snapshot).
@@ -375,9 +525,13 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * @param id Release track id
    * @returns Observable<unknown>
    */
-  public deleteReleaseTrack(id: string): Observable<unknown> {
+  public deleteReleaseTrack(
+    id: string,
+    options?: { versions?: 'latest' }
+  ): Observable<unknown> {
+    const params = this.buildHttpParams(options);
     const url = `${this.apiUrl}/release-tracks/${id}`;
-    return this.http.delete(url).pipe(
+    return this.http.delete(url, { params }).pipe(
       tap(() => logger.log(`deleted track ${id}`)),
       catchError(this.handleError_raise()),
       share()
@@ -401,13 +555,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     modified: string,
     options?: Record<string, any>
   ): Observable<any> {
-    let params = new HttpParams();
-    if (options) {
-      Object.keys(options).forEach(k => {
-        const v = options[k];
-        if (v !== undefined && v !== null) params = params.set(k, String(v));
-      });
-    }
+    const params = this.buildHttpParams(options);
     const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
@@ -534,6 +682,48 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     );
   }
 
+  /**
+   * POST /api/release-tracks/:id/snapshots/create
+   * Resolve component tracks and create a new draft snapshot for a virtual track.
+   * @param id Release track id
+   * @param body Optional snapshot creation options
+   * @returns Observable<CreateVirtualSnapshotResponse>
+   */
+  public createVirtualSnapshot(
+    id: string,
+    body?: CreateVirtualSnapshotPayload
+  ): Observable<CreateVirtualSnapshotResponse> {
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/create`;
+    return this.http.post<CreateVirtualSnapshotResponse>(url, body || {}).pipe(
+      tap(result =>
+        logger.log(`created virtual snapshot for track ${id}`, result)
+      ),
+      catchError(this.handleError_raise<CreateVirtualSnapshotResponse>()),
+      share()
+    );
+  }
+
+  /**
+   * GET /api/release-tracks/:id/snapshots/preview
+   * Preview the resolved contents of a virtual snapshot without creating it.
+   * @param id Release track id
+   * @returns Observable<PreviewVirtualSnapshotResponse | null>
+   */
+  public previewVirtualSnapshot(
+    id: string
+  ): Observable<PreviewVirtualSnapshotResponse | null> {
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/preview`;
+    return this.http.get<PreviewVirtualSnapshotResponse>(url).pipe(
+      tap(result =>
+        logger.log(`previewed virtual snapshot for track ${id}`, result)
+      ),
+      catchError(
+        this.handleError_continue<PreviewVirtualSnapshotResponse | null>(null)
+      ),
+      share()
+    );
+  }
+
   // -----------------------------------------------------------------------------
   // Candidate Management
   // -----------------------------------------------------------------------------
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index f4079d72d..bf40f43e9 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -8,11 +8,19 @@ <h1>
         Export Latest
         <mat-icon>file_download</mat-icon>
       </button>
-      <button mat-stroked-button (click)="onDraft()">
+      <button
+        *ngIf="isVirtualReleaseTrack"
+        mat-stroked-button
+        [disabled]="!canCreateDraft"
+        (click)="onDraft()">
         Create Draft
         <mat-icon>local_see</mat-icon>
       </button>
-      <button mat-raised-button color="primary" (click)="onPreviewRelease()">
+      <button
+        mat-raised-button
+        color="primary"
+        [disabled]="!id || isReleasing"
+        (click)="onPreviewRelease()">
         Preview & Release
         <mat-icon>preview</mat-icon>
       </button>
@@ -257,10 +265,439 @@ <h2>Description</h2>
   </ng-template>
 
   <ng-template #historyTpl>
-    <div class="history-tpl">TODO</div>
+    <div class="history-tpl">
+      <div
+        *ngIf="isLoadingSnapshotHistory && !snapshotHistory.length"
+        class="empty-state">
+        Loading snapshots
+      </div>
+
+      <div
+        *ngIf="!isLoadingSnapshotHistory && !snapshotHistory.length"
+        class="empty-state">
+        No snapshots
+      </div>
+
+      <div *ngIf="snapshotHistory.length" class="snapshot-history-list">
+        <article
+          *ngFor="let item of snapshotHistory"
+          class="snapshot-history-entry">
+          <div
+            class="snapshot-history-marker"
+            [class.snapshot-history-marker-tagged]="item.isTagged">
+            <mat-icon>{{ item.isTagged ? 'sell' : 'schedule' }}</mat-icon>
+          </div>
+
+          <div class="snapshot-history-card">
+            <div class="snapshot-history-card-header">
+              <div class="snapshot-history-title">
+                <h3 [class.promote-color]="item.isTagged">
+                  <ng-container *ngIf="item.isTagged; else draftTitle">
+                    {{ item.title }}
+                  </ng-container>
+                  <ng-template #draftTitle>
+                    <ng-container *ngIf="item.created; else unknownDate">
+                      {{ item.created | date: 'MMM d, y, h:mm:ss a' }}
+                    </ng-container>
+                  </ng-template>
+                </h3>
+                <p *ngIf="item.isTagged; else draftSubtitle">
+                  Created:
+                  <ng-container *ngIf="item.created; else unknownDate">
+                    {{ item.created | date: 'MMM d, y, h:mm:ss a' }}
+                  </ng-container>
+                </p>
+                <ng-template #draftSubtitle>
+                  <p>Draft snapshot</p>
+                </ng-template>
+              </div>
+
+              <div class="snapshot-history-actions small-buttons">
+                <button
+                  *ngIf="!item.isTagged"
+                  class="view-color"
+                  mat-stroked-button
+                  (click)="onTagSnapshot()">
+                  <mat-icon>sell</mat-icon>
+                  Tag
+                </button>
+                <button
+                  *ngIf="item.isTagged"
+                  mat-stroked-button
+                  (click)="onExportSnapshot(item)">
+                  <mat-icon>cloud_download</mat-icon>
+                  Export
+                </button>
+                <button mat-stroked-button (click)="onInspectSnapshot(item)">
+                  <mat-icon>visibility</mat-icon>
+                  Inspect
+                </button>
+              </div>
+            </div>
+
+            <div class="snapshot-history-stats">
+              <div class="snapshot-history-stat">
+                <div class="snapshot-history-stat-value promote-color">
+                  +{{ item.addedCount }}
+                </div>
+                <div class="snapshot-history-stat-label">Added</div>
+              </div>
+              <div class="snapshot-history-stat">
+                <div class="snapshot-history-stat-value modified-color">
+                  {{ item.modifiedCount }}
+                </div>
+                <div class="snapshot-history-stat-label">Modified</div>
+              </div>
+              <div class="snapshot-history-stat">
+                <div class="snapshot-history-stat-value">
+                  {{ item.totalObjects }}
+                </div>
+                <div class="snapshot-history-stat-label">Total Objects</div>
+              </div>
+            </div>
+          </div>
+        </article>
+      </div>
+    </div>
   </ng-template>
 
+  <ng-template #unknownDate> Unknown </ng-template>
+
   <ng-template #configTpl>
-    <div class="config-tpl">TODO</div>
+    <div class="config-tpl">
+      <div class="config-actions">
+        <button
+          *ngIf="!isEditingConfig"
+          mat-stroked-button
+          [disabled]="isLoadingConfig"
+          (click)="onEditConfig()">
+          Edit Config
+        </button>
+
+        <div *ngIf="isEditingConfig" class="small-buttons">
+          <button
+            mat-stroked-button
+            [disabled]="isSavingConfig"
+            (click)="onCancelConfigEdit()">
+            Cancel
+          </button>
+          <button
+            mat-raised-button
+            color="primary"
+            [disabled]="isSavingConfig"
+            (click)="onSaveConfig()">
+            Save Config
+          </button>
+        </div>
+      </div>
+
+      <form [formGroup]="configForm" class="config-card-list">
+        <section class="labelled-box config-card">
+          <div class="content no-label">
+            <h3>Promotion Policy</h3>
+
+            <div class="config-row">
+              <div class="config-copy">
+                <div class="config-label">Auto-promote Candidates</div>
+                <p>
+                  Automatically promote candidates to Staged when they meet the
+                  configured workflow threshold.
+                </p>
+              </div>
+              <ng-container *ngIf="isEditingConfig; else autoPromoteStatus">
+                <mat-slide-toggle
+                  aria-label="Auto-promote candidates"
+                  formControlName="autoPromote"></mat-slide-toggle>
+              </ng-container>
+              <ng-template #autoPromoteStatus>
+                <span
+                  class="config-state"
+                  [class.config-state-on]="
+                    configForm.get('autoPromote')?.value
+                  ">
+                  {{ configForm.get('autoPromote')?.value ? 'ON' : 'OFF' }}
+                </span>
+              </ng-template>
+            </div>
+
+            <mat-divider></mat-divider>
+
+            <div class="config-row">
+              <div class="config-copy">
+                <div class="config-label">Candidacy Threshold</div>
+                <p>
+                  Defines the minimum workflow state required for a candidate to
+                  be promoted to Staged.
+                </p>
+              </div>
+              <ng-container *ngIf="isEditingConfig; else thresholdValue">
+                <mat-form-field appearance="outline" class="config-field">
+                  <mat-label>Candidacy Threshold</mat-label>
+                  <mat-select formControlName="candidacyThreshold">
+                    <mat-option
+                      *ngFor="let option of candidacyOptions"
+                      [value]="option">
+                      {{ formatConfigOption(option) }}
+                    </mat-option>
+                  </mat-select>
+                </mat-form-field>
+              </ng-container>
+              <ng-template #thresholdValue>
+                <span class="config-value">
+                  {{
+                    formatConfigOption(
+                      configForm.get('candidacyThreshold')?.value
+                    )
+                  }}
+                </span>
+              </ng-template>
+            </div>
+          </div>
+        </section>
+
+        <section class="labelled-box config-card">
+          <div class="content no-label">
+            <h3>Lifecycle Settings</h3>
+
+            <div class="config-row">
+              <div class="config-copy">
+                <div class="config-label">Member Sync Strategy</div>
+                <p>
+                  Determines if new revisions to existing member objects are
+                  automatically added as candidates.
+                </p>
+              </div>
+              <ng-container *ngIf="isEditingConfig; else memberSyncValue">
+                <mat-form-field appearance="outline" class="config-field">
+                  <mat-label>Member Sync Strategy</mat-label>
+                  <mat-select formControlName="memberSyncStrategy">
+                    <mat-option
+                      *ngFor="let option of memberSyncStrategyOptions"
+                      [value]="option">
+                      {{ formatConfigOption(option) }}
+                    </mat-option>
+                  </mat-select>
+                </mat-form-field>
+              </ng-container>
+              <ng-template #memberSyncValue>
+                <span class="config-value">
+                  {{
+                    formatConfigOption(
+                      configForm.get('memberSyncStrategy')?.value
+                    )
+                  }}
+                </span>
+              </ng-template>
+            </div>
+
+            <mat-divider></mat-divider>
+
+            <div class="config-row">
+              <div class="config-copy">
+                <div class="config-label">Supplant Behavior</div>
+                <p>
+                  Controls how a new version is handled when the object is
+                  already tracked by this release track.
+                </p>
+              </div>
+              <ng-container *ngIf="isEditingConfig; else supplantBehaviorValue">
+                <mat-form-field appearance="outline" class="config-field">
+                  <mat-label>Supplant Behavior</mat-label>
+                  <mat-select formControlName="memberSyncSupplantBehavior">
+                    <mat-option
+                      *ngFor="let option of memberSyncBehaviorOptions"
+                      [value]="option">
+                      {{ formatConfigOption(option) }}
+                    </mat-option>
+                  </mat-select>
+                </mat-form-field>
+              </ng-container>
+              <ng-template #supplantBehaviorValue>
+                <span class="config-value">
+                  {{
+                    formatConfigOption(
+                      configForm.get('memberSyncSupplantBehavior')?.value
+                    )
+                  }}
+                </span>
+              </ng-template>
+            </div>
+
+            <mat-divider></mat-divider>
+
+            <div class="config-row">
+              <div class="config-copy">
+                <div class="config-label">Supplant Status Policy</div>
+                <p>
+                  Sets whether a queued replacement keeps or resets the tracked
+                  workflow status.
+                </p>
+              </div>
+              <ng-container *ngIf="isEditingConfig; else supplantStatusValue">
+                <mat-form-field appearance="outline" class="config-field">
+                  <mat-label>Supplant Status Policy</mat-label>
+                  <mat-select formControlName="memberSyncSupplantStatusPolicy">
+                    <mat-option
+                      *ngFor="let option of memberSyncStatusPolicyOptions"
+                      [value]="option">
+                      {{ formatConfigOption(option) }}
+                    </mat-option>
+                  </mat-select>
+                </mat-form-field>
+              </ng-container>
+              <ng-template #supplantStatusValue>
+                <span class="config-value">
+                  {{
+                    formatConfigOption(
+                      configForm.get('memberSyncSupplantStatusPolicy')?.value
+                    )
+                  }}
+                </span>
+              </ng-template>
+            </div>
+          </div>
+        </section>
+
+        <section class="labelled-box config-card">
+          <div class="content no-label">
+            <h3>Conflict Resolution</h3>
+
+            <div class="config-row">
+              <div class="config-copy">
+                <div class="config-label">Candidates to Staged</div>
+                <p>
+                  Decides what happens when a candidate conflicts with another
+                  version already staged.
+                </p>
+              </div>
+              <ng-container
+                *ngIf="isEditingConfig; else candidatesConflictValue">
+                <mat-form-field appearance="outline" class="config-field">
+                  <mat-label>Candidates to Staged</mat-label>
+                  <mat-select formControlName="candidatesToStagedConflict">
+                    <mat-option
+                      *ngFor="let option of candidatesToStagedConflictOptions"
+                      [value]="option">
+                      {{ formatConfigOption(option) }}
+                    </mat-option>
+                  </mat-select>
+                </mat-form-field>
+              </ng-container>
+              <ng-template #candidatesConflictValue>
+                <span class="config-value">
+                  {{
+                    formatConfigOption(
+                      configForm.get('candidatesToStagedConflict')?.value
+                    )
+                  }}
+                </span>
+              </ng-template>
+            </div>
+
+            <mat-divider></mat-divider>
+
+            <div class="config-row">
+              <div class="config-copy">
+                <div class="config-label">Staged to Members</div>
+                <p>
+                  Decides whether release tagging can continue when staged
+                  objects conflict with released member versions.
+                </p>
+              </div>
+              <ng-container *ngIf="isEditingConfig; else stagedConflictValue">
+                <mat-form-field appearance="outline" class="config-field">
+                  <mat-label>Staged to Members</mat-label>
+                  <mat-select formControlName="stagedToMembersConflict">
+                    <mat-option
+                      *ngFor="let option of stagedToMembersConflictOptions"
+                      [value]="option">
+                      {{ formatConfigOption(option) }}
+                    </mat-option>
+                  </mat-select>
+                </mat-form-field>
+              </ng-container>
+              <ng-template #stagedConflictValue>
+                <span class="config-value">
+                  {{
+                    formatConfigOption(
+                      configForm.get('stagedToMembersConflict')?.value
+                    )
+                  }}
+                </span>
+              </ng-template>
+            </div>
+          </div>
+        </section>
+
+        <section class="labelled-box config-card">
+          <div class="content no-label">
+            <h3>Secondary Objects</h3>
+
+            <div class="config-row">
+              <div class="config-copy">
+                <div class="config-label">Include Secondary Objects</div>
+                <p>
+                  Includes supporting objects when they meet the configured
+                  workflow state threshold.
+                </p>
+              </div>
+              <ng-container
+                *ngIf="isEditingConfig; else secondaryObjectsStatus">
+                <mat-slide-toggle
+                  aria-label="Include secondary objects"
+                  formControlName="includeSecondaryObjects"></mat-slide-toggle>
+              </ng-container>
+              <ng-template #secondaryObjectsStatus>
+                <span
+                  class="config-state"
+                  [class.config-state-on]="
+                    configForm.get('includeSecondaryObjects')?.value
+                  ">
+                  {{
+                    configForm.get('includeSecondaryObjects')?.value
+                      ? 'ON'
+                      : 'OFF'
+                  }}
+                </span>
+              </ng-template>
+            </div>
+
+            <mat-divider></mat-divider>
+
+            <div class="config-row">
+              <div class="config-copy">
+                <div class="config-label">Secondary Object Threshold</div>
+                <p>
+                  Defines the minimum workflow state for automatically included
+                  supporting objects.
+                </p>
+              </div>
+              <ng-container
+                *ngIf="isEditingConfig; else secondaryThresholdValue">
+                <mat-form-field appearance="outline" class="config-field">
+                  <mat-label>Secondary Object Threshold</mat-label>
+                  <mat-select formControlName="secondaryObjectThreshold">
+                    <mat-option
+                      *ngFor="let option of candidacyOptions"
+                      [value]="option">
+                      {{ formatConfigOption(option) }}
+                    </mat-option>
+                  </mat-select>
+                </mat-form-field>
+              </ng-container>
+              <ng-template #secondaryThresholdValue>
+                <span class="config-value">
+                  {{
+                    formatConfigOption(
+                      configForm.get('secondaryObjectThreshold')?.value
+                    )
+                  }}
+                </span>
+              </ng-template>
+            </div>
+          </div>
+        </section>
+      </form>
+    </div>
   </ng-template>
 </div>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index e83a48243..fe8b05909 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -44,6 +44,350 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     gap: 8px;
   }
 
+  .review-tpl-wrapper {
+    margin-top: 20px;
+  }
+
+  .history-tpl {
+    margin-top: 20px;
+  }
+
+  .config-tpl {
+    max-width: 768px;
+    margin: 24px auto 0;
+  }
+
+  .config-actions {
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 16px;
+  }
+
+  .config-card-list {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  .config-card > .content {
+    display: block;
+    padding: 22px 24px;
+
+    h3 {
+      margin: 0 0 20px;
+      font-size: 20px;
+      font-weight: 700;
+      line-height: 26px;
+
+      .dark & {
+        color: colors.color(mitre-light-blue);
+      }
+
+      .light & {
+        color: colors.color(mitre-blue);
+      }
+    }
+
+    .mat-divider {
+      margin: 18px 0;
+
+      .dark & {
+        border-top-color: colors.border-color(dark);
+      }
+
+      .light & {
+        border-top-color: colors.border-color(light);
+      }
+    }
+  }
+
+  .config-row {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 20px;
+
+    > .config-field {
+      flex: 0 0 320px;
+      margin-top: -8px;
+    }
+
+    > .config-state,
+    > .config-value,
+    > .mat-mdc-slide-toggle {
+      flex: 0 0 auto;
+      margin-left: auto;
+    }
+  }
+
+  .config-copy {
+    flex: 1 1 auto;
+    min-width: 0;
+
+    p {
+      margin: 4px 0 0;
+      font-size: 14px;
+      line-height: 20px;
+
+      .dark & {
+        color: colors.on-color-deemphasis(dark);
+      }
+
+      .light & {
+        color: colors.on-color-deemphasis(light);
+      }
+    }
+  }
+
+  .config-label {
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 20px;
+
+    .dark & {
+      color: colors.on-color(dark);
+    }
+
+    .light & {
+      color: colors.on-color(light);
+    }
+  }
+
+  .config-state,
+  .config-value {
+    display: inline-flex;
+    align-items: center;
+    width: fit-content;
+    border-radius: 4px;
+    padding: 3px 6px;
+    font-family: monospace;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 18px;
+
+    .dark & {
+      color: color.mix(colors.color(secondary), colors.on-color(dark), 42%);
+      background: rgba(colors.color(secondary), 0.34);
+    }
+
+    .light & {
+      color: colors.color(secondary);
+      background: rgba(colors.color(secondary), 0.08);
+    }
+  }
+
+  .config-state {
+    font-family: inherit;
+    font-size: 13px;
+    text-transform: uppercase;
+
+    .dark & {
+      color: color.mix(colors.color(secondary), colors.on-color(dark), 42%);
+      background: rgba(colors.color(secondary), 0.34);
+    }
+
+    .light & {
+      color: colors.color(secondary);
+      background: rgba(colors.color(secondary), 0.08);
+    }
+  }
+
+  .config-state-on {
+    .dark & {
+      color: color.mix(colors.color(secondary), colors.on-color(dark), 42%);
+      background: rgba(colors.color(secondary), 0.34);
+    }
+
+    .light & {
+      color: colors.color(secondary);
+      background: rgba(colors.color(secondary), 0.08);
+    }
+  }
+
+  .config-field {
+    width: min(100%, 320px);
+  }
+
+  .snapshot-history-list {
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+    max-width: 896px;
+    margin: 32px auto 0;
+    padding-left: 72px;
+  }
+
+  .snapshot-history-entry {
+    position: relative;
+
+    &:not(:last-child)::before {
+      content: '';
+      position: absolute;
+      top: 48px;
+      bottom: -32px;
+      left: -38px;
+      width: 2px;
+
+      .dark & {
+        background: rgba(colors.on-color(dark), 0.36);
+      }
+
+      .light & {
+        background: rgba(colors.on-color(light), 0.24);
+      }
+    }
+  }
+
+  .snapshot-history-marker {
+    position: absolute;
+    top: 0;
+    left: -58px;
+    display: grid;
+    place-items: center;
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+      background: color.mix(
+        colors.color(mitre-navy),
+        colors.color(mitre-silver),
+        62%
+      );
+    }
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+      background: color.mix(
+        colors.color(mitre-silver),
+        colors.color(mitre-navy),
+        84%
+      );
+    }
+
+    &.snapshot-history-marker-tagged {
+      color: colors.color(success);
+    }
+
+    .mat-icon {
+      width: 18px;
+      height: 18px;
+      font-size: 18px;
+      line-height: 18px;
+    }
+  }
+
+  .snapshot-history-card {
+    overflow: hidden;
+    border: 1px solid;
+    border-radius: 6px;
+
+    .dark & {
+      border-color: colors.border-color(dark);
+      background: color.mix(colors.color(dark), colors.color(mitre-navy), 72%);
+    }
+
+    .light & {
+      border-color: colors.border-color(light);
+      background: colors.color(mitre-silver);
+    }
+  }
+
+  .snapshot-history-card-header {
+    display: flex;
+    justify-content: space-between;
+    gap: 16px;
+    padding: 20px 16px 22px;
+    border-bottom: 1px solid;
+
+    .dark & {
+      border-color: colors.border-color(dark);
+      background: color.mix(colors.color(dark), colors.color(mitre-navy), 68%);
+    }
+
+    .light & {
+      border-color: colors.border-color(light);
+      background: colors.color(light);
+    }
+  }
+
+  .snapshot-history-title {
+    min-width: 0;
+
+    h3 {
+      margin: 0;
+      font-size: 20px;
+      line-height: 26px;
+
+      .dark & {
+        color: colors.on-color-deemphasis(dark);
+      }
+
+      .light & {
+        color: colors.on-color-deemphasis(light);
+      }
+    }
+
+    p {
+      margin: 4px 0 0;
+      font-size: 13px;
+      line-height: 18px;
+
+      .dark & {
+        color: colors.on-color-deemphasis(dark);
+      }
+
+      .light & {
+        color: colors.on-color-deemphasis(light);
+      }
+    }
+  }
+
+  .snapshot-history-actions {
+    flex: 0 0 auto;
+    justify-content: flex-end;
+    padding-top: 6px;
+  }
+
+  .snapshot-history-stats {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 16px;
+    padding: 14px 16px 12px;
+  }
+
+  .snapshot-history-stat {
+    min-width: 0;
+    text-align: center;
+  }
+
+  .snapshot-history-stat-value {
+    font-size: 26px;
+    font-weight: 800;
+    line-height: 32px;
+  }
+
+  .snapshot-history-stat-label {
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 0.08em;
+    line-height: 16px;
+    text-transform: uppercase;
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+    }
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+    }
+  }
+
+  .modified-color {
+    color: color.mix(colors.color(spark-yellow), colors.color(warn), 72%);
+  }
+
   .release-track-board {
     display: flex;
     flex-direction: column;
@@ -516,5 +860,53 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
         }
       }
     }
+
+    .snapshot-history-list {
+      margin-top: 20px;
+      padding-left: 50px;
+    }
+
+    .snapshot-history-card-header,
+    .snapshot-history-actions {
+      align-items: flex-start;
+    }
+
+    .snapshot-history-card-header {
+      flex-direction: column;
+    }
+
+    .snapshot-history-actions {
+      justify-content: flex-start;
+      padding-top: 0;
+    }
+
+    .snapshot-history-stats {
+      grid-template-columns: 1fr;
+      text-align: left;
+    }
+
+    .config-tpl {
+      margin-top: 20px;
+    }
+
+    .config-card > .content {
+      padding: 18px;
+    }
+
+    .config-row {
+      flex-direction: column;
+      gap: 12px;
+
+      > .config-field {
+        flex: 0 1 auto;
+        margin-top: 0;
+      }
+
+      > .config-state,
+      > .config-value,
+      > .mat-mdc-slide-toggle {
+        margin-left: 0;
+      }
+    }
   }
 }
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index e7ac74915..41f1eea25 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -14,7 +14,14 @@ import { MatDialog } from '@angular/material/dialog';
 import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
-import { FormsModule } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import {
+  ConflictPolicy,
+  MemberSyncBehavior,
+  MemberSyncPolicy,
+  MemberSyncStrategy,
+  ReleaseTrackType,
+} from 'src/app/classes/release-tracks';
 
 describe('ReleaseTrackPageComponent', () => {
   let component: ReleaseTrackPageComponent;
@@ -26,7 +33,15 @@ describe('ReleaseTrackPageComponent', () => {
   beforeEach(async () => {
     mockReleaseTrackApiConnector = createMockReleaseTrackApiConnector({
       getLatestSnapshot: vi.fn(() => createAsyncObservable(null)),
+      listSnapshots: vi.fn(() => createAsyncObservable([])),
       exportLatestSnapshot: vi.fn(() => createAsyncObservable({})),
+      exportSnapshotByModified: vi.fn(() => createAsyncObservable({})),
+      retrieveSnapshotByModified: vi.fn(() => createAsyncObservable(null)),
+      createVirtualSnapshot: vi.fn(() => createAsyncObservable({})),
+      previewBump: vi.fn(() => createAsyncObservable({})),
+      bumpByLatest: vi.fn(() => createAsyncObservable({})),
+      getConfig: vi.fn(() => createAsyncObservable(null)),
+      updateConfig: vi.fn(() => createAsyncObservable({})),
       reviewCandidates: vi.fn(() => createAsyncObservable({})),
       updateMetadataByLatest: vi.fn(() => createAsyncObservable({})),
     });
@@ -48,7 +63,7 @@ describe('ReleaseTrackPageComponent', () => {
 
     await TestBed.configureTestingModule({
       declarations: [ReleaseTrackPageComponent],
-      imports: [FormsModule],
+      imports: [FormsModule, ReactiveFormsModule],
       providers: [
         {
           provide: ReleaseTracksConnectorService,
@@ -147,6 +162,286 @@ describe('ReleaseTrackPageComponent', () => {
     expect(mockDialog.open).not.toHaveBeenCalled();
   });
 
+  it('should load the latest release track with the snapshot model response', () => {
+    mockReleaseTrackApiConnector.getLatestSnapshot.mockReturnValue(
+      of({ name: 'Enterprise Release' })
+    );
+    component.id = 'release-track--123';
+
+    component.getReleaseTrack();
+
+    expect(mockReleaseTrackApiConnector.getLatestSnapshot).toHaveBeenCalledWith(
+      'release-track--123',
+      { include: 'all' }
+    );
+    expect(component.releaseTrack?.name).toBe('Enterprise Release');
+  });
+
+  it('should load snapshot history and compute timeline counts', () => {
+    mockReleaseTrackApiConnector.listSnapshots.mockReturnValue(
+      of([
+        {
+          modified: '2024-05-21T07:00:00.000Z',
+          members: [
+            {
+              object_ref: 'attack-pattern--one',
+              object_modified: '2024-05-20T00:00:00.000Z',
+            },
+            {
+              object_ref: 'attack-pattern--two',
+              object_modified: '2024-05-20T00:00:00.000Z',
+            },
+          ],
+        },
+        {
+          version: '1.3',
+          modified: '2024-04-15T06:00:00.000Z',
+          members: [
+            {
+              object_ref: 'attack-pattern--one',
+              object_modified: '2024-04-01T00:00:00.000Z',
+            },
+          ],
+        },
+      ])
+    );
+    component.id = 'release-track--123';
+
+    component.getSnapshotHistory();
+
+    expect(mockReleaseTrackApiConnector.listSnapshots).toHaveBeenCalledWith(
+      'release-track--123'
+    );
+    expect(component.snapshotHistory[0]).toEqual(
+      expect.objectContaining({
+        title: 'Draft Snapshot',
+        addedCount: 1,
+        modifiedCount: 1,
+        totalObjects: 2,
+      })
+    );
+    expect(component.snapshotHistory[1]).toEqual(
+      expect.objectContaining({
+        title: 'v1.3',
+        addedCount: 0,
+        modifiedCount: 0,
+        totalObjects: 1,
+      })
+    );
+  });
+
+  it('should create a draft snapshot and refresh the release track', () => {
+    const refreshSpy = vi
+      .spyOn(component, 'getReleaseTrack')
+      .mockImplementation(() => undefined);
+    const historySpy = vi
+      .spyOn(component, 'getSnapshotHistory')
+      .mockImplementation(() => undefined);
+    mockReleaseTrackApiConnector.createVirtualSnapshot.mockReturnValue(of({}));
+    component.id = 'release-track--123';
+    component.releaseTrack = { type: ReleaseTrackType.Virtual } as any;
+
+    component.onDraft();
+
+    expect(
+      mockReleaseTrackApiConnector.createVirtualSnapshot
+    ).toHaveBeenCalledWith('release-track--123');
+    expect(refreshSpy).toHaveBeenCalled();
+    expect(historySpy).toHaveBeenCalled();
+    expect(component.isCreatingDraft).toBe(false);
+  });
+
+  it('should not create a draft snapshot without a release track id', () => {
+    component.id = '';
+    component.releaseTrack = { type: ReleaseTrackType.Virtual } as any;
+
+    component.onDraft();
+
+    expect(
+      mockReleaseTrackApiConnector.createVirtualSnapshot
+    ).not.toHaveBeenCalled();
+  });
+
+  it('should not create a draft snapshot for a standard release track', () => {
+    component.id = 'release-track--123';
+    component.releaseTrack = { type: ReleaseTrackType.Standard } as any;
+
+    component.onDraft();
+
+    expect(
+      mockReleaseTrackApiConnector.createVirtualSnapshot
+    ).not.toHaveBeenCalled();
+  });
+
+  it('should preview and tag the latest draft release', () => {
+    const refreshSpy = vi
+      .spyOn(component, 'getReleaseTrack')
+      .mockImplementation(() => undefined);
+    const historySpy = vi
+      .spyOn(component, 'getSnapshotHistory')
+      .mockImplementation(() => undefined);
+    mockReleaseTrackApiConnector.previewBump.mockReturnValue(
+      of({
+        next_version_minor: '1.2',
+        next_version_major: '2.0',
+        staged_count: 3,
+        candidates_count: 1,
+        conflicts: [],
+      })
+    );
+    mockReleaseTrackApiConnector.bumpByLatest.mockReturnValue(of({}));
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('minor'),
+    });
+    component.id = 'release-track--123';
+
+    component.onPreviewRelease();
+
+    expect(mockReleaseTrackApiConnector.previewBump).toHaveBeenCalledWith(
+      'release-track--123',
+      'workbench'
+    );
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      MultipleChoiceDialogComponent,
+      expect.objectContaining({
+        data: expect.objectContaining({
+          title: 'Preview & release',
+        }),
+      })
+    );
+    expect(mockReleaseTrackApiConnector.bumpByLatest).toHaveBeenCalledWith(
+      'release-track--123',
+      { type: 'minor' }
+    );
+    expect(refreshSpy).toHaveBeenCalled();
+    expect(historySpy).toHaveBeenCalled();
+    expect(component.isReleasing).toBe(false);
+  });
+
+  it('should not tag a release when preview returns conflicts', () => {
+    mockReleaseTrackApiConnector.previewBump.mockReturnValue(
+      of({
+        conflicts: [
+          {
+            object_ref: 'attack-pattern--123',
+            incumbent_version: '2024-01-15T10:00:00Z',
+            incoming_version: '2024-02-20T10:00:00Z',
+          },
+        ],
+      })
+    );
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('close'),
+    });
+    component.id = 'release-track--123';
+
+    component.onPreviewRelease();
+
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      MultipleChoiceDialogComponent,
+      expect.objectContaining({
+        data: expect.objectContaining({
+          title: 'Release conflicts detected',
+        }),
+      })
+    );
+    expect(mockReleaseTrackApiConnector.bumpByLatest).not.toHaveBeenCalled();
+  });
+
+  it('should load release track config into the config form', () => {
+    mockReleaseTrackApiConnector.getConfig.mockReturnValue(
+      of({
+        auto_promote: false,
+        candidacy_threshold: 'awaiting-review',
+        promotion_conflicts: {
+          candidates_to_staged: 'always_reject',
+          staged_to_members: 'abort',
+        },
+        member_sync: {
+          strategy: 'track_latest',
+          supplant: {
+            behavior: 'queue',
+            status_policy: 'reset',
+          },
+        },
+        include_secondary_objects: {
+          enabled: true,
+          status_threshold: 'work-in-progress',
+        },
+      })
+    );
+    component.id = 'release-track--123';
+
+    component.getConfig();
+
+    expect(mockReleaseTrackApiConnector.getConfig).toHaveBeenCalledWith(
+      'release-track--123'
+    );
+    expect(component.configForm.getRawValue()).toEqual({
+      autoPromote: false,
+      candidacyThreshold: 'awaiting-review',
+      memberSyncStrategy: 'track_latest',
+      memberSyncSupplantBehavior: 'queue',
+      memberSyncSupplantStatusPolicy: 'reset',
+      candidatesToStagedConflict: 'always_reject',
+      stagedToMembersConflict: 'abort',
+      includeSecondaryObjects: true,
+      secondaryObjectThreshold: 'work-in-progress',
+    });
+  });
+
+  it('should save release track config and refresh state', () => {
+    const refreshSpy = vi
+      .spyOn(component, 'getReleaseTrack')
+      .mockImplementation(() => undefined);
+    const historySpy = vi
+      .spyOn(component, 'getSnapshotHistory')
+      .mockImplementation(() => undefined);
+    mockReleaseTrackApiConnector.updateConfig.mockReturnValue(of({}));
+    component.id = 'release-track--123';
+    component.releaseTrack = { config: {} } as any;
+    component.configForm.patchValue({
+      autoPromote: true,
+      candidacyThreshold: 'reviewed',
+      memberSyncStrategy: MemberSyncStrategy.Manual,
+      memberSyncSupplantBehavior: MemberSyncBehavior.Replace,
+      memberSyncSupplantStatusPolicy: MemberSyncPolicy.Preserve,
+      candidatesToStagedConflict: ConflictPolicy.PreferLatest,
+      stagedToMembersConflict: ConflictPolicy.Abort,
+      includeSecondaryObjects: false,
+      secondaryObjectThreshold: 'reviewed',
+    });
+    component.isEditingConfig = true;
+
+    component.onSaveConfig();
+
+    expect(mockReleaseTrackApiConnector.updateConfig).toHaveBeenCalledWith(
+      'release-track--123',
+      {
+        auto_promote: true,
+        candidacy_threshold: 'reviewed',
+        include_secondary_objects: {
+          enabled: false,
+          status_threshold: 'reviewed',
+        },
+        promotion_conflicts: {
+          candidates_to_staged: 'prefer_latest',
+          staged_to_members: 'abort',
+        },
+        member_sync: {
+          strategy: 'manual',
+          supplant: {
+            behavior: 'replace',
+            status_policy: 'preserve',
+          },
+        },
+      }
+    );
+    expect(component.isEditingConfig).toBe(false);
+    expect(refreshSpy).toHaveBeenCalled();
+    expect(historySpy).toHaveBeenCalled();
+  });
+
   it('should split auto-promotion release tracks into workflow lanes', () => {
     component.releaseTrack = {
       config: { auto_promote: true },
@@ -181,13 +476,13 @@ describe('ReleaseTrackPageComponent', () => {
     expect(lanes.map(lane => lane.title)).toEqual([
       'Candidates WIP',
       'Candidates Awaiting Review',
-      'Staged/Reviewed',
+      'Staged',
       'Released Members',
     ]);
     expect(lanes.map(lane => lane.items.map(item => item.object_ref))).toEqual([
       ['attack-pattern--wip'],
       ['attack-pattern--candidate'],
-      ['attack-pattern--reviewed-candidate', 'attack-pattern--staged'],
+      ['attack-pattern--staged'],
       ['attack-pattern--member'],
     ]);
     expect(component.canReviewAndApprove(lanes[1].items[0], lanes[1])).toBe(
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 9d99aa674..ba3d67375 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -1,12 +1,23 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import {
+  ConflictPolicy,
+  ConflictPolicyType,
   ExportFormat,
   ExportFormatType,
+  MemberSyncBehavior,
+  MemberSyncBehaviorType,
+  MemberSyncPolicy,
+  MemberSyncPolicyType,
+  MemberSyncStrategy,
+  MemberSyncStrategyType,
+  ReleaseTrackConfig,
   ReleaseTrackSnapshot,
+  ReleaseTrackType,
 } from 'src/app/classes/release-tracks';
 import {
   ReleaseTracksConnectorService,
+  ReleaseTrackSnapshotHistoryItem,
   StixObjectRef,
 } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
@@ -21,7 +32,8 @@ import {
   WorkflowStatusType,
 } from 'src/app/utils/types';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
-import { take } from 'rxjs/operators';
+import { finalize, take } from 'rxjs/operators';
+import { FormBuilder, FormGroup } from '@angular/forms';
 import { ReleaseTrackObjectItem } from 'src/app/components/release-track-object-card/release-track-object-card.component';
 
 type ReleaseTrackLaneType = 'candidate' | 'staged' | 'member';
@@ -37,6 +49,34 @@ interface ReleaseTrackWorkspaceLane {
   isReleasedMembers?: boolean;
 }
 
+interface SnapshotMemberRef {
+  object_ref: string;
+  object_modified?: string;
+}
+
+interface SnapshotHistoryViewModel {
+  snapshot: ReleaseTrackSnapshotHistoryItem;
+  title: string;
+  created: Date | null;
+  modified: string | null;
+  isTagged: boolean;
+  addedCount: number;
+  modifiedCount: number;
+  totalObjects: number;
+}
+
+interface ReleaseTrackConfigFormValue {
+  autoPromote: boolean;
+  candidacyThreshold: WorkflowStatusType;
+  memberSyncStrategy: MemberSyncStrategyType;
+  memberSyncSupplantBehavior: MemberSyncBehaviorType;
+  memberSyncSupplantStatusPolicy: MemberSyncPolicyType;
+  candidatesToStagedConflict: ConflictPolicyType;
+  stagedToMembersConflict: ConflictPolicyType;
+  includeSecondaryObjects: boolean;
+  secondaryObjectThreshold: WorkflowStatusType;
+}
+
 @Component({
   selector: 'app-release-track-page',
   standalone: false,
@@ -50,6 +90,24 @@ export class ReleaseTrackPageComponent implements OnInit {
   public descriptionDraft = '';
   public isEditingDescription = false;
   public isSavingDescription = false;
+  public isCreatingDraft = false;
+  public isLoadingSnapshotHistory = false;
+  public isReleasing = false;
+  public isLoadingConfig = false;
+  public isEditingConfig = false;
+  public isSavingConfig = false;
+  public releaseTrackConfig: ReleaseTrackConfig = {};
+  public snapshotHistory: SnapshotHistoryViewModel[] = [];
+  public configForm: FormGroup;
+
+  public candidacyOptions = Object.values(WorkflowStatus);
+  public memberSyncStrategyOptions = Object.values(MemberSyncStrategy);
+  public memberSyncBehaviorOptions = Object.values(MemberSyncBehavior);
+  public memberSyncStatusPolicyOptions = Object.values(MemberSyncPolicy);
+  public candidatesToStagedConflictOptions = Object.values(
+    ConflictPolicy
+  ).filter(policy => policy !== ConflictPolicy.Abort);
+  public stagedToMembersConflictOptions = Object.values(ConflictPolicy);
 
   constructor(
     private connector: ReleaseTracksConnectorService,
@@ -57,14 +115,31 @@ export class ReleaseTrackPageComponent implements OnInit {
     private route: ActivatedRoute,
     private router: Router,
     private dialog: MatDialog,
-    private restApiConnectorService: RestApiConnectorService
-  ) {}
+    private restApiConnectorService: RestApiConnectorService,
+    private fb: FormBuilder
+  ) {
+    this.configForm = this.fb.group({
+      autoPromote: [true],
+      candidacyThreshold: [WorkflowStatus.Reviewed],
+      memberSyncStrategy: [MemberSyncStrategy.Manual],
+      memberSyncSupplantBehavior: [MemberSyncBehavior.Replace],
+      memberSyncSupplantStatusPolicy: [MemberSyncPolicy.Preserve],
+      candidatesToStagedConflict: [ConflictPolicy.PreferLatest],
+      stagedToMembersConflict: [ConflictPolicy.Abort],
+      includeSecondaryObjects: [false],
+      secondaryObjectThreshold: [WorkflowStatus.Reviewed],
+    });
+  }
 
   ngOnInit(): void {
     this.route.params.subscribe(params => {
       if (this.id !== params.id) this.showReleasedMembers = false;
       this.id = params.id;
-      if (this.id) this.getReleaseTrack();
+      if (this.id) {
+        this.getReleaseTrack();
+        this.getSnapshotHistory();
+        this.getConfig();
+      }
     });
   }
 
@@ -118,17 +193,12 @@ export class ReleaseTrackPageComponent implements OnInit {
           statusFallback: WorkflowStatus.AwaitingReview,
         },
         {
-          key: 'staged-reviewed',
-          title: 'Staged/Reviewed',
+          key: 'staged',
+          title: 'Staged',
           type: 'staged',
           modifier: 'staged',
-          items: [
-            ...this.candidates.filter(
-              item => this.getObjectStatus(item) === WorkflowStatus.Reviewed
-            ),
-            ...this.staged,
-          ],
-          emptyLabel: 'No staged or reviewed objects',
+          items: this.staged,
+          emptyLabel: 'No staged objects',
           statusFallback: WorkflowStatus.Reviewed,
         },
         this.releasedMembersLane,
@@ -171,23 +241,88 @@ export class ReleaseTrackPageComponent implements OnInit {
     };
   }
 
+  public get isVirtualReleaseTrack(): boolean {
+    return this.releaseTrack?.type === ReleaseTrackType.Virtual;
+  }
+
+  public get canCreateDraft(): boolean {
+    return !!this.id && this.isVirtualReleaseTrack && !this.isCreatingDraft;
+  }
+
   public getReleaseTrack(): void {
-    const subscription = this.connector.getLatestSnapshot(this.id).subscribe({
-      next: res => {
-        this.releaseTrack = res;
-        if (!this.releaseTrack) return;
+    this.connector
+      .getLatestSnapshot(this.id, { include: 'all' })
+      .pipe(take(1))
+      .subscribe({
+        next: res => {
+          this.releaseTrack = res;
+          if (!this.releaseTrack) return;
 
-        this.breadcrumbService.changeBreadcrumb(
-          this.route.snapshot,
-          this.releaseTrack.name
-        );
+          this.breadcrumbService.changeBreadcrumb(
+            this.route.snapshot,
+            this.releaseTrack.name
+          );
 
-        // this.loadCandidates();
-      },
-      complete: () => {
-        subscription.unsubscribe();
-      },
-    });
+          if (!this.isEditingConfig && this.releaseTrack.config) {
+            this.setConfig(this.releaseTrack.config);
+          }
+
+          // this.loadCandidates();
+        },
+      });
+  }
+
+  private refreshReleaseTrackState(): void {
+    this.getReleaseTrack();
+    this.getSnapshotHistory();
+  }
+
+  public getSnapshotHistory(): void {
+    if (!this.id) return;
+
+    this.isLoadingSnapshotHistory = true;
+    this.connector
+      .listSnapshots(this.id)
+      .pipe(
+        take(1),
+        finalize(() => {
+          this.isLoadingSnapshotHistory = false;
+        })
+      )
+      .subscribe({
+        next: snapshots => {
+          this.snapshotHistory = this.buildSnapshotHistory(snapshots);
+        },
+        error: err => {
+          console.error('Failed to load release track snapshot history', err);
+        },
+      });
+  }
+
+  public getConfig(): void {
+    if (!this.id) return;
+
+    this.isLoadingConfig = true;
+    this.connector
+      .getConfig(this.id)
+      .pipe(
+        take(1),
+        finalize(() => {
+          this.isLoadingConfig = false;
+        })
+      )
+      .subscribe({
+        next: config => {
+          if (!this.isEditingConfig) {
+            this.setConfig(
+              this.getConfigFromResponse(config, this.releaseTrack?.config)
+            );
+          }
+        },
+        error: err => {
+          console.error('Failed to load release track config', err);
+        },
+      });
   }
 
   /**
@@ -260,7 +395,7 @@ export class ReleaseTrackPageComponent implements OnInit {
                 .subscribe({
                   next: () => {
                     // refresh snapshot from server so local state reflects saved candidates
-                    this.getReleaseTrack();
+                    this.refreshReleaseTrackState();
                   },
                   error: err => {
                     console.error('Failed to add candidates', err);
@@ -284,7 +419,7 @@ export class ReleaseTrackPageComponent implements OnInit {
     if (!objectIds.length) return;
     const sub = this.connector.promoteCandidates(this.id, objectIds).subscribe({
       next: () => {
-        this.getReleaseTrack();
+        this.refreshReleaseTrackState();
       },
       error: err => {
         console.error('Failed to promote candidates', err);
@@ -310,7 +445,7 @@ export class ReleaseTrackPageComponent implements OnInit {
     if (!objectRefs.length) return;
     const sub = this.connector.demoteStaged(this.id, objectRefs).subscribe({
       next: () => {
-        this.getReleaseTrack();
+        this.refreshReleaseTrackState();
       },
       error: err => {
         console.error('Failed to demote staged objects', err);
@@ -524,13 +659,127 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public onDraft(): void {
-    // TODO: create draft snapshot
-    console.log('onDraft');
+    if (!this.canCreateDraft) return;
+
+    this.isCreatingDraft = true;
+    this.connector
+      .createVirtualSnapshot(this.id)
+      .pipe(
+        take(1),
+        finalize(() => {
+          this.isCreatingDraft = false;
+        })
+      )
+      .subscribe({
+        next: () => {
+          this.refreshReleaseTrackState();
+        },
+        error: err => {
+          console.error('Failed to create draft snapshot', err);
+        },
+      });
+  }
+
+  public onEditConfig(): void {
+    this.isEditingConfig = true;
+  }
+
+  public onCancelConfigEdit(): void {
+    this.setConfig(this.releaseTrackConfig);
+    this.isEditingConfig = false;
+  }
+
+  public onSaveConfig(): void {
+    if (!this.id || this.isSavingConfig) return;
+
+    const payload = this.getConfigPayload();
+    this.isSavingConfig = true;
+    this.connector
+      .updateConfig(this.id, payload)
+      .pipe(
+        take(1),
+        finalize(() => {
+          this.isSavingConfig = false;
+        })
+      )
+      .subscribe({
+        next: result => {
+          this.isEditingConfig = false;
+          this.setConfig(this.getConfigFromResponse(result, payload));
+          if (this.releaseTrack)
+            this.releaseTrack.config = this.releaseTrackConfig;
+          this.refreshReleaseTrackState();
+        },
+        error: err => {
+          console.error('Failed to update release track config', err);
+        },
+      });
   }
 
   public onPreviewRelease(): void {
-    // TODO: open preview & release modal
-    console.log('onPreviewRelease');
+    if (!this.id || this.isReleasing) return;
+
+    this.isReleasing = true;
+    this.connector
+      .previewBump(this.id, ExportFormat.Workbench)
+      .pipe(
+        take(1),
+        finalize(() => {
+          this.isReleasing = false;
+        })
+      )
+      .subscribe({
+        next: preview => this.openReleasePreviewDialog(preview),
+        error: err => {
+          console.error('Failed to preview release track bump', err);
+        },
+      });
+  }
+
+  public onTagSnapshot(): void {
+    this.onPreviewRelease();
+  }
+
+  public onInspectSnapshot(item: SnapshotHistoryViewModel): void {
+    if (!this.id || !item.modified) return;
+
+    this.connector
+      .retrieveSnapshotByModified(this.id, item.modified)
+      .pipe(take(1))
+      .subscribe({
+        next: snapshot => {
+          if (!snapshot) return;
+          this.releaseTrack = snapshot;
+          this.breadcrumbService.changeBreadcrumb(
+            this.route.snapshot,
+            snapshot.name
+          );
+        },
+        error: err => {
+          console.error('Failed to inspect release track snapshot', err);
+        },
+      });
+  }
+
+  public onExportSnapshot(item: SnapshotHistoryViewModel): void {
+    if (!this.id || !item.modified) return;
+
+    this.connector
+      .exportSnapshotByModified(this.id, item.modified, ExportFormat.Bundle, {
+        include: 'all',
+      })
+      .pipe(take(1))
+      .subscribe({
+        next: result => {
+          this.restApiConnectorService.triggerBrowserDownload(
+            result,
+            this.getSnapshotExportFilename(item, ExportFormat.Bundle)
+          );
+        },
+        error: err => {
+          console.error('Failed to export release track snapshot', err);
+        },
+      });
   }
 
   private reviewCandidateStatus(
@@ -554,7 +803,7 @@ export class ReleaseTrackPageComponent implements OnInit {
       })
       .pipe(take(1))
       .subscribe({
-        next: () => this.getReleaseTrack(),
+        next: () => this.refreshReleaseTrackState(),
         error: err => {
           console.error('Failed to update candidate review status', err);
         },
@@ -571,6 +820,424 @@ export class ReleaseTrackPageComponent implements OnInit {
     return item.object_status || WorkflowStatus.WorkInProgress;
   }
 
+  public formatConfigOption(value: any): string {
+    if (value === null || value === undefined || value === '') return 'not set';
+    return String(value).replace(/[_-]+/g, ' ');
+  }
+
+  private setConfig(config: any): void {
+    const normalizedConfig = this.normalizeConfig(config);
+    this.releaseTrackConfig = normalizedConfig;
+    this.configForm.reset(this.getConfigFormValue(normalizedConfig), {
+      emitEvent: false,
+    });
+  }
+
+  private getConfigFromResponse(
+    response: any,
+    fallback?: ReleaseTrackConfig
+  ): any {
+    if (!response) return fallback || {};
+    if (response.config) return response.config;
+
+    const configKeys = [
+      'auto_promote',
+      'candidacy_threshold',
+      'include_secondary_objects',
+      'promotion_conflicts',
+      'member_sync',
+    ];
+    return configKeys.some(key => key in response) ? response : fallback || {};
+  }
+
+  private normalizeConfig(config: any): ReleaseTrackConfig {
+    const source = config?.config || config || {};
+    const rawSupplant = source.member_sync?.supplant;
+    const supplant =
+      rawSupplant && typeof rawSupplant === 'object'
+        ? rawSupplant
+        : { behavior: rawSupplant };
+    const candidatesToStagedConflict =
+      source.promotion_conflicts?.candidates_to_staged === ConflictPolicy.Abort
+        ? ConflictPolicy.PreferLatest
+        : source.promotion_conflicts?.candidates_to_staged;
+    const includeSecondaryObjects =
+      typeof source.include_secondary_objects === 'boolean'
+        ? { enabled: source.include_secondary_objects }
+        : source.include_secondary_objects;
+
+    return {
+      auto_promote: source.auto_promote ?? true,
+      candidacy_threshold:
+        source.candidacy_threshold ?? WorkflowStatus.Reviewed,
+      include_secondary_objects: {
+        enabled: includeSecondaryObjects?.enabled ?? false,
+        status_threshold:
+          includeSecondaryObjects?.status_threshold ?? WorkflowStatus.Reviewed,
+      },
+      promotion_conflicts: {
+        candidates_to_staged:
+          candidatesToStagedConflict ?? ConflictPolicy.PreferLatest,
+        staged_to_members:
+          source.promotion_conflicts?.staged_to_members ?? ConflictPolicy.Abort,
+      },
+      member_sync: {
+        strategy: source.member_sync?.strategy ?? MemberSyncStrategy.Manual,
+        supplant: {
+          behavior: supplant?.behavior ?? MemberSyncBehavior.Replace,
+          status_policy: supplant?.status_policy ?? MemberSyncPolicy.Preserve,
+        },
+      },
+    };
+  }
+
+  private getConfigFormValue(
+    config: ReleaseTrackConfig
+  ): ReleaseTrackConfigFormValue {
+    return {
+      autoPromote: config.auto_promote ?? true,
+      candidacyThreshold: config.candidacy_threshold ?? WorkflowStatus.Reviewed,
+      memberSyncStrategy:
+        config.member_sync?.strategy ?? MemberSyncStrategy.Manual,
+      memberSyncSupplantBehavior:
+        config.member_sync?.supplant?.behavior ?? MemberSyncBehavior.Replace,
+      memberSyncSupplantStatusPolicy:
+        config.member_sync?.supplant?.status_policy ??
+        MemberSyncPolicy.Preserve,
+      candidatesToStagedConflict:
+        config.promotion_conflicts?.candidates_to_staged ??
+        ConflictPolicy.PreferLatest,
+      stagedToMembersConflict:
+        config.promotion_conflicts?.staged_to_members ?? ConflictPolicy.Abort,
+      includeSecondaryObjects:
+        config.include_secondary_objects?.enabled ?? false,
+      secondaryObjectThreshold:
+        config.include_secondary_objects?.status_threshold ??
+        WorkflowStatus.Reviewed,
+    };
+  }
+
+  private getConfigPayload(): ReleaseTrackConfig {
+    const value = this.configForm.getRawValue() as ReleaseTrackConfigFormValue;
+    return {
+      auto_promote: value.autoPromote,
+      candidacy_threshold: value.candidacyThreshold,
+      include_secondary_objects: {
+        enabled: value.includeSecondaryObjects,
+        status_threshold: value.secondaryObjectThreshold,
+      },
+      promotion_conflicts: {
+        candidates_to_staged: value.candidatesToStagedConflict,
+        staged_to_members: value.stagedToMembersConflict,
+      },
+      member_sync: {
+        strategy: value.memberSyncStrategy,
+        supplant: {
+          behavior: value.memberSyncSupplantBehavior,
+          status_policy: value.memberSyncSupplantStatusPolicy,
+        },
+      },
+    };
+  }
+
+  private openReleasePreviewDialog(preview: any): void {
+    const conflicts = this.getReleaseConflicts(preview);
+
+    if (conflicts.length) {
+      this.dialog.open(MultipleChoiceDialogComponent, {
+        width: '34em',
+        autoFocus: false,
+        data: {
+          title: 'Release conflicts detected',
+          description: `${conflicts.length} conflict${
+            conflicts.length === 1 ? '' : 's'
+          } must be resolved before this release can be tagged.`,
+          choices: [
+            {
+              label: 'Close',
+              value: 'close',
+              description:
+                'Review the staged and member object versions before retrying the release.',
+            },
+          ],
+        },
+      });
+      return;
+    }
+
+    const minorVersion = preview?.next_version_minor || preview?.next_version;
+    const majorVersion = preview?.next_version_major;
+    const choices = [
+      {
+        label: `Minor Release${minorVersion ? ` (${minorVersion})` : ''}`,
+        value: 'minor',
+        description: this.getReleasePreviewDescription(preview),
+      },
+    ];
+
+    if (majorVersion) {
+      choices.push({
+        label: `Major Release (${majorVersion})`,
+        value: 'major',
+        description: this.getReleasePreviewDescription(preview),
+      });
+    }
+
+    const releaseRef = this.dialog.open(MultipleChoiceDialogComponent, {
+      width: '34em',
+      autoFocus: false,
+      data: {
+        title: 'Preview & release',
+        description:
+          'The release preview found no blocking conflicts. Choose a version bump to tag the latest draft snapshot.',
+        choices,
+      },
+    });
+
+    releaseRef
+      .afterClosed()
+      .pipe(take(1))
+      .subscribe((type: 'major' | 'minor' | undefined) => {
+        if (type !== 'major' && type !== 'minor') return;
+        this.bumpLatestRelease(type);
+      });
+  }
+
+  private bumpLatestRelease(type: 'major' | 'minor'): void {
+    if (!this.id) return;
+
+    this.isReleasing = true;
+    this.connector
+      .bumpByLatest(this.id, { type })
+      .pipe(
+        take(1),
+        finalize(() => {
+          this.isReleasing = false;
+        })
+      )
+      .subscribe({
+        next: () => this.refreshReleaseTrackState(),
+        error: err => {
+          console.error('Failed to tag release track snapshot', err);
+        },
+      });
+  }
+
+  private getReleaseConflicts(preview: any): any[] {
+    return Array.isArray(preview?.conflicts) ? preview.conflicts : [];
+  }
+
+  private getReleasePreviewDescription(preview: any): string {
+    const included =
+      preview?.statistics?.included_objects ??
+      preview?.release_preview?.will_include?.length ??
+      preview?.staged_count ??
+      0;
+    const excluded =
+      preview?.statistics?.excluded_objects ??
+      preview?.release_preview?.will_exclude?.length ??
+      preview?.candidates_count ??
+      0;
+
+    return `${included} object${included === 1 ? '' : 's'} will be included. ${
+      excluded || 0
+    } object${excluded === 1 ? '' : 's'} will remain out of this release.`;
+  }
+
+  private buildSnapshotHistory(
+    snapshots: ReleaseTrackSnapshotHistoryItem[]
+  ): SnapshotHistoryViewModel[] {
+    const sorted = [...snapshots].sort(
+      (a, b) => this.getSnapshotTime(b) - this.getSnapshotTime(a)
+    );
+
+    return sorted.map((snapshot, index) => {
+      const previousSnapshot = sorted[index + 1];
+      const currentMembers = this.getSnapshotMembers(snapshot);
+      const previousMembers = previousSnapshot
+        ? this.getSnapshotMembers(previousSnapshot)
+        : [];
+
+      return {
+        snapshot,
+        title: this.getSnapshotTitle(snapshot),
+        created: this.getSnapshotDate(snapshot),
+        modified: this.getSnapshotModified(snapshot),
+        isTagged: this.isTaggedSnapshot(snapshot),
+        addedCount: this.getAddedCount(
+          snapshot,
+          currentMembers,
+          previousMembers
+        ),
+        modifiedCount: this.getModifiedCount(
+          snapshot,
+          currentMembers,
+          previousMembers
+        ),
+        totalObjects: this.getSnapshotTotalObjects(snapshot, currentMembers),
+      };
+    });
+  }
+
+  private getSnapshotTitle(snapshot: ReleaseTrackSnapshotHistoryItem): string {
+    const version = snapshot.version || snapshot.stix?.x_mitre_version;
+    if (!version) return 'Draft Snapshot';
+    return String(version).startsWith('v') ? String(version) : `v${version}`;
+  }
+
+  private getSnapshotDate(
+    snapshot: ReleaseTrackSnapshotHistoryItem
+  ): Date | null {
+    const value =
+      snapshot.created ||
+      snapshot.modified ||
+      snapshot.snapshot_id ||
+      snapshot.tagged_at ||
+      snapshot.stix?.modified;
+    return value ? new Date(value) : null;
+  }
+
+  private getSnapshotModified(
+    snapshot: ReleaseTrackSnapshotHistoryItem
+  ): string | null {
+    const value =
+      snapshot.modified || snapshot.snapshot_id || snapshot.stix?.modified;
+    if (!value) return null;
+    return value instanceof Date ? value.toISOString() : String(value);
+  }
+
+  private getSnapshotTime(snapshot: ReleaseTrackSnapshotHistoryItem): number {
+    return this.getSnapshotDate(snapshot)?.getTime() || 0;
+  }
+
+  private isTaggedSnapshot(snapshot: ReleaseTrackSnapshotHistoryItem): boolean {
+    return !!(snapshot.version || snapshot.stix?.x_mitre_version);
+  }
+
+  private getSnapshotMembers(
+    snapshot: ReleaseTrackSnapshotHistoryItem
+  ): SnapshotMemberRef[] {
+    const members =
+      snapshot.members ||
+      snapshot.contents?.members ||
+      snapshot.stix?.x_mitre_contents ||
+      [];
+
+    return members
+      .map((member: any) => this.getSnapshotMemberRef(member))
+      .filter((member): member is SnapshotMemberRef => !!member);
+  }
+
+  private getSnapshotMemberRef(member: any): SnapshotMemberRef | null {
+    if (!member) return null;
+
+    if (typeof member === 'string') {
+      return { object_ref: member };
+    }
+
+    const objectRef =
+      member.object_ref ||
+      member.id ||
+      member.object_id ||
+      member.stixID ||
+      member.stix?.id;
+
+    if (!objectRef) return null;
+
+    const objectModified =
+      member.object_modified || member.modified || member.stix?.modified;
+
+    return {
+      object_ref: objectRef,
+      object_modified: objectModified
+        ? this.toIsoString(objectModified)
+        : undefined,
+    };
+  }
+
+  private getAddedCount(
+    snapshot: ReleaseTrackSnapshotHistoryItem,
+    currentMembers: SnapshotMemberRef[],
+    previousMembers: SnapshotMemberRef[]
+  ): number {
+    if (typeof snapshot.summary?.added_count === 'number') {
+      return snapshot.summary.added_count;
+    }
+    if (typeof snapshot.summary?.promoted_count === 'number') {
+      return snapshot.summary.promoted_count;
+    }
+    if (!previousMembers.length) return 0;
+
+    const previousRefs = new Set(
+      previousMembers.map(member => member.object_ref)
+    );
+    return currentMembers.filter(member => !previousRefs.has(member.object_ref))
+      .length;
+  }
+
+  private getModifiedCount(
+    snapshot: ReleaseTrackSnapshotHistoryItem,
+    currentMembers: SnapshotMemberRef[],
+    previousMembers: SnapshotMemberRef[]
+  ): number {
+    if (typeof snapshot.summary?.modified_count === 'number') {
+      return snapshot.summary.modified_count;
+    }
+    if (!previousMembers.length) return 0;
+
+    const previousByRef = new Map(
+      previousMembers.map(member => [member.object_ref, member.object_modified])
+    );
+
+    return currentMembers.filter(member => {
+      const previousModified = previousByRef.get(member.object_ref);
+      return (
+        !!member.object_modified &&
+        !!previousModified &&
+        member.object_modified !== previousModified
+      );
+    }).length;
+  }
+
+  private getSnapshotTotalObjects(
+    snapshot: ReleaseTrackSnapshotHistoryItem,
+    members: SnapshotMemberRef[]
+  ): number {
+    if (typeof snapshot.summary?.members_count === 'number') {
+      return snapshot.summary.members_count;
+    }
+    if (typeof snapshot.composition_resolution?.total_objects === 'number') {
+      return snapshot.composition_resolution.total_objects;
+    }
+    if (members.length) return members.length;
+
+    const allRefs = [
+      ...(snapshot.candidates || snapshot.contents?.candidates || []),
+      ...(snapshot.staged || snapshot.contents?.staged || []),
+    ]
+      .map(item => this.getSnapshotMemberRef(item)?.object_ref)
+      .filter((ref): ref is string => !!ref);
+
+    return new Set(allRefs).size;
+  }
+
+  private getSnapshotExportFilename(
+    item: SnapshotHistoryViewModel,
+    format: ExportFormatType
+  ): string {
+    const name = this.releaseTrackName || this.id || 'release-track';
+    const safeName =
+      name
+        .trim()
+        .toLowerCase()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '') || 'release-track';
+    const snapshotName = item.isTagged
+      ? item.title.replace(/^v/, 'v')
+      : 'draft';
+    return `${safeName}-${snapshotName}-${format}.json`;
+  }
+
   private toIsoString(value: Date | string | undefined): string | undefined {
     if (!value) return undefined;
     return value instanceof Date ? value.toISOString() : value;

From 2264cfb57c346951ba37c12c464095ada0c247a4 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 17 Jun 2026 10:25:13 -0400
Subject: [PATCH 075/190] refactor(release-tracks): simplify release track API
 types

---
 src/app/classes/release-tracks/api.ts         |  93 ++++++++
 src/app/classes/release-tracks/composition.ts |  14 +-
 src/app/classes/release-tracks/config.ts      |  40 ++--
 src/app/classes/release-tracks/enums.ts       |  51 +---
 src/app/classes/release-tracks/history.ts     |  14 +-
 src/app/classes/release-tracks/index.ts       |   1 +
 .../rest-api/release-tracks.service.ts        | 225 ++++--------------
 .../release-track-page.component.ts           |   8 +-
 8 files changed, 183 insertions(+), 263 deletions(-)
 create mode 100644 src/app/classes/release-tracks/api.ts

diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
new file mode 100644
index 000000000..268e87a40
--- /dev/null
+++ b/src/app/classes/release-tracks/api.ts
@@ -0,0 +1,93 @@
+import type { WorkflowStatusType } from 'src/app/utils/types';
+import type { Composition } from './composition';
+import type { ReleaseTrackConfig } from './config';
+import type { ExportFormatType, ReleaseTrackType } from './enums';
+import type { SnapshotSchedule } from './release-track';
+
+export type StixObjectRef = string | { id: string; modified?: string };
+
+export interface CreateReleaseTrackPayload {
+  name: string;
+  description?: string;
+  external_references?: any[];
+  object_marking_refs?: string[];
+  type?: ReleaseTrackType;
+  config?: ReleaseTrackConfig;
+  composition?: Composition;
+  snapshot_schedule?: SnapshotSchedule;
+}
+
+export interface StixBundlePayload {
+  type: 'bundle';
+  id?: string;
+  objects: any[];
+}
+
+export interface UpdateMetadataPayload {
+  name?: string;
+  description?: string;
+  external_references?: any[];
+  object_marking_refs?: string[];
+}
+
+export interface UpdateContentsPayload {
+  x_mitre_contents: string[];
+}
+
+export interface BumpPayload {
+  type?: 'major' | 'minor';
+  version?: string;
+  dry_run?: boolean;
+}
+
+export interface ClonePayload {
+  name?: string;
+}
+
+export interface ReviewPayload {
+  from: WorkflowStatusType;
+  to: WorkflowStatusType;
+  object_refs?: StixObjectRef[];
+}
+
+export interface ReleaseTrackSnapshotOptions {
+  format?: ExportFormatType;
+  include?: 'members' | 'staged' | 'candidates' | 'all';
+  releases?: 'only';
+  version?: string;
+  versions?: 'all';
+  [key: string]: any;
+}
+
+export interface ReleaseTrackSnapshotHistoryItem {
+  id?: string;
+  modified?: string | Date;
+  version?: string | null;
+  created?: string | Date;
+  tagged_at?: string | Date;
+  snapshot_id?: string | Date;
+  members?: any[];
+  staged?: any[];
+  candidates?: any[];
+  contents?: {
+    members?: any[];
+    staged?: any[];
+    candidates?: any[];
+    [key: string]: any;
+  };
+  summary?: {
+    members_count?: number;
+    added_count?: number;
+    modified_count?: number;
+    promoted_count?: number;
+    [key: string]: any;
+  };
+  stix?: {
+    id?: string;
+    modified?: string | Date;
+    x_mitre_version?: string | null;
+    x_mitre_contents?: any[];
+    [key: string]: any;
+  };
+  [key: string]: any;
+}
diff --git a/src/app/classes/release-tracks/composition.ts b/src/app/classes/release-tracks/composition.ts
index ebab47ea8..c24592547 100644
--- a/src/app/classes/release-tracks/composition.ts
+++ b/src/app/classes/release-tracks/composition.ts
@@ -22,16 +22,14 @@ export interface Composition {
   };
 }
 
-export interface DeduplicationReport {
-  total_objects_before?: number;
-  total_objects_after?: number;
-  duplicates_found?: number;
-  conflicts_resolved?: any[];
-}
-
 export interface CompositionResolution {
   resolved_at?: Date;
   component_snapshots?: ComponentSnapshotResolution[];
-  deduplication?: DeduplicationReport;
+  deduplication?: {
+    total_objects_before?: number;
+    total_objects_after?: number;
+    duplicates_found?: number;
+    conflicts_resolved?: any[];
+  };
   summary?: any;
 }
diff --git a/src/app/classes/release-tracks/config.ts b/src/app/classes/release-tracks/config.ts
index 698ccd22b..4d8c6bbb4 100644
--- a/src/app/classes/release-tracks/config.ts
+++ b/src/app/classes/release-tracks/config.ts
@@ -3,37 +3,29 @@
 // -----------------------------------------------------------------------------
 
 import { WorkflowStatusType } from 'src/app/utils/types';
-import {
+import type {
   ConflictPolicyType,
   MemberSyncBehaviorType,
   MemberSyncPolicyType,
   MemberSyncStrategyType,
 } from './enums';
 
-export interface PromotionConflicts {
-  candidates_to_staged?: ConflictPolicyType;
-  staged_to_members?: ConflictPolicyType;
-}
-
-export interface IncludeSecondaryObjects {
-  enabled?: boolean;
-  status_threshold?: WorkflowStatusType;
-}
-
-export interface MemberSyncSupplant {
-  behavior?: MemberSyncBehaviorType;
-  status_policy?: MemberSyncPolicyType;
-}
-
-export interface MemberSync {
-  strategy?: MemberSyncStrategyType;
-  supplant?: MemberSyncSupplant;
-}
-
 export interface ReleaseTrackConfig {
   candidacy_threshold?: WorkflowStatusType;
   auto_promote?: boolean;
-  include_secondary_objects?: IncludeSecondaryObjects;
-  promotion_conflicts?: PromotionConflicts;
-  member_sync?: MemberSync;
+  include_secondary_objects?: {
+    enabled?: boolean;
+    status_threshold?: WorkflowStatusType;
+  };
+  promotion_conflicts?: {
+    candidates_to_staged?: ConflictPolicyType;
+    staged_to_members?: ConflictPolicyType;
+  };
+  member_sync?: {
+    strategy?: MemberSyncStrategyType;
+    supplant?: {
+      behavior?: MemberSyncBehaviorType;
+      status_policy?: MemberSyncPolicyType;
+    };
+  };
 }
diff --git a/src/app/classes/release-tracks/enums.ts b/src/app/classes/release-tracks/enums.ts
index 963eb73a6..4432bebf5 100644
--- a/src/app/classes/release-tracks/enums.ts
+++ b/src/app/classes/release-tracks/enums.ts
@@ -1,5 +1,7 @@
 import { WorkflowStatus, WorkflowStatusType } from 'src/app/utils/types';
 
+type EnumValue<T extends Record<string, string>> = T[keyof T];
+
 // -----------------------------------------------------------------------------
 // Release Track Type
 // -----------------------------------------------------------------------------
@@ -24,11 +26,7 @@ export enum ConflictPolicy {
   Abort = 'abort', // throw error on any conflict
 }
 
-export type ConflictPolicyType =
-  | ConflictPolicy.AlwaysOverwrite
-  | ConflictPolicy.AlwaysReject
-  | ConflictPolicy.PreferLatest
-  | ConflictPolicy.Abort;
+export type ConflictPolicyType = EnumValue<typeof ConflictPolicy>;
 
 export const CONFLICT_POLICY_OPTIONS: ConflictPolicyType[] = Object.values(
   ConflictPolicy
@@ -41,15 +39,11 @@ export const CONFLICT_POLICY_OPTIONS: ConflictPolicyType[] = Object.values(
 export enum DeduplicationStrategy {
   PrioritizeLatestObject = 'prioritize_latest_object', // keep version with newest object_modified
   PrioritizeLatestSnapshot = 'prioritize_latest_snapshot', // keep version from most recently modified snapshot
-  PrioritizeHigherPriority = 'prioritize_higher_priority', // keep version from the higher-priority conmponent (lower number)
+  PrioritizeHigherPriority = 'prioritize_higher_priority', // keep version from the higher-priority component (lower number)
   Quarantine = 'quarantine', // send all conflicting versions to quarantine for manual review
 }
 
-export type DeduplicationStrategyType =
-  | DeduplicationStrategy.PrioritizeLatestObject
-  | DeduplicationStrategy.PrioritizeLatestSnapshot
-  | DeduplicationStrategy.PrioritizeHigherPriority
-  | DeduplicationStrategy.Quarantine;
+export type DeduplicationStrategyType = EnumValue<typeof DeduplicationStrategy>;
 
 export const DEDUPLICATION_STRATEGY_OPTIONS: DeduplicationStrategyType[] =
   Object.values(DeduplicationStrategy) as DeduplicationStrategyType[];
@@ -65,11 +59,7 @@ export enum ExportFormat {
   FileSystemStore = 'filesystemstore',
 }
 
-export type ExportFormatType =
-  | ExportFormat.Snapshot
-  | ExportFormat.Bundle
-  | ExportFormat.Workbench
-  | ExportFormat.FileSystemStore;
+export type ExportFormatType = EnumValue<typeof ExportFormat>;
 
 export const EXPORT_FORMAT_OPTIONS: ExportFormatType[] = Object.values(
   ExportFormat
@@ -86,11 +76,7 @@ export enum SnapshotTier {
   All = 'all',
 }
 
-export type SnapshotTierType =
-  | SnapshotTier.Member
-  | SnapshotTier.Staged
-  | SnapshotTier.Candidate
-  | SnapshotTier.All;
+export type SnapshotTierType = EnumValue<typeof SnapshotTier>;
 
 export const SNAPSHOT_TIER_OPTIONS: SnapshotTierType[] = Object.values(
   SnapshotTier
@@ -114,10 +100,7 @@ export enum ResolutionStrategy {
   SpecificSnapshot = 'specific_snapshot',
 }
 
-export type ResolutionStrategyType =
-  | ResolutionStrategy.LatestTagged
-  | ResolutionStrategy.SpecificVersion
-  | ResolutionStrategy.SpecificSnapshot;
+export type ResolutionStrategyType = EnumValue<typeof ResolutionStrategy>;
 
 export const RESOLUTION_STRATEGY_OPTIONS: ResolutionStrategyType[] =
   Object.values(ResolutionStrategy) as ResolutionStrategyType[];
@@ -132,10 +115,7 @@ export enum SnapshotScheduleMode {
   Dates = 'dates',
 }
 
-export type SnapshotScheduleModeType =
-  | SnapshotScheduleMode.Manual
-  | SnapshotScheduleMode.Cron
-  | SnapshotScheduleMode.Dates;
+export type SnapshotScheduleModeType = EnumValue<typeof SnapshotScheduleMode>;
 
 export const SNAPSHOT_MODE_OPTIONS: SnapshotScheduleModeType[] = Object.values(
   SnapshotScheduleMode
@@ -150,9 +130,7 @@ export enum MemberSyncStrategy {
   Manual = 'manual',
 }
 
-export type MemberSyncStrategyType =
-  | MemberSyncStrategy.TrackLatest
-  | MemberSyncStrategy.Manual;
+export type MemberSyncStrategyType = EnumValue<typeof MemberSyncStrategy>;
 
 export const MEMBER_SYNC_STRATEGY_OPTIONS: MemberSyncStrategyType[] =
   Object.values(MemberSyncStrategy) as MemberSyncStrategyType[];
@@ -163,10 +141,7 @@ export enum MemberSyncBehavior {
   Ignore = 'ignore',
 }
 
-export type MemberSyncBehaviorType =
-  | MemberSyncBehavior.Replace
-  | MemberSyncBehavior.Queue
-  | MemberSyncBehavior.Ignore;
+export type MemberSyncBehaviorType = EnumValue<typeof MemberSyncBehavior>;
 
 export const MEMBER_SYNC_BEHAVIOR_OPTIONS: MemberSyncBehaviorType[] =
   Object.values(MemberSyncBehavior) as MemberSyncBehaviorType[];
@@ -176,9 +151,7 @@ export enum MemberSyncPolicy {
   Preserve = 'preserve',
 }
 
-export type MemberSyncPolicyType =
-  | MemberSyncPolicy.Reset
-  | MemberSyncPolicy.Preserve;
+export type MemberSyncPolicyType = EnumValue<typeof MemberSyncPolicy>;
 
 export const MEMBER_SYNC_STATUS_POLICY_OPTIONS: MemberSyncPolicyType[] =
   Object.values(MemberSyncPolicy) as MemberSyncPolicyType[];
diff --git a/src/app/classes/release-tracks/history.ts b/src/app/classes/release-tracks/history.ts
index 870e2f9a4..0eb628809 100644
--- a/src/app/classes/release-tracks/history.ts
+++ b/src/app/classes/release-tracks/history.ts
@@ -1,15 +1,13 @@
-export interface VersionHistorySummary {
-  members_count?: number;
-  promoted_count?: number;
-  staged_count?: number;
-  candidate_count?: number;
-}
-
 export interface VersionHistoryEntry {
   version: string;
   tagged_at: Date;
   tagged_by: string;
   snapshot_id: Date;
-  summary?: VersionHistorySummary;
+  summary?: {
+    members_count?: number;
+    promoted_count?: number;
+    staged_count?: number;
+    candidate_count?: number;
+  };
   component_versions?: any; // virtual tracks only
 }
diff --git a/src/app/classes/release-tracks/index.ts b/src/app/classes/release-tracks/index.ts
index cd5593a14..cc65c34d4 100644
--- a/src/app/classes/release-tracks/index.ts
+++ b/src/app/classes/release-tracks/index.ts
@@ -1,3 +1,4 @@
+export * from './api';
 export * from './component-track';
 export * from './composition';
 export * from './config';
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index fa0e22e3e..d36a9b3fb 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -7,158 +7,37 @@ import { environment } from '../../../../environments/environment';
 import { logger } from '../../../utils/logger';
 import { ApiConnector } from '../api-connector';
 import {
+  ExportFormat,
+  ReleaseTrackSnapshot,
+} from 'src/app/classes/release-tracks';
+import type {
+  BumpPayload,
+  ClonePayload,
+  CreateReleaseTrackPayload,
   ExportFormatType,
   ReleaseTrackConfig,
-  ReleaseTrackSnapshot,
-  ReleaseTrackType,
+  ReleaseTrackSnapshotHistoryItem,
+  ReleaseTrackSnapshotOptions,
+  ReviewPayload,
+  StixBundlePayload,
+  StixObjectRef,
+  UpdateContentsPayload,
+  UpdateMetadataPayload,
 } from 'src/app/classes/release-tracks';
 import { Paginated } from './rest-api-connector.service';
 
-// -----------------------------------------------------------------------------
-// Request Payload Definitions for Release Tracks API Requests
-// -----------------------------------------------------------------------------
-export type StixObjectRef = string | { id: string; modified?: string };
-
-export interface CreateReleaseTrackPayload {
-  name: string;
-  description?: string;
-  external_references?: any[];
-  object_marking_refs?: any[];
-  type?: ReleaseTrackType;
-  composition?: any;
-  snapshot_schedule?: any;
-}
-
-// Backwards-compatible payload shape for virtual track composition. The UI
-// sometimes submits a slightly different structure; keep the service tolerant.
-export interface VirtualCompositionPayload {
-  component_tracks?: any[];
-  deduplication?: {
-    strategy?: string;
-    tier_resolution?: string;
-    status_resolution?: string;
-  };
-}
-
-export interface StixBundlePayload {
-  type: 'bundle';
-  id?: string;
-  objects: any[];
-}
-
-export interface UpdateMetadataPayload {
-  name?: string;
-  description?: string;
-  external_references?: any[];
-  object_marking_refs?: any[];
-}
-
-export interface UpdateContentsPayload {
-  x_mitre_contents: string[];
-}
-
-export interface BumpPayload {
-  type?: 'major' | 'minor';
-  version?: string;
-  dry_run?: boolean;
-}
-
-export interface ClonePayload {
-  name?: string;
-}
-
-export interface ReviewPayload {
-  from: string;
-  to: string;
-  object_refs?: StixObjectRef[];
-}
-
-export interface UpdateVersionPayload {
-  old_modified?: string;
-  new_modified?: string;
-}
-
-export type ConfigPayload = Partial<ReleaseTrackConfig>;
-
-export interface ReleaseTrackSnapshotOptions {
-  format?: ExportFormatType;
-  include?: string;
-  [key: string]: any;
-}
-
-export interface CreateVirtualSnapshotPayload {
-  description?: string;
-}
-
-export interface CreateVirtualSnapshotResponse {
-  stix?: {
-    id?: string;
-    modified?: string;
-    x_mitre_version?: string | null;
-    type?: ReleaseTrackType | string;
-    [key: string]: any;
-  };
-  composition_resolution?: {
-    resolved_at?: string;
-    component_snapshots?: any[];
-    total_objects?: number;
-    duplicates_resolved?: number;
-    [key: string]: any;
-  };
-  [key: string]: any;
-}
-
-export interface PreviewVirtualSnapshotResponse {
-  preview?: {
-    would_resolve_to?: {
-      component_snapshots?: any[];
-      total_objects?: number;
-      [key: string]: any;
-    };
-    comparison_to_latest_tagged?: {
-      current_version?: string | null;
-      new_objects?: number;
-      updated_objects?: number;
-      removed_objects?: number;
-      [key: string]: any;
-    };
-    [key: string]: any;
-  };
-  [key: string]: any;
-}
-
-export interface ReleaseTrackSnapshotHistoryItem {
-  id?: string;
-  modified?: string | Date;
-  version?: string | null;
-  created?: string | Date;
-  tagged_at?: string | Date;
-  snapshot_id?: string | Date;
-  members?: any[];
-  staged?: any[];
-  candidates?: any[];
-  contents?: {
-    members?: any[];
-    staged?: any[];
-    candidates?: any[];
-    [key: string]: any;
-  };
-  summary?: {
-    members_count?: number;
-    added_count?: number;
-    modified_count?: number;
-    promoted_count?: number;
-    [key: string]: any;
-  };
-  stix?: {
-    id?: string;
-    modified?: string | Date;
-    x_mitre_version?: string | null;
-    x_mitre_contents?: any[];
-    [key: string]: any;
-  };
-  [key: string]: any;
-}
+export type {
+  BumpPayload,
+  ClonePayload,
+  CreateReleaseTrackPayload,
+  ReleaseTrackSnapshotHistoryItem,
+  ReleaseTrackSnapshotOptions,
+  ReviewPayload,
+  StixBundlePayload,
+  StixObjectRef,
+  UpdateContentsPayload,
+  UpdateMetadataPayload,
+} from 'src/app/classes/release-tracks';
 
 // -----------------------------------------------------------------------------
 // Release Tracks API Connector Service
@@ -262,13 +141,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     offset?: number;
     search?: string;
   }): Observable<Paginated<any>> {
-    let params = new HttpParams();
-    if (options?.type) params = params.set('type', options.type);
-    if (options?.releases) params = params.set('releases', options.releases);
-    if (options?.limit) params = params.set('limit', options.limit.toString());
-    if (options?.offset)
-      params = params.set('offset', options.offset.toString());
-    if (options?.search) params = params.set('search', options.search);
+    const params = this.buildHttpParams(options);
     const url = `${this.apiUrl}/release-tracks`;
     return this.http.get(url, { params }).pipe(
       tap(() => logger.log('retrieved release tracks list')),
@@ -474,9 +347,11 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * @param format Optional output format
    * @returns Observable<any> preview payload
    */
-  public previewBump(id: string, format = 'workbench'): Observable<any> {
-    let params = new HttpParams();
-    if (format) params = params.set('format', format);
+  public previewBump(
+    id: string,
+    format: ExportFormatType = ExportFormat.Workbench
+  ): Observable<any> {
+    const params = this.buildHttpParams({ format });
     const url = `${this.apiUrl}/release-tracks/${id}/bump/preview`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
@@ -553,8 +428,8 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   public retrieveSnapshotByModified(
     id: string,
     modified: string,
-    options?: Record<string, any>
-  ): Observable<any> {
+    options?: ReleaseTrackSnapshotOptions
+  ): Observable<ReleaseTrackSnapshot | null> {
     const params = this.buildHttpParams(options);
     const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}`;
     return this.http.get(url, { params }).pipe(
@@ -687,18 +562,18 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * Resolve component tracks and create a new draft snapshot for a virtual track.
    * @param id Release track id
    * @param body Optional snapshot creation options
-   * @returns Observable<CreateVirtualSnapshotResponse>
+   * @returns Observable<any>
    */
   public createVirtualSnapshot(
     id: string,
-    body?: CreateVirtualSnapshotPayload
-  ): Observable<CreateVirtualSnapshotResponse> {
+    body?: { description?: string }
+  ): Observable<any> {
     const url = `${this.apiUrl}/release-tracks/${id}/snapshots/create`;
-    return this.http.post<CreateVirtualSnapshotResponse>(url, body || {}).pipe(
+    return this.http.post(url, body || {}).pipe(
       tap(result =>
         logger.log(`created virtual snapshot for track ${id}`, result)
       ),
-      catchError(this.handleError_raise<CreateVirtualSnapshotResponse>()),
+      catchError(this.handleError_raise()),
       share()
     );
   }
@@ -707,19 +582,15 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * GET /api/release-tracks/:id/snapshots/preview
    * Preview the resolved contents of a virtual snapshot without creating it.
    * @param id Release track id
-   * @returns Observable<PreviewVirtualSnapshotResponse | null>
+   * @returns Observable<any>
    */
-  public previewVirtualSnapshot(
-    id: string
-  ): Observable<PreviewVirtualSnapshotResponse | null> {
+  public previewVirtualSnapshot(id: string): Observable<any> {
     const url = `${this.apiUrl}/release-tracks/${id}/snapshots/preview`;
-    return this.http.get<PreviewVirtualSnapshotResponse>(url).pipe(
+    return this.http.get(url).pipe(
       tap(result =>
         logger.log(`previewed virtual snapshot for track ${id}`, result)
       ),
-      catchError(
-        this.handleError_continue<PreviewVirtualSnapshotResponse | null>(null)
-      ),
+      catchError(this.handleError_continue<any>(null)),
       share()
     );
   }
@@ -763,11 +634,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     id: string,
     options?: { status?: string; limit?: number; offset?: number }
   ): Observable<any> {
-    let params = new HttpParams();
-    if (options?.status) params = params.set('status', options.status);
-    if (options?.limit) params = params.set('limit', options.limit.toString());
-    if (options?.offset)
-      params = params.set('offset', options.offset.toString());
+    const params = this.buildHttpParams(options);
     const url = `${this.apiUrl}/release-tracks/${id}/candidates`;
     return this.http.get(url, { params }).pipe(
       tap(() => logger.log(`listed candidates for track ${id}`)),
@@ -849,7 +716,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   public updateCandidateVersion(
     id: string,
     objectRef: string,
-    body: UpdateVersionPayload
+    body: { old_modified?: string; new_modified?: string }
   ): Observable<any> {
     const url = `${this.apiUrl}/release-tracks/${id}/candidates/${objectRef}/update-version`;
     return this.http.post(url, body).pipe(
@@ -935,7 +802,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    */
   public updateConfig(
     id: string,
-    body: ConfigPayload,
+    body: Partial<ReleaseTrackConfig>,
     userAccountId?: string
   ): Observable<any> {
     const url = `${this.apiUrl}/release-tracks/${id}/config`;
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index ba3d67375..7d7652aa4 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -13,13 +13,11 @@ import {
   MemberSyncStrategyType,
   ReleaseTrackConfig,
   ReleaseTrackSnapshot,
-  ReleaseTrackType,
-} from 'src/app/classes/release-tracks';
-import {
-  ReleaseTracksConnectorService,
   ReleaseTrackSnapshotHistoryItem,
+  ReleaseTrackType,
   StixObjectRef,
-} from 'src/app/services/connectors/rest-api/release-tracks.service';
+} from 'src/app/classes/release-tracks';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
 import { MatDialog } from '@angular/material/dialog';
 import { SelectionModel } from '@angular/cdk/collections';

From ae4921f1612e6f6a92a09febd15c579cc4224bce Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 17 Jun 2026 10:39:47 -0400
Subject: [PATCH 076/190] fix(release-tracks): disable inactive config values

---
 .../release-track-page.component.html         | 24 +++++--
 .../release-track-page.component.scss         | 51 +++++++++++++++
 .../release-track-page.component.spec.ts      | 64 ++++++++++++++++++
 .../release-track-page.component.ts           | 65 +++++++++++++++++--
 4 files changed, 196 insertions(+), 8 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index bf40f43e9..4ff125996 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -422,7 +422,11 @@ <h3>Promotion Policy</h3>
 
             <mat-divider></mat-divider>
 
-            <div class="config-row">
+            <div
+              class="config-row"
+              [class.config-row-disabled]="
+                !configForm.get('autoPromote')?.value
+              ">
               <div class="config-copy">
                 <div class="config-label">Candidacy Threshold</div>
                 <p>
@@ -443,7 +447,11 @@ <h3>Promotion Policy</h3>
                 </mat-form-field>
               </ng-container>
               <ng-template #thresholdValue>
-                <span class="config-value">
+                <span
+                  class="config-value"
+                  [class.config-value-disabled]="
+                    !configForm.get('autoPromote')?.value
+                  ">
                   {{
                     formatConfigOption(
                       configForm.get('candidacyThreshold')?.value
@@ -664,7 +672,11 @@ <h3>Secondary Objects</h3>
 
             <mat-divider></mat-divider>
 
-            <div class="config-row">
+            <div
+              class="config-row"
+              [class.config-row-disabled]="
+                !configForm.get('includeSecondaryObjects')?.value
+              ">
               <div class="config-copy">
                 <div class="config-label">Secondary Object Threshold</div>
                 <p>
@@ -686,7 +698,11 @@ <h3>Secondary Objects</h3>
                 </mat-form-field>
               </ng-container>
               <ng-template #secondaryThresholdValue>
-                <span class="config-value">
+                <span
+                  class="config-value"
+                  [class.config-value-disabled]="
+                    !configForm.get('includeSecondaryObjects')?.value
+                  ">
                   {{
                     formatConfigOption(
                       configForm.get('secondaryObjectThreshold')?.value
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index fe8b05909..3a376de1c 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -120,6 +120,42 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     }
   }
 
+  .config-row-disabled {
+    .config-label,
+    .config-copy p,
+    .config-value {
+      color: #7d8792;
+    }
+
+    .config-value {
+      background: rgba(29, 39, 51, 0.06);
+    }
+
+    .dark & {
+      .config-label,
+      .config-copy p,
+      .config-value {
+        color: colors.on-color-deemphasis(dark);
+      }
+
+      .config-value {
+        background: rgba(colors.on-color(dark), 0.08);
+      }
+    }
+
+    .light & {
+      .config-label,
+      .config-copy p,
+      .config-value {
+        color: colors.on-color-deemphasis(light);
+      }
+
+      .config-value {
+        background: rgba(colors.on-color(light), 0.06);
+      }
+    }
+  }
+
   .config-copy {
     flex: 1 1 auto;
     min-width: 0;
@@ -204,6 +240,21 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     }
   }
 
+  .config-value-disabled {
+    color: #7d8792;
+    background: rgba(29, 39, 51, 0.06);
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+      background: rgba(colors.on-color(dark), 0.08);
+    }
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+      background: rgba(colors.on-color(light), 0.06);
+    }
+  }
+
   .config-field {
     width: min(100%, 320px);
   }
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 41f1eea25..4a06bc0ba 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -388,6 +388,39 @@ describe('ReleaseTrackPageComponent', () => {
       includeSecondaryObjects: true,
       secondaryObjectThreshold: 'work-in-progress',
     });
+    expect(component.configForm.get('candidacyThreshold')?.disabled).toBe(true);
+  });
+
+  it('should disable the secondary object threshold when secondary objects are not included', () => {
+    mockReleaseTrackApiConnector.getConfig.mockReturnValue(
+      of({
+        include_secondary_objects: {
+          enabled: false,
+          status_threshold: 'awaiting-review',
+        },
+      })
+    );
+    component.id = 'release-track--123';
+
+    component.getConfig();
+
+    expect(component.configForm.getRawValue()).toEqual(
+      expect.objectContaining({
+        includeSecondaryObjects: false,
+        secondaryObjectThreshold: 'awaiting-review',
+      })
+    );
+    expect(component.configForm.get('secondaryObjectThreshold')?.disabled).toBe(
+      true
+    );
+
+    component.configForm.patchValue({
+      includeSecondaryObjects: true,
+    });
+
+    expect(component.configForm.get('secondaryObjectThreshold')?.enabled).toBe(
+      true
+    );
   });
 
   it('should save release track config and refresh state', () => {
@@ -442,6 +475,37 @@ describe('ReleaseTrackPageComponent', () => {
     expect(historySpy).toHaveBeenCalled();
   });
 
+  it('should save release track config without a candidacy threshold when auto-promotion is off', () => {
+    mockReleaseTrackApiConnector.updateConfig.mockReturnValue(of({}));
+    component.id = 'release-track--123';
+    component.releaseTrack = { config: {} } as any;
+    component.configForm.patchValue({
+      autoPromote: false,
+      candidacyThreshold: 'reviewed',
+      memberSyncStrategy: MemberSyncStrategy.Manual,
+      memberSyncSupplantBehavior: MemberSyncBehavior.Replace,
+      memberSyncSupplantStatusPolicy: MemberSyncPolicy.Preserve,
+      candidatesToStagedConflict: ConflictPolicy.PreferLatest,
+      stagedToMembersConflict: ConflictPolicy.Abort,
+      includeSecondaryObjects: false,
+      secondaryObjectThreshold: 'reviewed',
+    });
+    component.isEditingConfig = true;
+
+    component.onSaveConfig();
+
+    expect(mockReleaseTrackApiConnector.updateConfig).toHaveBeenCalledWith(
+      'release-track--123',
+      expect.not.objectContaining({
+        candidacy_threshold: expect.anything(),
+      })
+    );
+    expect(
+      mockReleaseTrackApiConnector.updateConfig.mock.calls[0][1]
+        .candidacy_threshold
+    ).toBeUndefined();
+  });
+
   it('should split auto-promotion release tracks into workflow lanes', () => {
     component.releaseTrack = {
       config: { auto_promote: true },
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 7d7652aa4..70f49ccbb 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -65,7 +65,7 @@ interface SnapshotHistoryViewModel {
 
 interface ReleaseTrackConfigFormValue {
   autoPromote: boolean;
-  candidacyThreshold: WorkflowStatusType;
+  candidacyThreshold: WorkflowStatusType | null;
   memberSyncStrategy: MemberSyncStrategyType;
   memberSyncSupplantBehavior: MemberSyncBehaviorType;
   memberSyncSupplantStatusPolicy: MemberSyncPolicyType;
@@ -127,6 +127,15 @@ export class ReleaseTrackPageComponent implements OnInit {
       includeSecondaryObjects: [false],
       secondaryObjectThreshold: [WorkflowStatus.Reviewed],
     });
+    this.configForm.get('autoPromote')?.valueChanges.subscribe(autoPromote => {
+      this.syncCandidacyThresholdControl(!!autoPromote);
+    });
+    this.configForm
+      .get('includeSecondaryObjects')
+      ?.valueChanges.subscribe(includeSecondaryObjects => {
+        this.syncSecondaryObjectThresholdControl(!!includeSecondaryObjects);
+      });
+    this.syncSecondaryObjectThresholdControl(false);
   }
 
   ngOnInit(): void {
@@ -829,6 +838,48 @@ export class ReleaseTrackPageComponent implements OnInit {
     this.configForm.reset(this.getConfigFormValue(normalizedConfig), {
       emitEvent: false,
     });
+    this.syncCandidacyThresholdControl(!!normalizedConfig.auto_promote);
+    this.syncSecondaryObjectThresholdControl(
+      !!normalizedConfig.include_secondary_objects?.enabled
+    );
+  }
+
+  private syncCandidacyThresholdControl(autoPromote: boolean): void {
+    this.syncWorkflowStatusControl('candidacyThreshold', autoPromote);
+  }
+
+  private syncSecondaryObjectThresholdControl(
+    includeSecondaryObjects: boolean
+  ): void {
+    this.syncWorkflowStatusControl(
+      'secondaryObjectThreshold',
+      includeSecondaryObjects
+    );
+  }
+
+  private syncWorkflowStatusControl(
+    controlName: string,
+    isEnabled: boolean
+  ): void {
+    const thresholdControl = this.configForm.get(controlName);
+    if (!thresholdControl) return;
+
+    if (isEnabled) {
+      thresholdControl.enable({ emitEvent: false });
+      if (!thresholdControl.value) {
+        thresholdControl.setValue(WorkflowStatus.Reviewed, {
+          emitEvent: false,
+        });
+      }
+      return;
+    }
+
+    if (!thresholdControl.value) {
+      thresholdControl.setValue(WorkflowStatus.Reviewed, {
+        emitEvent: false,
+      });
+    }
+    thresholdControl.disable({ emitEvent: false });
   }
 
   private getConfigFromResponse(
@@ -892,8 +943,9 @@ export class ReleaseTrackPageComponent implements OnInit {
   private getConfigFormValue(
     config: ReleaseTrackConfig
   ): ReleaseTrackConfigFormValue {
+    const autoPromote = config.auto_promote ?? true;
     return {
-      autoPromote: config.auto_promote ?? true,
+      autoPromote,
       candidacyThreshold: config.candidacy_threshold ?? WorkflowStatus.Reviewed,
       memberSyncStrategy:
         config.member_sync?.strategy ?? MemberSyncStrategy.Manual,
@@ -917,9 +969,8 @@ export class ReleaseTrackPageComponent implements OnInit {
 
   private getConfigPayload(): ReleaseTrackConfig {
     const value = this.configForm.getRawValue() as ReleaseTrackConfigFormValue;
-    return {
+    const payload: ReleaseTrackConfig = {
       auto_promote: value.autoPromote,
-      candidacy_threshold: value.candidacyThreshold,
       include_secondary_objects: {
         enabled: value.includeSecondaryObjects,
         status_threshold: value.secondaryObjectThreshold,
@@ -936,6 +987,12 @@ export class ReleaseTrackPageComponent implements OnInit {
         },
       },
     };
+
+    if (value.autoPromote && value.candidacyThreshold) {
+      payload.candidacy_threshold = value.candidacyThreshold;
+    }
+
+    return payload;
   }
 
   private openReleasePreviewDialog(preview: any): void {

From b1866a2ebe5b7e8b10719c6f0e3d8260cf181b96 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 17 Jun 2026 13:30:46 -0400
Subject: [PATCH 077/190] fix(release-tracks): show summary counts on release
 track cards

---
 .../release-track-card.component.html         |  6 +-
 .../release-management.component.ts           | 87 +++----------------
 2 files changed, 14 insertions(+), 79 deletions(-)

diff --git a/src/app/components/release-track-card/release-track-card.component.html b/src/app/components/release-track-card/release-track-card.component.html
index e3bbfe28a..c9dac33c5 100644
--- a/src/app/components/release-track-card/release-track-card.component.html
+++ b/src/app/components/release-track-card/release-track-card.component.html
@@ -25,19 +25,19 @@
           <div class="stat">
             <div class="stat-label">CANDIDATES</div>
             <div class="stat-value candidates-stat-value">
-              {{ track.candidates?.length || 'TODO' }}
+              {{ track.stats?.candidates ?? 0 }}
             </div>
           </div>
           <div class="stat">
             <div class="stat-label">STAGED</div>
             <div class="stat-value staged-stat-value">
-              {{ track.staged?.length || 'TODO' }}
+              {{ track.stats?.staged ?? 0 }}
             </div>
           </div>
           <div class="stat">
             <div class="stat-label">MEMBERS</div>
             <div class="stat-value">
-              {{ track.members?.length || 'TODO' }}
+              {{ track.stats?.members ?? 0 }}
             </div>
           </div>
         </ng-container>
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.ts b/src/app/views/dashboard-page/release-management/release-management.component.ts
index 98385320c..c77e576dc 100644
--- a/src/app/views/dashboard-page/release-management/release-management.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-management.component.ts
@@ -57,11 +57,7 @@ export class ReleaseManagementComponent implements OnInit, OnDestroy {
 
   private loadTracks(): void {
     this.subscription = this.connector.listReleaseTracks().subscribe(result => {
-      if (!result || !result.data) {
-        this.allTracks = [];
-        return;
-      }
-      this.allTracks = this.tracksWithComputedData(result.data);
+      this.allTracks = this.tracksWithComputedData(result?.data ?? []);
     });
   }
 
@@ -74,80 +70,19 @@ export class ReleaseManagementComponent implements OnInit, OnDestroy {
   }
 
   private tracksWithComputedData(data: any[]): any[] {
-    return data?.map((track: any) => {
-      // If snapshots are available, compute stats from them. Otherwise use
-      // server-provided summary fields like latest_snapshot_modified.
-      const snapshots: any[] = Array.isArray(track.snapshots)
-        ? track.snapshots
-        : [];
-
-      let latestVersion: any = 'No tagged releases';
-      let latestModified: any =
-        track.latest_snapshot_modified ||
-        track.created_at ||
-        track.updated_at ||
-        null;
-      let stats: any = {
-        candidates: 0,
-        staged: 0,
-        members: 0,
-        quarantined: 0,
-      };
-
-      if (snapshots.length) {
-        const sortedByModified = [...snapshots].sort((a, b) => {
-          const ma = a?.modified || '';
-          const mb = b?.modified || '';
-          return String(mb).localeCompare(String(ma));
-        });
-
-        const latestSnapshot = sortedByModified[0] || null;
-        const taggedSnapshots = sortedByModified.filter(
-          (s: any) => s && s.version
-        );
-        const latestTaggedSnapshot =
-          taggedSnapshots.length > 0 ? taggedSnapshots[0] : null;
-
-        latestVersion = latestTaggedSnapshot
-          ? latestTaggedSnapshot.version
-          : 'No tagged releases';
-        latestModified =
-          latestSnapshot?.modified || latestSnapshot?.created || latestModified;
-
-        stats = {
-          candidates:
-            latestSnapshot?.candidates?.length ||
-            latestSnapshot?.contents?.candidates?.length ||
-            0,
-          staged:
-            latestSnapshot?.staged?.length ||
-            latestSnapshot?.contents?.staged?.length ||
-            0,
-          members:
-            latestTaggedSnapshot?.members?.length ||
-            latestTaggedSnapshot?.contents?.members?.length ||
-            0,
-          quarantined:
-            latestSnapshot?.quarantine?.length ||
-            latestSnapshot?.contents?.quarantine?.length ||
-            0,
-        };
-      } else {
-        latestVersion = track.latest_tagged_version || 'No tagged releases';
-        latestModified = track.latest_snapshot_modified || latestModified;
-        stats = {
-          candidates: track.snapshot_count || 0,
-          staged: 0,
-          members: track.tagged_release_count || 0,
-          quarantined: 0,
-        };
-      }
+    return data.map((track: any) => {
+      const summary = track.summary ?? {};
 
       return {
         ...track,
-        latestVersion,
-        latestModified,
-        stats,
+        latestVersion: track.latest_tagged_version ?? 'No tagged releases',
+        latestModified: track.latest_snapshot_modified,
+        stats: {
+          candidates: summary.candidates_count ?? 0,
+          staged: summary.staged_count ?? 0,
+          members: summary.members_count ?? 0,
+          quarantined: 0,
+        },
       };
     });
   }

From 21d5a8215f29ffcabde8a301d8256aa1a1a5a1a5 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 18 Jun 2026 00:03:42 -0400
Subject: [PATCH 078/190] feat: add an all objects view

---
 .../stix/stix-list/stix-list.component.ts     | 32 ++++++++++++++++---
 .../all-objects-page.component.html           | 12 ++++---
 .../all-objects-page.component.scss           |  5 +--
 .../all-objects-page.component.ts             | 11 ++++++-
 4 files changed, 48 insertions(+), 12 deletions(-)

diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index d581e73d3..27126f16c 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -199,7 +199,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
 
   ngAfterViewInit() {
     // set up listener to search input
-    if (this.config.type && this.config.type != 'relationship') {
+    if (this.config.type != 'relationship') {
       this.searchSubscription = fromEvent(this.search.nativeElement, 'keyup')
         .pipe(
           filter(Boolean),
@@ -881,7 +881,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
       return;
     }
     // filter on STIX objects specified in the config
-    let filtered = this.config.stixObjects;
+    let filtered = this.filterExcludedAttackTypes(this.config.stixObjects);
     filtered = this.filterLocalObjects(filtered, filterStates);
     filtered = this.sortObjects(filtered);
 
@@ -934,7 +934,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
       this.data$ = this.restAPIConnectorService.getAllTactics(options);
     else if (this.config.type == 'technique')
       this.data$ = this.restAPIConnectorService.getAllTechniques(options);
-    else if (this.config.type.includes('collection'))
+    else if (this.config.type?.includes('collection'))
       this.data$ = this.restAPIConnectorService.getAllCollections({
         search: this.searchQuery,
         versions: 'all',
@@ -971,8 +971,21 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
         this.restAPIConnectorService.getAllMarkingDefinitions(options);
     else if (this.config.type == 'note')
       this.data$ = this.restAPIConnectorService.getAllNotes(options);
-    const subscription = this.data$.subscribe({
+    else
+      this.data$ = this.restAPIConnectorService.getAllObjects({
+        limit,
+        offset,
+        state: filterStates.state,
+        revoked: filterStates.revoked,
+        deprecated: filterStates.deprecated,
+        deserialize: true,
+        lastUpdatedBy: this.userIdsUsedInSearch,
+        search: this.searchQuery,
+      });
+    let subscription: Subscription | undefined;
+    subscription = this.data$.subscribe({
       next: data => {
+        data.data = this.filterExcludedAttackTypes(data.data);
         this.totalObjectCount = data.pagination.total;
         this.emitDetectsHasData(data.data.length > 0);
       },
@@ -1085,6 +1098,15 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     }
   }
 
+  private filterExcludedAttackTypes(objects: StixObject[]): StixObject[] {
+    if (!this.config.excludeAttackTypes?.length) return objects;
+
+    return objects.filter(
+      object =>
+        !this.config.excludeAttackTypes.includes(object.attackType as AttackType)
+    );
+  }
+
   public showDeprecated(event) {
     if (event.checked) {
       this.filter.push('state.deprecated');
@@ -1211,6 +1233,8 @@ export interface StixListConfig {
 
   /** force the list to show only this type */
   type?: AttackType | 'collection-created' | 'collection-imported';
+  /** exclude rows matching these ATT&CK object types */
+  excludeAttackTypes?: AttackType[];
 
   /** can the user select in this list? allowed options:
    *     "one": user can select a single element at a time
diff --git a/src/app/views/stix/all-objects-page/all-objects-page.component.html b/src/app/views/stix/all-objects-page/all-objects-page.component.html
index d56c22402..519eb44f0 100644
--- a/src/app/views/stix/all-objects-page/all-objects-page.component.html
+++ b/src/app/views/stix/all-objects-page/all-objects-page.component.html
@@ -1,6 +1,8 @@
-<div class="all-objects-page">
-  <h1>All Objects</h1>
-  <p class="text-deemphasis">
-    A consolidated table of all objects will live here someday.
-  </p>
+<div class="list-page all-objects-page">
+  <div class="list-page-header">
+    <h1>{{ title }}</h1>
+    <p class="text-deemphasis">{{ description }}</p>
+  </div>
+
+  <app-stix-list [config]="stixListConfig"></app-stix-list>
 </div>
diff --git a/src/app/views/stix/all-objects-page/all-objects-page.component.scss b/src/app/views/stix/all-objects-page/all-objects-page.component.scss
index 2216127a5..923cff157 100644
--- a/src/app/views/stix/all-objects-page/all-objects-page.component.scss
+++ b/src/app/views/stix/all-objects-page/all-objects-page.component.scss
@@ -1,5 +1,6 @@
 .all-objects-page {
-  h1 {
-    margin-top: 0;
+  .list-page-header {
+    max-width: 48rem;
+    margin: 0 auto 16px;
   }
 }
diff --git a/src/app/views/stix/all-objects-page/all-objects-page.component.ts b/src/app/views/stix/all-objects-page/all-objects-page.component.ts
index 26b515d1d..8171bf314 100644
--- a/src/app/views/stix/all-objects-page/all-objects-page.component.ts
+++ b/src/app/views/stix/all-objects-page/all-objects-page.component.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { StixListConfig } from 'src/app/components/stix/stix-list/stix-list.component';
 
 @Component({
   selector: 'app-all-objects-page',
@@ -6,4 +7,12 @@ import { Component } from '@angular/core';
   styleUrls: ['./all-objects-page.component.scss'],
   standalone: false,
 })
-export class AllObjectsPageComponent {}
+export class AllObjectsPageComponent {
+  public readonly title = 'All Objects';
+  public readonly description =
+    'Search and browse every object currently available in the knowledge base.';
+  public readonly stixListConfig: StixListConfig = {
+    showUserSearch: true,
+    excludeAttackTypes: ['relationship', 'note', 'collection'],
+  };
+}

From deb50173d9b7a481d161b3ceddb3773bb36d156c Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 18 Jun 2026 00:04:55 -0400
Subject: [PATCH 079/190] chore: code rearrangement

---
 src/app/components/stix/stix-list/stix-list.component.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 27126f16c..fdfe37b3e 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -1103,7 +1103,9 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
 
     return objects.filter(
       object =>
-        !this.config.excludeAttackTypes.includes(object.attackType as AttackType)
+        !this.config.excludeAttackTypes.includes(
+          object.attackType as AttackType
+        )
     );
   }
 

From 9cf61cf30680f7cea0acfd2f5f15dada9c857cfe Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Wed, 24 Jun 2026 09:24:53 -0400
Subject: [PATCH 080/190] feat: add identity management controls

Add identity view routing and editor handling for identity-specific fields.

Expose MITRE identity write configuration in organization settings and improve protected identity flows.
---
 src/app/app-routing-stix.module.ts            |  6 ++
 src/app/app.module.ts                         |  5 +
 src/app/classes/stix/identity.ts              | 31 ++++--
 src/app/classes/stix/stix-object.ts           |  7 ++
 .../confirmation-dialog.component.html        |  7 ++
 .../confirmation-dialog.component.ts          |  2 +
 .../save-dialog/save-dialog.component.html    |  5 +-
 .../save-dialog/save-dialog.component.ts      | 37 ++++---
 .../identity-property.component.ts            | 24 +----
 .../list-edit/list-edit.component.ts          | 12 ++-
 .../name-property/name-property.component.ts  |  5 +-
 .../stix/stix-list/stix-list.component.ts     |  8 ++
 .../string-property.component.ts              | 19 +++-
 .../timestamp-property.component.ts           |  5 +-
 .../timestamp-view.component.ts               | 20 +---
 src/app/services/connectors/api-connector.ts  |  6 +-
 .../rest-api/rest-api-connector.service.ts    | 72 ++++++++++++++
 src/app/services/editor/editor.service.ts     | 53 ++++++++--
 .../org-settings-page.component.html          | 67 ++++++++++---
 .../org-settings-page.component.scss          | 54 ++++++++++
 .../org-settings-page.component.ts            | 87 +++++++++++++++-
 .../landing-page/landing-page.component.ts    | 26 +++--
 .../identity-view.component.html              | 98 +++++++++++++++++++
 .../identity-view/identity-view.component.ts  | 32 ++++++
 .../stix/stix-page/stix-page.component.html   |  3 +
 .../stix/stix-page/stix-page.component.ts     |  3 +
 26 files changed, 596 insertions(+), 98 deletions(-)
 create mode 100644 src/app/views/stix/identity-view/identity-view.component.html
 create mode 100644 src/app/views/stix/identity-view/identity-view.component.ts

diff --git a/src/app/app-routing-stix.module.ts b/src/app/app-routing-stix.module.ts
index bb363bb48..370e7a8bd 100644
--- a/src/app/app-routing-stix.module.ts
+++ b/src/app/app-routing-stix.module.ts
@@ -78,6 +78,12 @@ const stixRouteData = [
     headerSection: 'defenses',
     deprecated: true,
   },
+  // more
+  {
+    attackType: 'identity',
+    editable: true,
+    headerSection: 'more',
+  },
 ];
 
 const stixRoutes: Routes = [];
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 54b5bb72b..d90fd7223 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -45,6 +45,7 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatRadioModule } from '@angular/material/radio';
 import { MatSelectModule } from '@angular/material/select';
 import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatSortModule } from '@angular/material/sort';
 import { MatStepperModule } from '@angular/material/stepper';
@@ -185,6 +186,7 @@ import { CampaignViewComponent } from './views/stix/campaign-view/campaign-view.
 import { DataComponentViewComponent } from './views/stix/data-component-view/data-component-view.component';
 import { DataSourceViewComponent } from './views/stix/data-source-view/data-source-view.component';
 import { GroupViewComponent } from './views/stix/group-view/group-view.component';
+import { IdentityViewComponent } from './views/stix/identity-view/identity-view.component';
 import { MarkingDefinitionViewComponent } from './views/stix/marking-definition-view/marking-definition-view.component';
 import { MatrixFlatComponent } from './views/stix/matrix/matrix-flat/matrix-flat.component';
 import { MatrixSideComponent } from './views/stix/matrix/matrix-side/matrix-side.component';
@@ -328,6 +330,7 @@ export function initConfig(appConfigService: AppConfigService) {
     IdentityPropertyComponent,
     DataSourceViewComponent,
     DataComponentViewComponent,
+    IdentityViewComponent,
     MarkingDefinitionViewComponent,
     CampaignViewComponent,
     CitationPropertyComponent,
@@ -394,6 +397,7 @@ export function initConfig(appConfigService: AppConfigService) {
     MatSelectModule,
     MatExpansionModule,
     MatCheckboxModule,
+    MatSlideToggleModule,
     MatRadioModule,
     MatProgressSpinnerModule,
     MatMenuModule,
@@ -441,6 +445,7 @@ export function initConfig(appConfigService: AppConfigService) {
     MatSelectModule,
     MatExpansionModule,
     MatCheckboxModule,
+    MatSlideToggleModule,
     MatRadioModule,
     MatProgressSpinnerModule,
     MatMenuModule,
diff --git a/src/app/classes/stix/identity.ts b/src/app/classes/stix/identity.ts
index efcff67f0..5a462ce61 100644
--- a/src/app/classes/stix/identity.ts
+++ b/src/app/classes/stix/identity.ts
@@ -1,4 +1,4 @@
-import { Observable, of } from 'rxjs';
+import { Observable } from 'rxjs';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { logger } from '../../utils/logger';
 import { ValidationData } from '../serializable';
@@ -8,7 +8,8 @@ import { WorkflowState } from 'src/app/utils/types';
 export class Identity extends StixObject {
   public name: string; // identity name
   public identity_class: string; // type of entity this identity describes
-  public roles?: string[]; // list of roles this identity performs
+  public roles: string[] = []; // list of roles this identity performs
+  public sectors: string[] = []; // list of sectors this identity belongs to
   public contact?: string; // contact information for this identity
 
   public readonly supportsAttackID = false; // Identity does not support ATT&CK IDs
@@ -24,6 +25,7 @@ export class Identity extends StixObject {
     if (sdo) {
       this.deserialize(sdo);
     }
+    this.workflow = undefined;
   }
 
   /**
@@ -37,6 +39,7 @@ export class Identity extends StixObject {
     rep.stix.name = this.name;
     rep.stix.identity_class = this.identity_class;
     if (this.roles) rep.stix.roles = this.roles;
+    if (this.sectors?.length) rep.stix.sectors = this.sectors;
     if (this.contact) rep.stix.contact_information = this.contact;
 
     // Strip properties that are empty strs + lists
@@ -82,6 +85,15 @@ export class Identity extends StixObject {
       if ('roles' in sdo) {
         if (this.isStringArray(sdo.roles)) this.roles = sdo.roles;
         else logger.error('TypeError: roles field is not a string array.');
+      } else {
+        this.roles = [];
+      }
+
+      if ('sectors' in sdo) {
+        if (this.isStringArray(sdo.sectors)) this.sectors = sdo.sectors;
+        else logger.error('TypeError: sectors field is not a string array.');
+      } else {
+        this.sectors = [];
       }
 
       if ('contact_information' in sdo) {
@@ -106,9 +118,9 @@ export class Identity extends StixObject {
    */
   public validate(
     restAPIService: RestApiConnectorService,
-    tempWorkflowState?: WorkflowState
+    _tempWorkflowState?: WorkflowState
   ): Observable<ValidationData> {
-    return this.base_validate(restAPIService, tempWorkflowState);
+    return this.base_validate(restAPIService);
   }
 
   /**
@@ -130,9 +142,14 @@ export class Identity extends StixObject {
     return postObservable;
   }
 
-  public delete(_restAPIService: RestApiConnectorService): Observable<object> {
-    // deletion is not supported on Identity objects
-    return of({});
+  public delete(restAPIService: RestApiConnectorService): Observable<object> {
+    const deleteObservable = restAPIService.deleteIdentity(this.stixID);
+    const subscription = deleteObservable.subscribe({
+      complete: () => {
+        subscription.unsubscribe();
+      },
+    });
+    return deleteObservable;
   }
 
   /**
diff --git a/src/app/classes/stix/stix-object.ts b/src/app/classes/stix/stix-object.ts
index bd3a1def5..fc0bbc87d 100644
--- a/src/app/classes/stix/stix-object.ts
+++ b/src/app/classes/stix/stix-object.ts
@@ -17,6 +17,7 @@ import { v4 as uuid } from 'uuid';
 import { logger } from '../../utils/logger';
 import { ExternalReferences } from '../external-references';
 import { Serializable, ValidationData } from '../serializable';
+import { UserAccount } from '../authn/user-account';
 import { VersionNumber } from '../version-number';
 
 export type workflowStates =
@@ -35,6 +36,7 @@ export abstract class StixObject extends Serializable {
   public created_by?: any;
   public modified_by_ref: string; //embedded relationship
   public modified_by?: any;
+  public created_by_user_account?: UserAccount;
   public firstInitialized: boolean; // boolean to track if it is a newly created object
 
   public object_marking_refs: string[] = []; //list of embedded relationships to marking_defs
@@ -357,6 +359,11 @@ export abstract class StixObject extends Serializable {
           "ObjectError: 'stix' field does not exist in modified_by_identity object"
         );
     }
+    if ('created_by_user_account' in raw && raw.created_by_user_account) {
+      this.created_by_user_account = new UserAccount(
+        raw.created_by_user_account
+      );
+    }
 
     if ('workspace' in raw) {
       // parse workspace fields
diff --git a/src/app/components/confirmation-dialog/confirmation-dialog.component.html b/src/app/components/confirmation-dialog/confirmation-dialog.component.html
index 0f3c3f43c..43dc1517a 100644
--- a/src/app/components/confirmation-dialog/confirmation-dialog.component.html
+++ b/src/app/components/confirmation-dialog/confirmation-dialog.component.html
@@ -5,6 +5,13 @@
       <span>no</span
       ><span *ngIf="config.no_suffix">, {{ config.no_suffix }}</span>
     </button>
+    <button
+      *ngIf="config.alternate_label"
+      mat-button
+      [mat-dialog-close]="config.alternate_value || 'alternate'"
+      class="text-label">
+      <span>{{ config.alternate_label }}</span>
+    </button>
     <button
       mat-stroked-button
       color="warn"
diff --git a/src/app/components/confirmation-dialog/confirmation-dialog.component.ts b/src/app/components/confirmation-dialog/confirmation-dialog.component.ts
index 5ef4e5efd..7a7d29440 100644
--- a/src/app/components/confirmation-dialog/confirmation-dialog.component.ts
+++ b/src/app/components/confirmation-dialog/confirmation-dialog.component.ts
@@ -22,4 +22,6 @@ export interface ConfirmationDialogConfig {
   message: string; //prompt text
   yes_suffix?: string; //optional suffix to add to the yes button
   no_suffix?: string; //optional suffix to add to the no button
+  alternate_label?: string; //optional label for a third button
+  alternate_value?: string; //optional value returned by the third button
 }
diff --git a/src/app/components/save-dialog/save-dialog.component.html b/src/app/components/save-dialog/save-dialog.component.html
index 4783abb04..866ea23c0 100644
--- a/src/app/components/save-dialog/save-dialog.component.html
+++ b/src/app/components/save-dialog/save-dialog.component.html
@@ -15,7 +15,10 @@ <h3>Validation</h3>
     </div>
     <div class="column narrow version-buttons">
       <mat-action-list>
-        <mat-form-field class="workflow-status" appearance="outline">
+        <mat-form-field
+          *ngIf="workflowEnabled"
+          class="workflow-status"
+          appearance="outline">
           <mat-label>mark as...</mat-label>
           <mat-select
             [(ngModel)]="newState"
diff --git a/src/app/components/save-dialog/save-dialog.component.ts b/src/app/components/save-dialog/save-dialog.component.ts
index 01771ebdc..eeafd7d99 100644
--- a/src/app/components/save-dialog/save-dialog.component.ts
+++ b/src/app/components/save-dialog/save-dialog.component.ts
@@ -31,6 +31,10 @@ export class SaveDialogComponent implements OnInit {
     return this.validation && this.validation.errors.length == 0;
   }
 
+  public get workflowEnabled(): boolean {
+    return this.config.showWorkflow !== false;
+  }
+
   constructor(
     public dialogRef: MatDialogRef<SaveDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public config: SaveDialogConfig,
@@ -64,7 +68,9 @@ export class SaveDialogComponent implements OnInit {
   }
 
   ngOnInit(): void {
-    this.newState = this.config.initialWorkflowState || 'work-in-progress';
+    this.newState = this.workflowEnabled
+      ? this.config.initialWorkflowState || 'work-in-progress'
+      : undefined;
     if (this.config.object.attackType === 'relationship') {
       this.newState = undefined;
     }
@@ -91,7 +97,10 @@ export class SaveDialogComponent implements OnInit {
     }
     // Run validation for the initial state
     const subscription = this.config.object
-      .validate(this.restApiService, this.newState)
+      .validate(
+        this.restApiService,
+        this.workflowEnabled ? this.newState : undefined
+      )
       .subscribe({
         next: result => {
           this.validation = result;
@@ -104,6 +113,8 @@ export class SaveDialogComponent implements OnInit {
   }
 
   onStatusChanged(event) {
+    if (!this.workflowEnabled) return;
+
     const subscription = this.config.object
       .validate(this.restApiService, event.value)
       .subscribe({
@@ -225,9 +236,7 @@ export class SaveDialogComponent implements OnInit {
    * Save the object with the current version and check for patches
    */
   public saveCurrentVersion() {
-    this.config.object.workflow = this.newState
-      ? { state: this.newState }
-      : undefined;
+    this.applyWorkflowState();
     if (this.config.patchId || this.config.patchAnalytics) this.parse_patches();
     else this.save();
   }
@@ -237,9 +246,7 @@ export class SaveDialogComponent implements OnInit {
    */
   public saveNextMinorVersion() {
     this.config.object.version = new VersionNumber(this.nextMinorVersion);
-    this.config.object.workflow = this.newState
-      ? { state: this.newState }
-      : undefined;
+    this.applyWorkflowState();
     if (this.config.patchId || this.config.patchAnalytics) this.parse_patches();
     else this.save();
   }
@@ -249,13 +256,18 @@ export class SaveDialogComponent implements OnInit {
    */
   public saveNextMajorVersion() {
     this.config.object.version = new VersionNumber(this.nextMajorVersion);
-    this.config.object.workflow = this.newState
-      ? { state: this.newState }
-      : undefined;
+    this.applyWorkflowState();
     if (this.config.patchId || this.config.patchAnalytics) this.parse_patches();
     else this.save();
   }
 
+  private applyWorkflowState(): void {
+    this.config.object.workflow =
+      this.workflowEnabled && this.newState
+        ? { state: this.newState }
+        : undefined;
+  }
+
   private saveObject() {
     return this.config.object.save(this.restApiService); // save this object
   }
@@ -267,7 +279,7 @@ export class SaveDialogComponent implements OnInit {
     if (!this.saveEnabled) {
       return;
     }
-    this.config.object.workflow = { state: this.newState };
+    this.applyWorkflowState();
     const sub = this.saveObject().subscribe({
       next: () => {
         this.dialogRef.close(true);
@@ -283,4 +295,5 @@ export interface SaveDialogConfig {
   patchAnalytics?: Set<string>; // previous list of analytics related to a detection strategy
   versionAlreadyIncremented: boolean;
   initialWorkflowState?: WorkflowState;
+  showWorkflow?: boolean;
 }
diff --git a/src/app/components/stix/identity-property/identity-property.component.ts b/src/app/components/stix/identity-property/identity-property.component.ts
index 5c3f234d5..eda6c9252 100644
--- a/src/app/components/stix/identity-property/identity-property.component.ts
+++ b/src/app/components/stix/identity-property/identity-property.component.ts
@@ -2,8 +2,6 @@ import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
 import { Identity } from 'src/app/classes/stix/identity';
 import { StixObject } from 'src/app/classes/stix/stix-object';
 import { AuthenticationService } from '../../../services/connectors/authentication/authentication.service';
-import { RestApiConnectorService } from '../../../services/connectors/rest-api/rest-api-connector.service';
-import { Subscription } from 'rxjs';
 import { UserAccount } from 'src/app/classes/authn/user-account';
 
 @Component({
@@ -17,12 +15,8 @@ export class IdentityPropertyComponent implements OnInit {
   @Input() public config: IdentityPropertyConfig;
 
   public identity: Identity;
-  private userSubscription$: Subscription;
 
-  constructor(
-    private authenticationService: AuthenticationService,
-    private restAPIConnector: RestApiConnectorService
-  ) {}
+  constructor(private authenticationService: AuthenticationService) {}
 
   ngOnInit(): void {
     const object = Array.isArray(this.config.object)
@@ -36,19 +30,11 @@ export class IdentityPropertyComponent implements OnInit {
     if (
       this.authenticationService.isLoggedIn &&
       this.config.field.includes('modified') &&
-      object?.['workflow']?.['created_by_user_account']
+      object?.['created_by_user_account']
     ) {
-      const userID = object.workflow.created_by_user_account;
-      this.userSubscription$ = this.restAPIConnector
-        .getUserAccount(userID)
-        .subscribe({
-          next: account => {
-            const user = new UserAccount(account);
-            if (!this.identity) this.identity = new Identity();
-            this.identity.name = user.displayName;
-          },
-          complete: () => this.userSubscription$.unsubscribe(),
-        });
+      const user = new UserAccount(object.created_by_user_account);
+      if (!this.identity) this.identity = new Identity();
+      this.identity.name = user.displayName;
     }
   }
 }
diff --git a/src/app/components/stix/list-property/list-edit/list-edit.component.ts b/src/app/components/stix/list-property/list-edit/list-edit.component.ts
index b80a46a6c..ab96806d7 100644
--- a/src/app/components/stix/list-property/list-edit/list-edit.component.ts
+++ b/src/app/components/stix/list-property/list-edit/list-edit.component.ts
@@ -63,7 +63,7 @@ export class ListEditComponent implements OnInit, AfterContentChecked {
     permissions_required: 'x_mitre_permissions_required',
     collection_layers: 'x_mitre_collection_layers',
     data_sources: 'x_mitre_data_sources',
-    sectors: 'x_mitre_sectors',
+    sectors: 'sectors',
   };
   public domains = ['enterprise-attack', 'mobile-attack', 'ics-attack'];
 
@@ -299,7 +299,7 @@ export class ListEditComponent implements OnInit, AfterContentChecked {
     // filter values
     const values = new Set<string>();
     const property = this.allAllowedValues.properties.find(p => {
-      return p.propertyName == this.fieldToStix[this.config.field];
+      return p.propertyName == this.allowedValuesPropertyName();
     });
     if (!property) {
       // property not found
@@ -337,6 +337,14 @@ export class ListEditComponent implements OnInit, AfterContentChecked {
     return values;
   }
 
+  private allowedValuesPropertyName(): string {
+    const object = this.config.object as StixObject;
+    if (object.attackType === 'asset' && this.config.field === 'sectors') {
+      return 'x_mitre_sectors';
+    }
+    return this.fieldToStix[this.config.field];
+  }
+
   /** Add value to object property list */
   public add(event: MatChipInputEvent): void {
     if (event.value?.trim()) {
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index b27f322ae..ee7203331 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -40,7 +40,7 @@ export class NamePropertyComponent implements OnInit {
     return (
       this.config.mode === 'view' &&
       this.object instanceof StixObject &&
-      this.object.attackType !== 'collection'
+      !['collection', 'identity'].includes(this.object.attackType)
     );
   }
 
@@ -100,6 +100,8 @@ export class NamePropertyComponent implements OnInit {
   }
 
   public workflowChange(event): void {
+    if (!this.showWorkflowControl) return;
+
     const previousWorkflowState =
       this.object?.workflow?.state || 'work-in-progress';
     if (event.isUserInput) {
@@ -110,6 +112,7 @@ export class NamePropertyComponent implements OnInit {
           object: this.object,
           versionAlreadyIncremented: false,
           initialWorkflowState: event.source.value,
+          showWorkflow: true,
         },
         autoFocus: false,
       });
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 1ecd80fc8..bf453ea9e 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -320,6 +320,12 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
           this.addDomainColumn();
           this.addColumn('modified', 'modified', 'timestamp');
           break;
+        case 'identity':
+          this.addWorkflowAndStateColumns();
+          this.addNameColumn(sticky_allowed);
+          this.addColumn('identity class', 'identity_class', 'plain');
+          this.addColumn('modified', 'modified', 'timestamp');
+          break;
         case 'data-source':
         case 'technique':
           this.addWorkflowAndStateColumns();
@@ -974,6 +980,8 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     else if (this.config.type == 'marking-definition')
       this.data$ =
         this.restAPIConnectorService.getAllMarkingDefinitions(options);
+    else if (this.config.type == 'identity')
+      this.data$ = this.restAPIConnectorService.getAllIdentities(options);
     else if (this.config.type == 'note')
       this.data$ = this.restAPIConnectorService.getAllNotes(options);
     const subscription = this.data$.subscribe({
diff --git a/src/app/components/stix/string-property/string-property.component.ts b/src/app/components/stix/string-property/string-property.component.ts
index 763ceba04..79f334e8a 100644
--- a/src/app/components/stix/string-property/string-property.component.ts
+++ b/src/app/components/stix/string-property/string-property.component.ts
@@ -27,6 +27,10 @@ export class StringPropertyComponent implements OnInit, OnChanges {
   public allowedValues: any;
   public channels: Set<string>;
   public loading = false;
+  private fieldToAllowedValuesProperty = {
+    identity_class: 'identity_class',
+    platform: 'x_mitre_platforms',
+  };
 
   // prevent async issues
   private subscription: Subscription = new Subscription();
@@ -47,7 +51,7 @@ export class StringPropertyComponent implements OnInit, OnChanges {
         disabled: this.config.disabled ?? false,
       });
 
-      if (this.config.field === 'platform') {
+      if (this.fieldToAllowedValuesProperty[this.config.field]) {
         this.loading = true;
         const data$ = this.apiService.getAllAllowedValues();
         this.subscription = data$.subscribe({
@@ -79,16 +83,21 @@ export class StringPropertyComponent implements OnInit, OnChanges {
   public getOptions(): Set<string> {
     const options = new Set<string>();
     if (this.loading) return options;
-    if (this.config.field === 'platform') {
+    const allowedValuesProperty =
+      this.fieldToAllowedValuesProperty[this.config.field];
+    if (allowedValuesProperty) {
       const obj = this.config.object as any;
-      const properties = this.allowedValues.properties.find(p => {
-        return p.propertyName == 'x_mitre_platforms';
+      const properties = this.allowedValues?.properties?.find(p => {
+        return p.propertyName == allowedValuesProperty;
       });
       properties?.domains?.forEach(d => {
-        if (obj?.domains?.includes(d.domainName)) {
+        if (!obj?.domains || obj.domains.includes(d.domainName)) {
           d.allowedValues.forEach(options.add, options);
         }
       });
+      if (this.config.object[this.config.field]) {
+        options.add(this.config.object[this.config.field]);
+      }
     }
     return options;
   }
diff --git a/src/app/components/stix/timestamp-property/timestamp-property.component.ts b/src/app/components/stix/timestamp-property/timestamp-property.component.ts
index a16240cad..6b3ac950e 100644
--- a/src/app/components/stix/timestamp-property/timestamp-property.component.ts
+++ b/src/app/components/stix/timestamp-property/timestamp-property.component.ts
@@ -23,9 +23,8 @@ export class TimestampPropertyComponent implements OnInit {
     return (
       this.config.field.includes('modified') &&
       this.config.object &&
-      'workflow' in this.config.object &&
-      this.config.object.workflow &&
-      'created_by_user_account' in this.config.object.workflow
+      'created_by_user_account' in this.config.object &&
+      !!this.config.object.created_by_user_account
     );
   }
 }
diff --git a/src/app/components/stix/timestamp-property/timestamp-view/timestamp-view.component.ts b/src/app/components/stix/timestamp-property/timestamp-view/timestamp-view.component.ts
index ecceb0d23..47dbc5fcd 100644
--- a/src/app/components/stix/timestamp-property/timestamp-view/timestamp-view.component.ts
+++ b/src/app/components/stix/timestamp-property/timestamp-view/timestamp-view.component.ts
@@ -1,8 +1,6 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { TimestampPropertyConfig } from '../timestamp-property.component';
 import moment from 'moment';
-import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import { Subscription } from 'rxjs';
 import { UserAccount } from 'src/app/classes/authn/user-account';
 
 @Component({
@@ -15,10 +13,9 @@ export class TimestampViewComponent implements OnInit {
   @Input() public config: TimestampPropertyConfig;
 
   private _humanized: string = null;
-  private userSubscription$: Subscription;
   displayName = '';
 
-  constructor(private restAPIConnector: RestApiConnectorService) {
+  constructor() {
     // intentionally left blank
   }
 
@@ -27,20 +24,11 @@ export class TimestampViewComponent implements OnInit {
       const object = Array.isArray(this.config.object)
         ? this.config.object[0]
         : this.config.object;
-      const createdByAccountId = object.workflow.created_by_user_account;
-      if (!createdByAccountId) {
-        // createdByAccountId does not exist
+      if (!object?.created_by_user_account) {
         return;
       }
-      this.userSubscription$ = this.restAPIConnector
-        .getUserAccount(createdByAccountId)
-        .subscribe({
-          next: response => {
-            const user = new UserAccount(response);
-            this.displayName = user.displayName;
-          },
-          complete: () => this.userSubscription$.unsubscribe(),
-        });
+      const user = new UserAccount(object.created_by_user_account);
+      this.displayName = user.displayName;
     }
   }
 
diff --git a/src/app/services/connectors/api-connector.ts b/src/app/services/connectors/api-connector.ts
index a9670dd9e..8cac55fc0 100644
--- a/src/app/services/connectors/api-connector.ts
+++ b/src/app/services/connectors/api-connector.ts
@@ -14,7 +14,9 @@ export abstract class ApiConnector {
    */
   private errorSnack(error: any) {
     // show error field if it's a string (for some error's it's a string, for some it's an Object)
-    if ('error' in error && typeof error.error == 'string')
+    if ('error' in error && typeof error.error?.message == 'string')
+      this.snack(error.error.message, 'warn');
+    else if ('error' in error && typeof error.error == 'string')
       this.snack(error.error, 'warn');
     // otherwise, try showing the message
     else if ('message' in error) this.snack(error.message, 'warn');
@@ -63,7 +65,7 @@ export abstract class ApiConnector {
    */
   private snack(message: string, snackType?: 'warn' | 'success'): void {
     this.theSnackbar.open(message, 'dismiss', {
-      duration: 2000,
+      duration: snackType === 'warn' ? 6000 : 2000,
       panelClass: snackType,
     });
   }
diff --git a/src/app/services/connectors/rest-api/rest-api-connector.service.ts b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
index 85dbf8c62..30c9670dc 100644
--- a/src/app/services/connectors/rest-api/rest-api-connector.service.ts
+++ b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
@@ -69,6 +69,10 @@ export interface Namespace {
   range_start: string;
 }
 
+export interface MitreIdentityWrites {
+  enabled: boolean;
+}
+
 @Injectable({
   providedIn: 'root',
 })
@@ -1175,6 +1179,20 @@ export class RestApiConnectorService extends ApiConnector {
               warnings: error.error.warnings || [],
             });
           }
+          if (error.status === 400) {
+            return of({
+              errors: [
+                {
+                  path: ['request'],
+                  message:
+                    typeof error.error === 'string'
+                      ? error.error
+                      : error.error?.message || 'Validation failed.',
+                },
+              ],
+              warnings: [],
+            });
+          }
           // Non-validation errors: re-raise
           return throwError(error);
         }),
@@ -1607,6 +1625,14 @@ export class RestApiConnectorService extends ApiConnector {
   public get deleteMatrix() {
     return this.deleteStixObjectFactory('matrix');
   }
+  /**
+   * DELETE an identity
+   * @param {string} id the STIX ID of the object to delete
+   * @returns {Observable<{}>} observable of the response body
+   */
+  public get deleteIdentity() {
+    return this.deleteStixObjectFactory('identity');
+  }
   /**
    * REVOKE a technique
    * @param {string} id the STIX ID of the object to revoke
@@ -2542,6 +2568,21 @@ export class RestApiConnectorService extends ApiConnector {
     );
   }
 
+  /**
+   * Set the organization identity to an existing identity object.
+   * @param identityId the STIX ID of the identity to use as the organization identity
+   * @returns {Observable<any>} the update response
+   */
+  public setOrganizationIdentityRef(identityId: string): Observable<any> {
+    return this.http
+      .post(`${this.apiUrl}/config/organization-identity`, { id: identityId })
+      .pipe(
+        tap(this.handleSuccess('Organization Identity Updated')),
+        catchError(this.handleError_raise<any>()),
+        share()
+      );
+  }
+
   /**
    * Get the organization namespace configurations
    * @returns {Observable<Namespace>} the organization namespace configurations
@@ -2585,6 +2626,37 @@ export class RestApiConnectorService extends ApiConnector {
       );
   }
 
+  /**
+   * Get whether protected MITRE identity writes are enabled.
+   * @returns {Observable<MitreIdentityWrites>} the MITRE identity write setting
+   */
+  public getMitreIdentityWrites(): Observable<MitreIdentityWrites> {
+    return this.http
+      .get<MitreIdentityWrites>(`${this.apiUrl}/config/mitre-identity-writes`)
+      .pipe(
+        tap(_ => logger.log('retrieved MITRE identity write setting')),
+        catchError(
+          this.handleError_continue<MitreIdentityWrites>({ enabled: false })
+        ),
+        share()
+      );
+  }
+
+  /**
+   * Set whether protected MITRE identity writes are enabled.
+   * @param enabled true if protected MITRE identity writes should be enabled
+   * @returns {Observable<any>} the update response
+   */
+  public setMitreIdentityWrites(enabled: boolean): Observable<any> {
+    return this.http
+      .post(`${this.apiUrl}/config/mitre-identity-writes`, { enabled })
+      .pipe(
+        tap(this.handleSuccess('MITRE Identity Write Setting Updated')),
+        catchError(this.handleError_raise<any>()),
+        share()
+      );
+  }
+
   /**
    * Get the next available ATT&CK ID for a given STIX type
    * @param {string} stixType the STIX type (e.g., 'attack-pattern', 'x-mitre-tactic')
diff --git a/src/app/services/editor/editor.service.ts b/src/app/services/editor/editor.service.ts
index 16f8c36a3..18b2112b0 100644
--- a/src/app/services/editor/editor.service.ts
+++ b/src/app/services/editor/editor.service.ts
@@ -3,12 +3,15 @@ import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
 import { SidebarService } from '../sidebar/sidebar.service';
 import { ConfirmationDialogComponent } from 'src/app/components/confirmation-dialog/confirmation-dialog.component';
 import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { AuthenticationService } from '../connectors/authentication/authentication.service';
 import { RestApiConnectorService } from '../connectors/rest-api/rest-api-connector.service';
 import { map } from 'rxjs/operators';
-import { forkJoin, Observable } from 'rxjs';
+import { forkJoin, Observable, of } from 'rxjs';
 import { Relationship } from 'src/app/classes/stix/relationship';
 
+const MITRE_IDENTITY_STIX_ID = 'identity--c78cb6e5-0c4b-4611-8297-d1b8b55e40b5';
+
 @Injectable({
   providedIn: 'root',
 })
@@ -47,7 +50,8 @@ export class EditorService {
     private sidebarService: SidebarService,
     private authenticationService: AuthenticationService,
     private apiService: RestApiConnectorService,
-    private dialog: MatDialog
+    private dialog: MatDialog,
+    private snackbar: MatSnackBar
   ) {
     this.router.events.subscribe(event => {
       if (event instanceof NavigationEnd) {
@@ -62,7 +66,7 @@ export class EditorService {
           editable.length > 0 &&
           editable.every(x => x) &&
           this.authenticationService.canEdit(attackType);
-        this.hasWorkflow = attackType !== 'home';
+        this.hasWorkflow = attackType !== 'home' && this.type !== 'identity';
         if (!(this.editable && this.hasWorkflow))
           this.sidebarService.currentTab = 'search';
         this.sidebarService.setEnabled(
@@ -104,13 +108,50 @@ export class EditorService {
       }
     });
     this.route.queryParams.subscribe(params => {
-      this.editing = params['editing'] && this.authenticationService.canEdit();
+      const editingRequested =
+        params['editing'] && this.authenticationService.canEdit();
+      if (!editingRequested) {
+        this.editing = false;
+        return;
+      }
+
+      this.canEditCurrentObject().subscribe(canEdit => {
+        this.editing = canEdit;
+        if (!canEdit) this.blockProtectedMitreIdentityEdit();
+      });
     });
   }
 
   public startEditing() {
-    if (this.editable)
-      this.router.navigate([], { queryParams: { editing: true } });
+    if (this.editable) {
+      this.canEditCurrentObject().subscribe(canEdit => {
+        if (canEdit)
+          this.router.navigate([], { queryParams: { editing: true } });
+        else this.blockProtectedMitreIdentityEdit();
+      });
+    }
+  }
+
+  private canEditCurrentObject(): Observable<boolean> {
+    if (!this.isProtectedMitreIdentityRoute()) return of(true);
+
+    return this.apiService
+      .getMitreIdentityWrites()
+      .pipe(map(config => config.enabled));
+  }
+
+  private isProtectedMitreIdentityRoute(): boolean {
+    return this.type === 'identity' && this.stixId === MITRE_IDENTITY_STIX_ID;
+  }
+
+  private blockProtectedMitreIdentityEdit(): void {
+    this.editing = false;
+    this.router.navigate([], { queryParams: {}, replaceUrl: true });
+    this.snackbar.open(
+      'MITRE identity edits are disabled by system configuration.',
+      'dismiss',
+      { duration: 4000, panelClass: 'warn' }
+    );
   }
 
   public stopEditing() {
diff --git a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.html b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.html
index 56ca33fd1..e6f1ecc3c 100644
--- a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.html
+++ b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.html
@@ -28,41 +28,42 @@ <h2>Organization Identity</h2>
       </div>
     </div>
     <div
-      *ngIf="organizationIdentity; else loadingIdentity"
+      *ngIf="organizationIdentity && organizationIdentities; else loadingIdentity"
       class="identity-edit grid">
       <hr />
       <div class="row">
         <div class="col narrow vertical-center identity-icon">
           <app-identity-property
             [config]="{
-              object: { identity: organizationIdentity },
+              object: { identity: selectedOrganizationIdentity },
               field: 'identity',
             }"></app-identity-property>
         </div>
         <div class="col">
           <mat-form-field appearance="outline">
-            <mat-label>organization name</mat-label>
-            <input matInput required [(ngModel)]="organizationIdentity.name" />
-          </mat-form-field>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col">
-          <mat-form-field appearance="outline">
-            <mat-label>organization description</mat-label>
-            <input matInput [(ngModel)]="organizationIdentity.description" />
-            <mat-hint>this field can be left blank if desired</mat-hint>
+            <mat-label>organization identity</mat-label>
+            <mat-select required [(ngModel)]="selectedOrganizationIdentityId">
+              <mat-option
+                *ngFor="let identity of organizationIdentities"
+                [value]="identity.stixID">
+                {{ identity.name || identity.stixID }}
+              </mat-option>
+            </mat-select>
+            <mat-hint>Select an existing identity object</mat-hint>
           </mat-form-field>
         </div>
       </div>
       <div class="row">
         <div class="col center">
           <div>
+            <button mat-button routerLink="/identity" class="text-label">
+              manage identities
+            </button>
             <button
               mat-stroked-button
               (click)="saveIdentity()"
               class="text-label"
-              [disabled]="organizationIdentity.name.length == 0">
+              [disabled]="isIdentityUnchanged">
               save
             </button>
           </div>
@@ -149,6 +150,40 @@ <h2>Namespace Settings</h2>
       </div>
     </div>
   </div>
+
+  <div *ngIf="hasMitreIdentity" class="view-page grid spacing-20">
+    <div class="row">
+      <div class="col">
+        <h2>MITRE Identity Writes</h2>
+      </div>
+    </div>
+    <div
+      *ngIf="mitreIdentityWrites; else loadingMitreIdentityWrites"
+      class="identity-edit grid spacing-16">
+      <hr />
+      <div class="mitre-identity-write-setting">
+        <p>
+          Enable this only when this Workbench instance is allowed to create or
+          update the protected MITRE Corporation identity object.
+        </p>
+        <div class="mitre-identity-write-controls">
+          <mat-slide-toggle
+            [(ngModel)]="mitreIdentityWrites.enabled"
+            [class.toggle-enabled]="mitreIdentityWrites.enabled"
+            [class.toggle-disabled]="!mitreIdentityWrites.enabled">
+            {{ mitreIdentityWrites.enabled ? 'enabled' : 'disabled' }}
+          </mat-slide-toggle>
+          <button
+            mat-stroked-button
+            (click)="saveMitreIdentityWrites()"
+            class="text-label"
+            [disabled]="isMitreIdentityWritesUnchanged">
+            save
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
   <ng-template #loadingIdentity>
     <app-loading-overlay
       message="loading organization identity"></app-loading-overlay>
@@ -157,4 +192,8 @@ <h2>Namespace Settings</h2>
     <app-loading-overlay
       message="loading organization namespace"></app-loading-overlay>
   </ng-template>
+  <ng-template #loadingMitreIdentityWrites>
+    <app-loading-overlay
+      message="loading MITRE identity write setting"></app-loading-overlay>
+  </ng-template>
 </div>
diff --git a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.scss b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.scss
index 97c2ae3bd..7bb5761fc 100644
--- a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.scss
+++ b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.scss
@@ -9,3 +9,57 @@
 hr {
   margin-bottom: 30px;
 }
+
+.mitre-identity-write-setting {
+  align-items: center;
+  display: flex;
+  gap: 24px;
+  justify-content: space-between;
+
+  p {
+    margin: 0;
+    max-width: 760px;
+  }
+}
+
+.mitre-identity-write-controls {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  gap: 16px;
+}
+
+.mitre-identity-write-controls .mat-mdc-slide-toggle.toggle-enabled {
+  --mdc-switch-selected-focus-handle-color: #ffffff;
+  --mdc-switch-selected-focus-state-layer-color: #2e7d32;
+  --mdc-switch-selected-focus-track-color: #2e7d32;
+  --mdc-switch-selected-handle-color: #ffffff;
+  --mdc-switch-selected-hover-handle-color: #ffffff;
+  --mdc-switch-selected-hover-state-layer-color: #2e7d32;
+  --mdc-switch-selected-hover-track-color: #2e7d32;
+  --mdc-switch-selected-pressed-handle-color: #ffffff;
+  --mdc-switch-selected-pressed-state-layer-color: #2e7d32;
+  --mdc-switch-selected-pressed-track-color: #2e7d32;
+  --mdc-switch-selected-track-color: #2e7d32;
+}
+
+.mitre-identity-write-controls .mat-mdc-slide-toggle.toggle-disabled {
+  --mdc-switch-unselected-focus-handle-color: #ffffff;
+  --mdc-switch-unselected-focus-state-layer-color: #c62828;
+  --mdc-switch-unselected-focus-track-color: #c62828;
+  --mdc-switch-unselected-handle-color: #ffffff;
+  --mdc-switch-unselected-hover-handle-color: #ffffff;
+  --mdc-switch-unselected-hover-state-layer-color: #c62828;
+  --mdc-switch-unselected-hover-track-color: #c62828;
+  --mdc-switch-unselected-pressed-handle-color: #ffffff;
+  --mdc-switch-unselected-pressed-state-layer-color: #c62828;
+  --mdc-switch-unselected-pressed-track-color: #c62828;
+  --mdc-switch-unselected-track-color: #c62828;
+}
+
+@media (max-width: 760px) {
+  .mitre-identity-write-setting {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+}
diff --git a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.ts b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.ts
index b491d081e..4f91e8550 100644
--- a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.ts
+++ b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.ts
@@ -1,10 +1,14 @@
 import { Component, OnInit } from '@angular/core';
+import { forkJoin } from 'rxjs';
 import { Identity } from 'src/app/classes/stix/identity';
 import {
+  MitreIdentityWrites,
   Namespace,
   RestApiConnectorService,
 } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 
+const MITRE_IDENTITY_STIX_ID = 'identity--c78cb6e5-0c4b-4611-8297-d1b8b55e40b5';
+
 @Component({
   selector: 'app-org-settings-page',
   templateUrl: './org-settings-page.component.html',
@@ -13,7 +17,11 @@ import {
 })
 export class OrgSettingsPageComponent implements OnInit {
   public organizationIdentity: Identity;
+  public organizationIdentities: Identity[];
+  public selectedOrganizationIdentityId: string;
   public organizationNamespace: Namespace;
+  public mitreIdentityWrites: MitreIdentityWrites;
+  private savedMitreIdentityWritesEnabled: boolean;
   public idRegex = `^([A-Za-z])*$`;
   public rangeRegex = `^([0-9]){1,4}$`;
 
@@ -29,11 +37,58 @@ export class OrgSettingsPageComponent implements OnInit {
     );
   }
 
+  public get selectedOrganizationIdentity(): Identity {
+    return this.organizationIdentities?.find(
+      identity => identity.stixID === this.selectedOrganizationIdentityId
+    );
+  }
+
+  public get isIdentityUnchanged(): boolean {
+    return (
+      !this.selectedOrganizationIdentityId ||
+      this.selectedOrganizationIdentityId === this.organizationIdentity?.stixID
+    );
+  }
+
+  public get isMitreIdentityWritesUnchanged(): boolean {
+    return (
+      !this.mitreIdentityWrites ||
+      this.mitreIdentityWrites.enabled === this.savedMitreIdentityWritesEnabled
+    );
+  }
+
+  public get hasMitreIdentity(): boolean {
+    return (
+      this.organizationIdentities?.some(
+        identity => identity.stixID === MITRE_IDENTITY_STIX_ID
+      ) ?? false
+    );
+  }
+
   constructor(private restAPIConnector: RestApiConnectorService) {}
 
   ngOnInit(): void {
-    const idSub = this.restAPIConnector.getOrganizationIdentity().subscribe({
-      next: identity => (this.organizationIdentity = identity),
+    const idSub = forkJoin({
+      identity: this.restAPIConnector.getOrganizationIdentity(),
+      identities: this.restAPIConnector.getAllIdentities(),
+    }).subscribe({
+      next: ({ identity, identities }) => {
+        this.organizationIdentity = identity;
+        this.organizationIdentities = identities.data as Identity[];
+        if (
+          !this.organizationIdentities.some(
+            organizationIdentity =>
+              organizationIdentity.stixID === identity.stixID
+          )
+        ) {
+          this.organizationIdentities.push(identity);
+        }
+        this.organizationIdentities.sort((a, b) =>
+          (a.name || a.stixID).localeCompare(b.name || b.stixID)
+        );
+        this.selectedOrganizationIdentityId = identity.stixID;
+        if (this.hasMitreIdentity) this.loadMitreIdentityWrites();
+      },
       complete: () => idSub.unsubscribe(),
     });
 
@@ -52,6 +107,18 @@ export class OrgSettingsPageComponent implements OnInit {
       });
   }
 
+  private loadMitreIdentityWrites(): void {
+    const mitreIdentityWritesSub = this.restAPIConnector
+      .getMitreIdentityWrites()
+      .subscribe({
+        next: mitreIdentityWrites => {
+          this.mitreIdentityWrites = mitreIdentityWrites;
+          this.savedMitreIdentityWritesEnabled = mitreIdentityWrites.enabled;
+        },
+        complete: () => mitreIdentityWritesSub.unsubscribe(),
+      });
+  }
+
   onBlur(): void {
     if (!this.isNOU(this.organizationNamespace.range_start)) {
       this.organizationNamespace.range_start =
@@ -61,9 +128,10 @@ export class OrgSettingsPageComponent implements OnInit {
 
   saveIdentity(): void {
     const subscription = this.restAPIConnector
-      .postIdentity(this.organizationIdentity)
+      .setOrganizationIdentityRef(this.selectedOrganizationIdentityId)
       .subscribe({
-        next: identity => (this.organizationIdentity = identity),
+        next: () =>
+          (this.organizationIdentity = this.selectedOrganizationIdentity),
         complete: () => subscription.unsubscribe(),
       });
   }
@@ -76,4 +144,15 @@ export class OrgSettingsPageComponent implements OnInit {
         complete: () => subscription.unsubscribe(),
       });
   }
+
+  saveMitreIdentityWrites(): void {
+    const subscription = this.restAPIConnector
+      .setMitreIdentityWrites(this.mitreIdentityWrites.enabled)
+      .subscribe({
+        next: () =>
+          (this.savedMitreIdentityWritesEnabled =
+            this.mitreIdentityWrites.enabled),
+        complete: () => subscription.unsubscribe(),
+      });
+  }
 }
diff --git a/src/app/views/landing-page/landing-page.component.ts b/src/app/views/landing-page/landing-page.component.ts
index c588dc8da..aa33c0b5e 100644
--- a/src/app/views/landing-page/landing-page.component.ts
+++ b/src/app/views/landing-page/landing-page.component.ts
@@ -16,6 +16,9 @@ import { stixRoutes } from '../../app-routing-stix.module';
   standalone: false,
 })
 export class LandingPageComponent implements OnInit, OnDestroy {
+  private readonly placeholderIdentityName = 'Placeholder Organization Identity';
+  private readonly placeholderIdentityReminderKey =
+    'attack-workbench.placeholder-organization-identity-reminder-dismissed';
   private loginSubscription: Subscription;
   public pendingUsers;
   public routes: any[] = [];
@@ -71,15 +74,16 @@ export class LandingPageComponent implements OnInit, OnDestroy {
 
   // bug the admin about editing their organization identity
   private openOrgIdentityDialog(): void {
+    if (localStorage.getItem(this.placeholderIdentityReminderKey) === 'true') {
+      return;
+    }
+
     if (this.authenticationService.isAuthorized([Role.ADMIN])) {
       const subscription = this.restApiConnector
         .getOrganizationIdentity()
         .subscribe({
           next: identity => {
-            if (
-              identity &&
-              identity.name == 'Placeholder Organization Identity'
-            ) {
+            if (identity && identity.name == this.placeholderIdentityName) {
               const prompt = this.dialog.open(ConfirmationDialogComponent, {
                 maxWidth: '35em',
                 data: {
@@ -87,13 +91,23 @@ export class LandingPageComponent implements OnInit, OnDestroy {
                     '### Your organization identity has not yet been set.\n\nYour organization identity is used for attribution of edits you make to objects in the knowledge base and is attached to published collections. Currently, a placeholder is being used.\n\nUpdate your organization identity now?',
                   yes_suffix: 'edit my identity now',
                   no_suffix: 'edit my identity later',
+                  alternate_label: 'No, and stop reminding me',
+                  alternate_value: 'dismiss',
                 },
                 autoFocus: false, // prevents auto focus on buttons
               });
               const prompt_subscription = prompt.afterClosed().subscribe({
                 next: prompt_result => {
-                  if (prompt_result)
-                    this.router.navigate(['/dashboard/org-settings']);
+                  if (prompt_result === true) {
+                    this.router.navigate(['/identity', identity.stixID], {
+                      queryParams: { editing: true },
+                    });
+                  } else if (prompt_result === 'dismiss') {
+                    localStorage.setItem(
+                      this.placeholderIdentityReminderKey,
+                      'true'
+                    );
+                  }
                 },
                 complete: () => {
                   prompt_subscription.unsubscribe();
diff --git a/src/app/views/stix/identity-view/identity-view.component.html b/src/app/views/stix/identity-view/identity-view.component.html
new file mode 100644
index 000000000..fdf31b425
--- /dev/null
+++ b/src/app/views/stix/identity-view/identity-view.component.html
@@ -0,0 +1,98 @@
+<div class="identity-view view-page grid spacing-16">
+  <div class="row">
+    <div class="col">
+      <app-name-property
+        [config]="{
+          mode: config.mode,
+          object: config.object,
+        }"></app-name-property>
+      <app-subheading
+        [config]="config"
+        (onOpenHistory)="openHistory()"
+        (onOpenNotes)="openNotes()"></app-subheading>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
+      <app-string-property
+        class="grow-to-row"
+        [config]="{
+          mode: config.mode,
+          object: config.object,
+          field: 'identity_class',
+          label: 'identity class',
+          required: true,
+          editType: 'select',
+        }"></app-string-property>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
+      <app-list-property
+        class="grow-to-row"
+        [config]="{
+          mode: config.mode,
+          object: config.object,
+          field: 'roles',
+          editType: 'any',
+        }"></app-list-property>
+    </div>
+    <div class="col">
+      <app-list-property
+        class="grow-to-row"
+        [config]="{
+          mode: config.mode,
+          object: config.object,
+          field: 'sectors',
+          editType: 'select',
+        }"></app-list-property>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
+      <app-string-property
+        class="grow-to-row"
+        [config]="{
+          mode: config.mode,
+          object: config.object,
+          field: 'contact',
+          label: 'contact information',
+        }"></app-string-property>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
+      <app-descriptive-property
+        [config]="{
+          mode: config.mode,
+          object: config.object,
+          field: 'description',
+          firstParagraphOnly: false,
+          referencesField: 'external_references',
+          label: 'Description',
+        }"></app-descriptive-property>
+    </div>
+  </div>
+  <div
+    *ngIf="
+      identity.external_references.list().length > 0 ||
+      previous?.external_references.list().length > 0 ||
+      editing
+    ">
+    <div class="row">
+      <div class="col">
+        <h2 class="section-header">References</h2>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col">
+        <app-external-references-property
+          [config]="{
+            mode: config.mode,
+            object: config.object,
+            referencesField: 'external_references',
+          }"></app-external-references-property>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/src/app/views/stix/identity-view/identity-view.component.ts b/src/app/views/stix/identity-view/identity-view.component.ts
new file mode 100644
index 000000000..f27c732d1
--- /dev/null
+++ b/src/app/views/stix/identity-view/identity-view.component.ts
@@ -0,0 +1,32 @@
+import { Component, OnInit } from '@angular/core';
+import { Identity } from 'src/app/classes/stix';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { StixViewPage } from '../stix-view-page';
+
+@Component({
+  selector: 'app-identity-view',
+  templateUrl: './identity-view.component.html',
+  standalone: false,
+})
+export class IdentityViewComponent extends StixViewPage implements OnInit {
+  public get identity(): Identity {
+    return this.configCurrentObject as Identity;
+  }
+  public get previous(): Identity {
+    return this.configPreviousObject as Identity;
+  }
+
+  constructor(
+    authenticationService: AuthenticationService,
+    private restApiConnector: RestApiConnectorService
+  ) {
+    super(authenticationService);
+  }
+
+  ngOnInit(): void {
+    if (this.identity.firstInitialized) {
+      this.identity.setDefaultMarkingDefinitions(this.restApiConnector);
+    }
+  }
+}
diff --git a/src/app/views/stix/stix-page/stix-page.component.html b/src/app/views/stix/stix-page/stix-page.component.html
index 6f5abf590..c1f3ac025 100644
--- a/src/app/views/stix/stix-page/stix-page.component.html
+++ b/src/app/views/stix/stix-page/stix-page.component.html
@@ -50,6 +50,9 @@ <h1 class="text-deemphasis">
       <app-asset-view
         *ngIf="objectType === 'asset'"
         [config]="buildConfig()"></app-asset-view>
+      <app-identity-view
+        *ngIf="objectType === 'identity'"
+        [config]="buildConfig()"></app-identity-view>
       <app-marking-definition-view
         *ngIf="objectType === 'marking-definition'"
         [config]="buildConfig()"></app-marking-definition-view>
diff --git a/src/app/views/stix/stix-page/stix-page.component.ts b/src/app/views/stix/stix-page/stix-page.component.ts
index 261a7deff..2767971a2 100644
--- a/src/app/views/stix/stix-page/stix-page.component.ts
+++ b/src/app/views/stix/stix-page/stix-page.component.ts
@@ -112,6 +112,7 @@ export class StixPageComponent implements OnInit, OnDestroy {
               ? this.oldAnalytics
               : undefined,
           versionAlreadyIncremented: versionChanged,
+          showWorkflow: this.editorService.hasWorkflow,
         },
         autoFocus: false, // prevent auto focus on form field
       });
@@ -339,6 +340,8 @@ export class StixPageComponent implements OnInit, OnDestroy {
         );
       else if (this.objectType == 'asset')
         objects$ = this.restApiService.getAsset(objectStixID);
+      else if (this.objectType == 'identity')
+        objects$ = this.restApiService.getIdentity(objectStixID);
       else if (this.objectType == 'marking-definition')
         objects$ = this.restApiService.getMarkingDefinition(objectStixID);
       const subscription = objects$.subscribe({

From 5a2cc07f8f84da9bbbeb35a5ad1b3eba1dc9b11d Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Wed, 24 Jun 2026 10:31:17 -0400
Subject: [PATCH 081/190] test(org-settings): add getAllIdentities() to mock
 OrgSettingsPageComponent

---
 .../org-settings-page/org-settings-page.component.spec.ts       | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.spec.ts b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.spec.ts
index 7d98cbbed..e253e2b76 100644
--- a/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.spec.ts
+++ b/src/app/views/dashboard-page/org-settings-page/org-settings-page.component.spec.ts
@@ -7,6 +7,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import {
   createMockRestApiConnector,
   createAsyncObservable,
+  createPaginatedResponse,
 } from 'src/app/testing/mocks/rest-api-connector.mock';
 
 describe('OrgSettingsPageComponent', () => {
@@ -16,6 +17,7 @@ describe('OrgSettingsPageComponent', () => {
   beforeEach(async () => {
     const mockRestApiConnector = createMockRestApiConnector({
       getOrganizationIdentity: () => createAsyncObservable({}),
+      getAllIdentities: () => createAsyncObservable(createPaginatedResponse()),
       getOrganizationNamespace: () =>
         createAsyncObservable({ prefix: '', range_start: undefined }),
     });

From 4775a1dda850bf26301ad6f07b7caeba8faede23 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 25 Jun 2026 10:47:14 -0400
Subject: [PATCH 082/190] fix: update codecov slug for reorg

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index ad3f89835..4d97879a6 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -85,7 +85,7 @@ jobs:
         uses: codecov/codecov-action@v4
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
-          slug: center-for-threat-informed-defense/attack-workbench-frontend
+          slug: mitre-attack/attack-workbench-frontend
           files: coverage/lcov.info
           verbose: true
 

From 2bf030f55b1886110100e024d45b4b955a4cc9f3 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 26 Jun 2026 09:57:40 -0400
Subject: [PATCH 083/190] feat(release-tracks): show object details on release
 track object cards

---
 .../classes/release-tracks/snapshot.spec.ts   | 69 +++++++++++++++
 src/app/classes/release-tracks/snapshot.ts    |  2 +
 src/app/classes/release-tracks/tiers.ts       | 18 +++-
 .../release-track-object-card.component.html  |  4 +-
 .../release-track-object-card.component.scss  | 21 ++++-
 ...elease-track-object-card.component.spec.ts | 85 +++++++++++++++++++
 .../release-track-object-card.component.ts    | 42 +++++++--
 .../user-avatar/user-avatar.component.spec.ts | 38 +++++----
 8 files changed, 247 insertions(+), 32 deletions(-)
 create mode 100644 src/app/classes/release-tracks/snapshot.spec.ts
 create mode 100644 src/app/components/release-track-object-card/release-track-object-card.component.spec.ts

diff --git a/src/app/classes/release-tracks/snapshot.spec.ts b/src/app/classes/release-tracks/snapshot.spec.ts
new file mode 100644
index 000000000..242003702
--- /dev/null
+++ b/src/app/classes/release-tracks/snapshot.spec.ts
@@ -0,0 +1,69 @@
+import { ReleaseTrackSnapshot } from './snapshot';
+
+describe('ReleaseTrackSnapshot', () => {
+  it('should preserve candidate and staged display fields', () => {
+    const snapshot = new ReleaseTrackSnapshot({
+      candidates: [
+        {
+          object_ref: 'attack-pattern--candidate',
+          object_modified: '2026-01-01T00:00:00.000Z',
+          object_status: 'work-in-progress',
+          attack_id: 'T1234',
+          name: 'Candidate Technique',
+          description: 'Candidate description',
+          modified_by_user: {
+            id: 'user-account--candidate',
+            username: 'candidateuser',
+            name: 'Candidate Reviewer',
+          },
+        },
+      ],
+      staged: [
+        {
+          object_ref: 'attack-pattern--staged',
+          object_modified: '2026-01-02T00:00:00.000Z',
+          object_status: 'reviewed',
+          attack_id: 'T5678',
+          name: 'Staged Technique',
+          description: 'Staged description',
+          modified_by_user: {
+            id: 'user-account--staged',
+            username: 'stageduser',
+            name: 'Staged Reviewer',
+          },
+        },
+      ],
+      members: [
+        {
+          object_ref: 'attack-pattern--member',
+          object_modified: '2026-01-03T00:00:00.000Z',
+          attack_id: 'T9999',
+          name: 'Member Technique',
+        },
+      ],
+    });
+
+    expect(snapshot.candidates?.[0]).toEqual(
+      expect.objectContaining({
+        attack_id: 'T1234',
+        name: 'Candidate Technique',
+        description: 'Candidate description',
+        modified_by_user: expect.objectContaining({
+          name: 'Candidate Reviewer',
+        }),
+      })
+    );
+    expect(snapshot.staged?.[0]).toEqual(
+      expect.objectContaining({
+        attack_id: 'T5678',
+        name: 'Staged Technique',
+        description: 'Staged description',
+        modified_by_user: expect.objectContaining({
+          name: 'Staged Reviewer',
+        }),
+      })
+    );
+    expect(snapshot.members[0]).not.toHaveProperty('attack_id');
+    expect(snapshot.members[0]).not.toHaveProperty('name');
+  });
+});
diff --git a/src/app/classes/release-tracks/snapshot.ts b/src/app/classes/release-tracks/snapshot.ts
index 93e663156..e45b42d52 100644
--- a/src/app/classes/release-tracks/snapshot.ts
+++ b/src/app/classes/release-tracks/snapshot.ts
@@ -112,6 +112,7 @@ export class ReleaseTrackSnapshot {
 
     if ('staged' in raw && Array.isArray(raw.staged)) {
       this.staged = raw.staged.map((s: any) => ({
+        ...s,
         object_ref: s.object_ref,
         object_modified: new Date(s.object_modified),
         object_status: s.object_status,
@@ -124,6 +125,7 @@ export class ReleaseTrackSnapshot {
 
     if ('candidates' in raw && Array.isArray(raw.candidates)) {
       this.candidates = raw.candidates.map((c: any) => ({
+        ...c,
         object_ref: c.object_ref,
         object_modified: new Date(c.object_modified),
         object_status: c.object_status,
diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index 3625b7d28..1f80343d1 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -1,11 +1,25 @@
 import { WorkflowStatusType } from 'src/app/utils/types';
 
+export interface TierEntryModifiedByUser {
+  id?: string;
+  username?: string;
+  displayName?: string;
+  name?: string;
+}
+
+export interface TierEntryDisplayFields {
+  attack_id?: string;
+  name?: string;
+  description?: string;
+  modified_by_user?: TierEntryModifiedByUser;
+}
+
 export interface MemberEntry {
   object_ref: string;
   object_modified: Date;
 }
 
-export interface StagedEntry {
+export interface StagedEntry extends TierEntryDisplayFields {
   object_ref: string;
   object_modified: Date;
   object_status: WorkflowStatusType;
@@ -13,7 +27,7 @@ export interface StagedEntry {
   object_staged_by: string;
 }
 
-export interface CandidateEntry {
+export interface CandidateEntry extends TierEntryDisplayFields {
   object_ref: string;
   object_modified: Date;
   object_status: WorkflowStatusType;
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.html b/src/app/components/release-track-object-card/release-track-object-card.component.html
index 24dece347..50cd9631b 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.html
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.html
@@ -18,9 +18,7 @@
   </mat-card-header>
 
   <mat-card-content *ngIf="showDescription">
-    <p class="object-description">
-      {{ description }}
-    </p>
+    <markdown class="object-description" [data]="description"></markdown>
   </mat-card-content>
 
   <mat-card-actions>
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.scss b/src/app/components/release-track-object-card/release-track-object-card.component.scss
index bfffb216a..30d81ea4d 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.scss
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.scss
@@ -115,14 +115,29 @@
 }
 
 .object-description {
-  display: -webkit-box;
+  display: block;
   min-height: 30px;
   margin: 0;
   font-size: 14px;
   font-weight: 500;
   line-height: 22px;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
+
+  ::ng-deep p {
+    display: -webkit-box;
+    overflow: hidden;
+    margin: 0;
+    text-overflow: ellipsis;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+  }
+
+  ::ng-deep :last-child {
+    margin-bottom: 0;
+  }
+
+  ::ng-deep a {
+    font-weight: 700;
+  }
 
   .light & {
     color: colors.on-color(light);
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.spec.ts b/src/app/components/release-track-object-card/release-track-object-card.component.spec.ts
new file mode 100644
index 000000000..bca280f35
--- /dev/null
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.spec.ts
@@ -0,0 +1,85 @@
+import { ReleaseTrackObjectCardComponent } from './release-track-object-card.component';
+
+describe('ReleaseTrackObjectCardComponent', () => {
+  let component: ReleaseTrackObjectCardComponent;
+
+  beforeEach(() => {
+    component = new ReleaseTrackObjectCardComponent();
+  });
+
+  it('should show tier entry display fields when available', () => {
+    component.item = {
+      object_ref: 'attack-pattern--12345678-1234-1234-1234-123456789abc',
+      object_modified: '2026-01-01T00:00:00.000Z',
+      attack_id: 'T1234',
+      name: 'Technique Name',
+      description: 'Technique description\n\nAdditional details.',
+      modified_by_user: {
+        id: 'user-account--1234',
+        username: 'reviewer1',
+        displayName: 'Review User',
+        name: 'Review User',
+      },
+    };
+
+    expect(component.title).toBe('Technique Name');
+    expect(component.subtitle).toBe('T1234');
+    expect(component.description).toBe('Technique description');
+    expect(component.modifiedByName).toBe('Review User');
+  });
+
+  it('should use username when modified by user has no display name', () => {
+    component.item = {
+      object_ref: 'attack-pattern--12345678-1234-1234-1234-123456789abc',
+      modified_by_user: {
+        username: 'reviewer1',
+      },
+    };
+
+    expect(component.modifiedByName).toBe('reviewer1');
+  });
+
+  it('should preserve markdown syntax in descriptions for rendering', () => {
+    component.item = {
+      object_ref: 'attack-pattern--12345678-1234-1234-1234-123456789abc',
+      description: '**Markdown** [description](https://example.com)',
+    };
+
+    expect(component.description).toBe(
+      '**Markdown** [description](https://example.com)'
+    );
+  });
+
+  it('should prefer display name over username and name', () => {
+    component.item = {
+      object_ref: 'attack-pattern--12345678-1234-1234-1234-123456789abc',
+      modified_by_user: {
+        username: 'releaseuser',
+        displayName: 'Release Reviewer',
+        name: 'Fallback Name',
+      },
+    };
+
+    expect(component.modifiedByName).toBe('Release Reviewer');
+  });
+
+  it('should prefer modified by user info over staged identity ids', () => {
+    component.item = {
+      object_ref: 'attack-pattern--990e4d99-5c6f-4f34-b6f0-7221c55f39cb',
+      object_modified: '2026-04-22T17:57:26.218Z',
+      object_status: 'reviewed',
+      object_staged_at: '2026-06-24T19:50:19.859Z',
+      object_staged_by: 'identity--00000000-0000-4000-8000-000000000001',
+      attack_id: 'T1640.001',
+      name: '0 New Sub',
+      modified_by_user: {
+        id: 'identity--00000000-0000-4000-8000-000000000001',
+        username: 'releaseuser',
+        displayName: 'Release Reviewer',
+        name: 'Release Reviewer',
+      },
+    };
+
+    expect(component.modifiedByName).toBe('Release Reviewer');
+  });
+});
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.ts b/src/app/components/release-track-object-card/release-track-object-card.component.ts
index 279d14116..45517e40c 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.ts
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.ts
@@ -5,9 +5,11 @@ import { MatCardModule } from '@angular/material/card';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import moment from 'moment';
+import { MarkdownModule } from 'ngx-markdown';
 import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
 import { StixType, WorkflowStatusType } from 'src/app/utils/types';
 import { UserAvatarComponent } from '../user-avatar/user-avatar.component';
+import type { TierEntryModifiedByUser } from 'src/app/classes/release-tracks';
 
 export interface ReleaseTrackObjectItem {
   object_ref: string;
@@ -17,6 +19,10 @@ export interface ReleaseTrackObjectItem {
   object_added_by?: string;
   object_staged_at?: Date | string;
   object_staged_by?: string;
+  attack_id?: string;
+  name?: string;
+  description?: string;
+  modified_by_user?: TierEntryModifiedByUser;
   [key: string]: any;
 }
 
@@ -29,6 +35,7 @@ export interface ReleaseTrackObjectItem {
     MatCardModule,
     MatIconModule,
     MatTooltipModule,
+    MarkdownModule,
     UserAvatarComponent,
   ],
   templateUrl: './release-track-object-card.component.html',
@@ -46,15 +53,20 @@ export class ReleaseTrackObjectCardComponent {
   @Output() diffObject = new EventEmitter<ReleaseTrackObjectItem>();
 
   public get title(): string {
-    return this.item?.name || this.fallbackObjectLabel;
+    return (
+      this.item?.name || this.item?.object_name || this.fallbackObjectLabel
+    );
   }
 
   public get subtitle(): string {
-    return this.item?.attackId || '<<ATT&CK ID>>';
+    return this.item?.attack_id || this.item?.attackId || '<<ATT&CK ID>>';
   }
 
   public get description(): string {
-    const description = this.item?.description || 'No description available.';
+    const description =
+      this.item?.description ||
+      this.item?.object_description ||
+      'No description available.';
     return this.firstParagraph(description);
   }
 
@@ -79,11 +91,13 @@ export class ReleaseTrackObjectCardComponent {
 
   public get modifiedByName(): string {
     return (
-      this.item?.modified_by_user ||
-      this.item?.object_modified_by ||
-      this.item?.object_added_by ||
-      this.item?.object_staged_by ||
-      this.item?.modified_by_ref ||
+      this.userDisplayName(this.item?.modified_by_user, false) ||
+      this.userDisplayName(
+        this.item?.object_modified_by ||
+          this.item?.object_added_by ||
+          this.item?.object_staged_by ||
+          this.item?.modified_by_ref
+      ) ||
       'Unknown User'
     );
   }
@@ -125,4 +139,16 @@ export class ReleaseTrackObjectCardComponent {
       .filter(Boolean);
     return paragraph || 'No description available.';
   }
+
+  private userDisplayName(value: any, includeId = true): string | null {
+    if (!value) return null;
+    if (typeof value === 'string') return value;
+
+    return (
+      value.displayName ||
+      value.username ||
+      value.name ||
+      (includeId ? value.id : null)
+    );
+  }
 }
diff --git a/src/app/components/user-avatar/user-avatar.component.spec.ts b/src/app/components/user-avatar/user-avatar.component.spec.ts
index 5394c2905..5d5daad95 100644
--- a/src/app/components/user-avatar/user-avatar.component.spec.ts
+++ b/src/app/components/user-avatar/user-avatar.component.spec.ts
@@ -22,52 +22,58 @@ describe('UserAvatarComponent', () => {
   });
 
   it('should show first and last initials for a display name with middle names', () => {
-    component.name = 'Cassandra Lauren Smith';
+    component.name = 'Example Middle User';
 
-    expect(component.initials).toBe('CS');
+    expect(component.initials).toBe('EU');
   });
 
   it('should show first and last initials for a two-word display name', () => {
-    component.name = 'Laurent Hacks';
+    component.name = 'Release Analyst';
 
-    expect(component.initials).toBe('LH');
+    expect(component.initials).toBe('RA');
+  });
+
+  it('should show first and last initials for the modified by user display name', () => {
+    component.name = 'Review User';
+
+    expect(component.initials).toBe('RU');
   });
 
   it('should show the first two letters for usernames', () => {
-    component.name = 'clsmith';
+    component.name = 'exampleuser';
 
-    expect(component.initials).toBe('CL');
+    expect(component.initials).toBe('EX');
   });
 
   it('should show the first two letters for usernames that match display initials', () => {
-    component.name = 'lhacks';
+    component.name = 'releaseuser';
 
-    expect(component.initials).toBe('LH');
+    expect(component.initials).toBe('RE');
   });
 
   it('should ignore prefixes and suffixes when building display initials', () => {
-    component.name = 'Dr. Cassandra Lauren Smith Jr.';
+    component.name = 'Dr. Example Middle User Jr.';
 
-    expect(component.initials).toBe('CS');
+    expect(component.initials).toBe('EU');
   });
 
   it('should ignore professional suffixes when building display initials', () => {
-    component.name = 'Laurent Hacks, PhD';
+    component.name = 'Release Analyst, PhD';
 
-    expect(component.initials).toBe('LH');
+    expect(component.initials).toBe('RA');
   });
 
   it('should build initials from the remaining name when only a prefix is ignored', () => {
-    component.name = 'Dr. Cassandra';
+    component.name = 'Dr. Example';
 
-    expect(component.initials).toBe('CA');
+    expect(component.initials).toBe('EX');
   });
 
   it('should assign the same background to the same name', () => {
-    component.name = 'Mary Jackson';
+    component.name = 'Stable User';
     const background = component.background;
 
-    component.name = 'Mary Jackson';
+    component.name = 'Stable User';
 
     expect(component.background).toBe(background);
   });

From c499d34cca075bd57c416d68c5137eb8878207e2 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 26 Jun 2026 12:11:50 -0400
Subject: [PATCH 084/190] refactor(release-tracks): reuse all objects table for
 candidate selection

---
 .../add-dialog/add-dialog.component.html      | 46 ++++-----
 .../add-dialog/add-dialog.component.ts        | 13 ++-
 .../release-track-page.component.spec.ts      | 35 +++++++
 .../release-track-page.component.ts           | 94 +++++++------------
 .../all-objects-page.component.spec.ts        |  2 +
 .../all-objects-page.component.ts             | 10 +-
 6 files changed, 107 insertions(+), 93 deletions(-)

diff --git a/src/app/components/add-dialog/add-dialog.component.html b/src/app/components/add-dialog/add-dialog.component.html
index 6c28c0882..874d0bc74 100644
--- a/src/app/components/add-dialog/add-dialog.component.html
+++ b/src/app/components/add-dialog/add-dialog.component.html
@@ -1,13 +1,7 @@
 <div class="add-dialog">
   <h1 *ngIf="config.title" mat-dialog-title>{{ config.title }}</h1>
   <mat-dialog-content>
-    <div
-      *ngIf="
-        config.type === 'user' ||
-          config.type === 'analytic' ||
-          config.selectableObjects?.length > 0;
-        else nothing
-      ">
+    <div *ngIf="hasSelectableContent; else nothing">
       <mat-checkbox
         *ngIf="config.showPreserveRelationshipsOption"
         color="primary"
@@ -18,20 +12,22 @@ <h1 *ngIf="config.title" mat-dialog-title>{{ config.title }}</h1>
       </mat-checkbox>
       <app-stix-list
         *ngIf="config.type !== 'user'"
-        [config]="{
-          select: config.selectionType
-            ? config.selectionType
-            : config.select
-              ? 'many'
-              : 'disabled',
-          selectionModel: config.select,
-          type: config.type,
-          clickBehavior: 'expand',
-          stixObjects: config.selectableObjects
-            ? config.selectableObjects
-            : undefined,
-          showFilters: false,
-        }"></app-stix-list>
+        [config]="
+          config.stixListConfig || {
+            select: config.selectionType
+              ? config.selectionType
+              : config.select
+                ? 'many'
+                : 'disabled',
+            selectionModel: config.select,
+            type: config.type,
+            clickBehavior: 'expand',
+            stixObjects: config.selectableObjects
+              ? config.selectableObjects
+              : undefined,
+            showFilters: false,
+          }
+        "></app-stix-list>
       <app-users-list
         *ngIf="config.type === 'user'"
         [config]="{
@@ -47,13 +43,7 @@ <h3>No available objects to add.</h3>
     </ng-template>
   </mat-dialog-content>
   <mat-dialog-actions align="center">
-    <ng-container
-      *ngIf="
-        config.type === 'user' ||
-          config.type === 'analytic' ||
-          config.selectableObjects?.length > 0;
-        else closeDialog
-      ">
+    <ng-container *ngIf="hasSelectableContent; else closeDialog">
       <button
         mat-raised-button
         class="extended-button left-button"
diff --git a/src/app/components/add-dialog/add-dialog.component.ts b/src/app/components/add-dialog/add-dialog.component.ts
index bb23a038d..1de6403dc 100644
--- a/src/app/components/add-dialog/add-dialog.component.ts
+++ b/src/app/components/add-dialog/add-dialog.component.ts
@@ -2,6 +2,7 @@ import { Component, Inject, ViewEncapsulation } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { StixObject } from 'src/app/classes/stix/stix-object';
 import { SelectionModel } from '@angular/cdk/collections';
+import { StixListConfig } from '../stix/stix-list/stix-list.component';
 
 @Component({
   selector: 'app-add-dialog',
@@ -16,6 +17,15 @@ export class AddDialogComponent {
     @Inject(MAT_DIALOG_DATA) public config: AddDialogConfig
   ) {}
 
+  public get hasSelectableContent(): boolean {
+    return (
+      this.config.type === 'user' ||
+      this.config.type === 'analytic' ||
+      !!this.config.stixListConfig ||
+      (this.config.selectableObjects?.length ?? 0) > 0
+    );
+  }
+
   public clearSelections() {
     this.config.select.clear();
     this.dialogRef.close(true);
@@ -26,10 +36,11 @@ export interface AddDialogConfig {
   selectableObjects?: StixObject[]; // Stix Object array of selectable objects not in list
   type: string; // type to display stix list
   select: SelectionModel<string>; // selection model to retrieve list of selected object
-  selectionType?: string; // 'many', 'one', or 'disabled'; defaults to 'many' if a selection model is given
+  selectionType?: 'many' | 'one' | 'disabled'; // defaults to 'many' if a selection model is given
   buttonLabel?: string; // optional button label, default "add"
   title?: string; // dialog text
   clearSelection?: boolean; //boolean to add clear selection button
   showPreserveRelationshipsOption?: boolean; // show checkbox for preserveRelationships revoke option
   preserveRelationships?: boolean; // value passed back through the shared dialog config
+  stixListConfig?: StixListConfig; // optional full stix-list config
 }
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 4a06bc0ba..53cd46063 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -14,6 +14,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
+import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import {
   ConflictPolicy,
@@ -44,6 +45,7 @@ describe('ReleaseTrackPageComponent', () => {
       updateConfig: vi.fn(() => createAsyncObservable({})),
       reviewCandidates: vi.fn(() => createAsyncObservable({})),
       updateMetadataByLatest: vi.fn(() => createAsyncObservable({})),
+      addCandidates: vi.fn(() => createAsyncObservable({})),
     });
     mockDialog = {
       open: vi.fn(),
@@ -273,6 +275,39 @@ describe('ReleaseTrackPageComponent', () => {
     ).not.toHaveBeenCalled();
   });
 
+  it('should open the all objects table to add candidates', () => {
+    mockDialog.open.mockImplementation((_component: any, config: any) => {
+      config.data.select.select('attack-pattern--1234');
+      return {
+        afterClosed: () => of(true),
+      };
+    });
+    mockReleaseTrackApiConnector.addCandidates.mockReturnValue(of({}));
+    component.id = 'release-track--123';
+    component.releaseTrack = { id: 'release-track--123' } as any;
+
+    component.onAddCandidate();
+
+    expect(mockRestApiConnector.getAllObjects).not.toHaveBeenCalled();
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      AddDialogComponent,
+      expect.objectContaining({
+        data: expect.objectContaining({
+          title: 'Add candidates',
+          stixListConfig: expect.objectContaining({
+            showUserSearch: true,
+            excludeAttackTypes: ['relationship', 'note', 'collection'],
+            select: 'many',
+          }),
+        }),
+      })
+    );
+    expect(mockReleaseTrackApiConnector.addCandidates).toHaveBeenCalledWith(
+      'release-track--123',
+      ['attack-pattern--1234']
+    );
+  });
+
   it('should preview and tag the latest draft release', () => {
     const refreshSpy = vi
       .spyOn(component, 'getReleaseTrack')
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 70f49ccbb..fd5b690ff 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -33,6 +33,7 @@ import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choic
 import { finalize, take } from 'rxjs/operators';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { ReleaseTrackObjectItem } from 'src/app/components/release-track-object-card/release-track-object-card.component';
+import { ALL_OBJECTS_STIX_LIST_CONFIG } from 'src/app/views/stix/all-objects-page/all-objects-page.component';
 
 type ReleaseTrackLaneType = 'candidate' | 'staged' | 'member';
 
@@ -354,67 +355,40 @@ export class ReleaseTrackPageComponent implements OnInit {
     if (!this.releaseTrack) return;
 
     const selection = new SelectionModel<string>(true);
-
-    const sub = this.restApiConnectorService
-      .getAllObjects({ deserialize: true })
-      .subscribe({
-        next: results => {
-          const objects = (results as any).data || [];
-
-          const dialogRef = this.dialog.open(AddDialogComponent, {
-            data: {
-              selectableObjects: objects,
-              select: selection,
-              type: 'all',
-              selectionType: 'many',
-              buttonLabel: 'Add',
-              title: 'Add candidates',
-              clearSelection: true,
-            },
-            maxWidth: '70em',
-            minWidth: '40vw',
-            maxHeight: '75vh',
-          });
-
-          const closeSub = dialogRef.afterClosed().subscribe({
-            next: result => {
-              if (!result) return; // user cancelled
-
-              const objectRefs: any[] = selection.selected.map(stixId => {
-                const obj = objects.find(
-                  (o: any) =>
-                    o.stixID === stixId || (o.stix && o.stix.id === stixId)
-                );
-                const id = obj ? obj.stixID || obj.stix?.id : stixId;
-                let modified: string | undefined;
-                if (obj) {
-                  if (obj.modified instanceof Date)
-                    modified = obj.modified.toISOString();
-                  else if (obj.modified) modified = obj.modified;
-                  else if (obj.stix && obj.stix.modified)
-                    modified = obj.stix.modified;
-                }
-                return modified ? { id, modified } : id;
-              });
-
-              const apiSub = this.connector
-                .addCandidates(this.id, objectRefs)
-                .subscribe({
-                  next: () => {
-                    // refresh snapshot from server so local state reflects saved candidates
-                    this.refreshReleaseTrackState();
-                  },
-                  error: err => {
-                    console.error('Failed to add candidates', err);
-                  },
-                  complete: () => apiSub.unsubscribe(),
-                });
-            },
-            complete: () => closeSub.unsubscribe(),
-          });
+    const dialogRef = this.dialog.open(AddDialogComponent, {
+      data: {
+        select: selection,
+        type: 'all',
+        selectionType: 'many',
+        buttonLabel: 'Add',
+        title: 'Add candidates',
+        clearSelection: true,
+        stixListConfig: {
+          ...ALL_OBJECTS_STIX_LIST_CONFIG,
+          select: 'many',
+          selectionModel: selection,
+          clickBehavior: 'expand',
         },
-        complete: () => sub.unsubscribe(),
-      });
+      },
+      maxWidth: '90vw',
+      width: '80vw',
+      maxHeight: '85vh',
+    });
+
+    dialogRef.afterClosed().subscribe({
+      next: result => {
+        if (!result || !selection.selected.length) return;
+
+        this.connector.addCandidates(this.id, selection.selected).subscribe({
+          next: () => {
+            this.refreshReleaseTrackState();
+          },
+          error: err => {
+            console.error('Failed to add candidates', err);
+          },
+        });
+      },
+    });
   }
 
   public getViewUrl(stixId: string): string {
diff --git a/src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts b/src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts
index 72edc97ee..d4d62acea 100644
--- a/src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts
+++ b/src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts
@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { AllObjectsPageComponent } from './all-objects-page.component';
 
@@ -9,6 +10,7 @@ describe('AllObjectsPageComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       declarations: [AllObjectsPageComponent],
+      schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   });
 
diff --git a/src/app/views/stix/all-objects-page/all-objects-page.component.ts b/src/app/views/stix/all-objects-page/all-objects-page.component.ts
index 8171bf314..9db0833a9 100644
--- a/src/app/views/stix/all-objects-page/all-objects-page.component.ts
+++ b/src/app/views/stix/all-objects-page/all-objects-page.component.ts
@@ -1,6 +1,11 @@
 import { Component } from '@angular/core';
 import { StixListConfig } from 'src/app/components/stix/stix-list/stix-list.component';
 
+export const ALL_OBJECTS_STIX_LIST_CONFIG: StixListConfig = {
+  showUserSearch: true,
+  excludeAttackTypes: ['relationship', 'note', 'collection'],
+};
+
 @Component({
   selector: 'app-all-objects-page',
   templateUrl: './all-objects-page.component.html',
@@ -11,8 +16,5 @@ export class AllObjectsPageComponent {
   public readonly title = 'All Objects';
   public readonly description =
     'Search and browse every object currently available in the knowledge base.';
-  public readonly stixListConfig: StixListConfig = {
-    showUserSearch: true,
-    excludeAttackTypes: ['relationship', 'note', 'collection'],
-  };
+  public readonly stixListConfig = ALL_OBJECTS_STIX_LIST_CONFIG;
 }

From 371d14205fbb048994246ff4216759e658ce1019 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 26 Jun 2026 12:13:23 -0400
Subject: [PATCH 085/190] refactor(stix-list): reorder all objects table
 columns

---
 .../stix-list/stix-list.component.spec.ts     | 57 ++++++++++++++++++-
 .../stix/stix-list/stix-list.component.ts     | 10 +++-
 .../all-objects-page.component.spec.ts        |  4 ++
 .../all-objects-page.component.ts             |  1 +
 4 files changed, 69 insertions(+), 3 deletions(-)

diff --git a/src/app/components/stix/stix-list/stix-list.component.spec.ts b/src/app/components/stix/stix-list/stix-list.component.spec.ts
index cc58ab167..ffbb3cb78 100644
--- a/src/app/components/stix/stix-list/stix-list.component.spec.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.spec.ts
@@ -1,8 +1,13 @@
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { provideHttpClient } from '@angular/common/http';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { of } from 'rxjs';
+import { MatDialog } from '@angular/material/dialog';
+import { Router } from '@angular/router';
 
 import { StixListComponent, StixListConfig } from './stix-list.component';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 
 describe('StixListComponent', () => {
   let component: StixListComponent;
@@ -15,7 +20,39 @@ describe('StixListComponent', () => {
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [StixListComponent],
-      providers: [provideHttpClient()],
+      imports: [NoopAnimationsModule],
+      providers: [
+        {
+          provide: RestApiConnectorService,
+          useValue: {
+            getAllAllowedValues: vi.fn(() => of([])),
+            getAllObjects: vi.fn(() =>
+              of({ data: [], pagination: { total: 0, limit: 0, offset: 0 } })
+            ),
+            getAllTechniques: vi.fn(() =>
+              of({ data: [], pagination: { total: 0, limit: 0, offset: 0 } })
+            ),
+          },
+        },
+        {
+          provide: AuthenticationService,
+          useValue: {
+            canEdit: vi.fn(() => true),
+          },
+        },
+        {
+          provide: MatDialog,
+          useValue: {
+            open: vi.fn(),
+          },
+        },
+        {
+          provide: Router,
+          useValue: {
+            navigate: vi.fn(),
+          },
+        },
+      ],
       schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
@@ -30,4 +67,20 @@ describe('StixListComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should order all objects columns as ID, Name, Type, Domain, Modified', () => {
+    component.config = { columnsPreset: 'all-objects' };
+    component.tableColumns = [];
+    component.tableColumns_settings = new Map<string, any>();
+
+    (component as any).buildTable();
+
+    expect(component.tableColumns).toEqual([
+      'attackID',
+      'name',
+      'attackType',
+      'domains',
+      'modified',
+    ]);
+  });
 });
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index fdfe37b3e..8813e6ea6 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -233,6 +233,14 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
       this.tableDetail = [];
       return;
     }
+    if (this.config.columnsPreset === 'all-objects') {
+      this.addIdAndNameColumns(sticky_allowed);
+      this.addColumn('type', 'attackType', 'plain');
+      this.addDomainColumn();
+      this.addColumn('modified', 'modified', 'timestamp');
+      this.tableDetail = [];
+      return;
+    }
     if ('type' in this.config) {
       // set columns according to type
       switch (this.config.type.replace(/_/g, '-')) {
@@ -1256,7 +1264,7 @@ export interface StixListConfig {
   /** default true, if false hides all search/filter/control options */
   showControls?: boolean;
   /** Optional preset to override default columns */
-  columnsPreset?: 'id-name';
+  columnsPreset?: 'id-name' | 'all-objects';
   /** display the 'show deprecated' filter, default false
    *  this may be relevant when displaying a list of embedded relationships, where
    *  the list of STIX objects is provided in the 'stixObjects' configuration
diff --git a/src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts b/src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts
index d4d62acea..aa64784d0 100644
--- a/src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts
+++ b/src/app/views/stix/all-objects-page/all-objects-page.component.spec.ts
@@ -23,4 +23,8 @@ describe('AllObjectsPageComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should use the all objects column preset', () => {
+    expect(component.stixListConfig.columnsPreset).toBe('all-objects');
+  });
 });
diff --git a/src/app/views/stix/all-objects-page/all-objects-page.component.ts b/src/app/views/stix/all-objects-page/all-objects-page.component.ts
index 9db0833a9..8287b111f 100644
--- a/src/app/views/stix/all-objects-page/all-objects-page.component.ts
+++ b/src/app/views/stix/all-objects-page/all-objects-page.component.ts
@@ -4,6 +4,7 @@ import { StixListConfig } from 'src/app/components/stix/stix-list/stix-list.comp
 export const ALL_OBJECTS_STIX_LIST_CONFIG: StixListConfig = {
   showUserSearch: true,
   excludeAttackTypes: ['relationship', 'note', 'collection'],
+  columnsPreset: 'all-objects',
 };
 
 @Component({

From 8b94c3b2c8ec51229304c4900510fc88b0e7d5f9 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 8 Jul 2026 13:39:25 -0400
Subject: [PATCH 086/190] chore(deps): update attack data model version

---
 package-lock.json | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 095df2649..89fd695a6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,7 +20,7 @@
         "@angular/platform-browser": "^19.2.25",
         "@angular/platform-browser-dynamic": "^19.2.25",
         "@angular/router": "^19.2.25",
-        "@mitre-attack/attack-data-model": "^5.0.0-beta.1",
+        "@mitre-attack/attack-data-model": "^5.0.0-beta.3",
         "@ng-matero/extensions": "^19.5.1",
         "diff-match-patch-ts": "^0.8.0",
         "lodash": "^4.17.21",
diff --git a/package.json b/package.json
index 06cd2a01e..a82b78af6 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "@angular/forms": "^19.2.25",
     "@angular/material": "^19.2.16",
     "@angular/material-moment-adapter": "^19.2.16",
-    "@mitre-attack/attack-data-model": "^5.0.0-beta.1",
+    "@mitre-attack/attack-data-model": "^5.0.0-beta.3",
     "@angular/platform-browser": "^19.2.25",
     "@angular/platform-browser-dynamic": "^19.2.25",
     "@angular/router": "^19.2.25",

From a3a5f3d4b7831f4585550f987e8407959279c8da Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 8 Jul 2026 14:34:04 -0400
Subject: [PATCH 087/190] feat(release-tracks): support virtual track
 composition configuration

---
 src/app/classes/release-tracks/snapshot.ts    |   26 +-
 .../new-track-dialog.component.html           |  162 +-
 .../new-track-dialog.component.scss           |  160 +-
 .../new-track-dialog.component.spec.ts        |  243 +++
 .../new-track-dialog.component.ts             |  285 +++-
 .../rest-api/release-tracks.service.ts        |   25 +
 .../release-track-page.component.html         | 1391 ++++++++++++-----
 .../release-track-page.component.scss         |  622 +++++++-
 .../release-track-page.component.spec.ts      |  413 ++++-
 .../release-track-page.component.ts           |  771 ++++++++-
 10 files changed, 3601 insertions(+), 497 deletions(-)
 create mode 100644 src/app/components/new-track-dialog/new-track-dialog.component.spec.ts

diff --git a/src/app/classes/release-tracks/snapshot.ts b/src/app/classes/release-tracks/snapshot.ts
index 93e663156..7ec844bef 100644
--- a/src/app/classes/release-tracks/snapshot.ts
+++ b/src/app/classes/release-tracks/snapshot.ts
@@ -2,6 +2,7 @@ import { Composition, CompositionResolution } from './composition';
 import { ReleaseTrackConfig } from './config';
 import { ReleaseTrackType } from './enums';
 import { VersionHistoryEntry } from './history';
+import { SnapshotSchedule } from './release-track';
 import {
   CandidateEntry,
   MemberEntry,
@@ -34,6 +35,7 @@ export class ReleaseTrackSnapshot {
   // virtual track composition
   public composition?: Composition;
   public composition_resolution?: CompositionResolution;
+  public snapshot_schedule?: SnapshotSchedule;
 
   constructor(raw?: any) {
     if (raw) this.deserialize(raw);
@@ -105,15 +107,21 @@ export class ReleaseTrackSnapshot {
 
     if ('members' in raw && Array.isArray(raw.members)) {
       this.members = raw.members.map((m: any) => ({
+        ...m,
         object_ref: m.object_ref,
-        object_modified: new Date(m.object_modified),
+        object_modified: m.object_modified
+          ? new Date(m.object_modified)
+          : undefined,
       }));
     }
 
     if ('staged' in raw && Array.isArray(raw.staged)) {
       this.staged = raw.staged.map((s: any) => ({
+        ...s,
         object_ref: s.object_ref,
-        object_modified: new Date(s.object_modified),
+        object_modified: s.object_modified
+          ? new Date(s.object_modified)
+          : undefined,
         object_status: s.object_status,
         object_staged_at: s.object_staged_at
           ? new Date(s.object_staged_at)
@@ -124,8 +132,11 @@ export class ReleaseTrackSnapshot {
 
     if ('candidates' in raw && Array.isArray(raw.candidates)) {
       this.candidates = raw.candidates.map((c: any) => ({
+        ...c,
         object_ref: c.object_ref,
-        object_modified: new Date(c.object_modified),
+        object_modified: c.object_modified
+          ? new Date(c.object_modified)
+          : undefined,
         object_status: c.object_status,
         object_added_at: c.object_added_at
           ? new Date(c.object_added_at)
@@ -136,8 +147,11 @@ export class ReleaseTrackSnapshot {
 
     if ('quarantine' in raw && Array.isArray(raw.quarantine)) {
       this.quarantine = raw.quarantine.map((q: any) => ({
+        ...q,
         object_ref: q.object_ref,
-        object_modified: new Date(q.object_modified),
+        object_modified: q.object_modified
+          ? new Date(q.object_modified)
+          : undefined,
         source_track_id: q.source_track_id,
         source_track_name: q.source_track_name,
         source_snapshot_version: q.source_snapshot_version,
@@ -147,6 +161,9 @@ export class ReleaseTrackSnapshot {
 
     if ('composition' in raw) this.composition = raw.composition;
 
+    if ('snapshot_schedule' in raw)
+      this.snapshot_schedule = raw.snapshot_schedule;
+
     if ('composition_resolution' in raw && raw.composition_resolution) {
       const cr = raw.composition_resolution;
       const resolved: CompositionResolution = { ...cr } as any;
@@ -219,6 +236,7 @@ export class ReleaseTrackSnapshot {
       })),
       composition: this.composition,
       composition_resolution: this.composition_resolution,
+      snapshot_schedule: this.snapshot_schedule,
     };
   }
 
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
index 27010867a..f137f310a 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.html
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -84,63 +84,159 @@ <h2>
 
     <!-- Virtual track -->
     <div *ngIf="isVirtual">
-      <div class="section-block">
-        <div class="section-title">Object Deduplication</div>
+      <div class="section-block stack">
+        <div class="section-title">Component Tracks</div>
         <div class="section-sub">
-          Configure deduplication rules for the virtual track
+          Standard tracks to include in this virtual release track.
         </div>
       </div>
 
       <div formGroupName="composition" class="composition-structured">
-        <mat-form-field appearance="outline" class="section-block">
-          <mat-label>Strategy</mat-label>
-          <mat-select formControlName="deduplicationStrategy">
-            <mat-option
-              *ngFor="let opt of deduplicationOptions"
-              [value]="opt"
-              >{{ formatOption(opt) }}</mat-option
-            >
-          </mat-select>
-          <mat-hint
-            >How conflicting objects from component tracks are
-            resolved</mat-hint
-          >
-        </mat-form-field>
+        <div *ngIf="isLoadingComponentTracks" class="loading-row">
+          <mat-spinner diameter="24"></mat-spinner>
+          <span>Loading component tracks</span>
+        </div>
+
+        <div
+          *ngIf="!isLoadingComponentTracks && !componentTrackOptions.length"
+          class="empty-state">
+          No standard release tracks found.
+        </div>
 
-        <div class="section-block gap-12">
+        <div
+          *ngIf="componentTrackOptions.length"
+          class="component-track-picker">
           <mat-form-field appearance="outline">
-            <mat-label>Snapshot Tier</mat-label>
-            <mat-select formControlName="deduplicationTier">
+            <mat-label>Add component track</mat-label>
+            <input
+              matInput
+              type="text"
+              formControlName="componentTrackSearch"
+              [matAutocomplete]="componentTrackAutocomplete"
+              placeholder="Search standard tracks" />
+            <mat-icon matSuffix>arrow_drop_down</mat-icon>
+            <mat-autocomplete
+              #componentTrackAutocomplete="matAutocomplete"
+              [displayWith]="displayComponentTrack"
+              (optionSelected)="selectComponentTrack($event)">
               <mat-option
-                *ngFor="let opt of deduplicationTierOptions"
-                [value]="opt"
-                >{{ formatOption(opt) }}</mat-option
-              >
-            </mat-select>
+                *ngFor="let track of filteredComponentTrackOptions"
+                [value]="track">
+                <span class="component-track-option-label">
+                  <span class="component-track-option-name">
+                    {{ track.name }}
+                  </span>
+                  <span class="component-track-option-meta">
+                    ({{ getComponentTrackSnapshotLabel(track) }})
+                  </span>
+                </span>
+              </mat-option>
+              <mat-option
+                *ngIf="!filteredComponentTrackOptions.length"
+                disabled>
+                No matching standard tracks
+              </mat-option>
+            </mat-autocomplete>
             <mat-hint>
-              Prefer objects from this tier when resolving conflicts
+              Select one or more standard tracks to include in this virtual
+              track.
             </mat-hint>
           </mat-form-field>
+        </div>
 
+        <div
+          *ngIf="selectedComponentTracks.length"
+          class="selected-component-track-list">
+          <div
+            *ngFor="let track of selectedComponentTracks"
+            class="component-track-option selected">
+            <div class="component-track-selected-header">
+              <div>
+                <div class="component-track-name">{{ track.name }}</div>
+                <div class="component-track-meta">
+                  {{ getComponentTrackSnapshotLabel(track) }}
+                </div>
+              </div>
+              <button
+                mat-icon-button
+                type="button"
+                aria-label="Remove component track"
+                (click)="removeComponentTrack(track)">
+                <mat-icon>close</mat-icon>
+              </button>
+            </div>
+
+            <p *ngIf="track.description" class="component-track-description">
+              {{ track.description }}
+            </p>
+
+            <mat-form-field
+              *ngIf="track.selected"
+              appearance="outline"
+              class="object-type-filter">
+              <mat-label>Object type filter</mat-label>
+              <mat-select multiple [(value)]="track.objectTypes">
+                <mat-option
+                  *ngFor="let opt of objectTypeOptions"
+                  [value]="opt.value">
+                  {{ opt.label }}
+                </mat-option>
+              </mat-select>
+              <mat-hint>Leave empty to include all object types</mat-hint>
+            </mat-form-field>
+          </div>
+        </div>
+
+        <mat-divider style="margin: 24px 0 16px"></mat-divider>
+
+        <div class="section-block stack">
+          <div class="section-title">Object Deduplication</div>
           <mat-form-field appearance="outline">
-            <mat-label>Workflow Status</mat-label>
-            <mat-select formControlName="deduplicationStatus">
+            <mat-label>Strategy</mat-label>
+            <mat-select formControlName="deduplicationStrategy">
               <mat-option
-                *ngFor="let opt of deduplicationStatusOptions"
+                *ngFor="let opt of deduplicationOptions"
                 [value]="opt"
                 >{{ formatOption(opt) }}</mat-option
               >
             </mat-select>
-            <mat-hint>
-              Prefer objects with this status when resolving conflicts
-            </mat-hint>
           </mat-form-field>
+
+          <div class="section-block gap-12">
+            <mat-form-field appearance="outline">
+              <mat-label>Snapshot Tier</mat-label>
+              <mat-select formControlName="deduplicationTier">
+                <mat-option
+                  *ngFor="let opt of deduplicationTierOptions"
+                  [value]="opt"
+                  >{{ formatOption(opt) }}</mat-option
+                >
+              </mat-select>
+              <mat-hint>
+                Prefer objects from this tier when resolving conflicts
+              </mat-hint>
+            </mat-form-field>
+
+            <mat-form-field appearance="outline">
+              <mat-label>Workflow Status</mat-label>
+              <mat-select formControlName="deduplicationStatus">
+                <mat-option
+                  *ngFor="let opt of deduplicationStatusOptions"
+                  [value]="opt"
+                  >{{ formatOption(opt) }}</mat-option
+                >
+              </mat-select>
+              <mat-hint>
+                Prefer objects with this status when resolving conflicts
+              </mat-hint>
+            </mat-form-field>
+          </div>
         </div>
       </div>
 
       <mat-divider style="margin: 12px 0"></mat-divider>
 
-      <div class="section-block">
+      <div class="section-block stack">
         <div class="section-title">Snapshot Schedule</div>
         <div class="section-sub">
           Configure automatic snapshot scheduling for this virtual track
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.scss b/src/app/components/new-track-dialog/new-track-dialog.component.scss
index aec5343ed..06a22e3ea 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.scss
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.scss
@@ -28,15 +28,36 @@
     &.gap-12 {
       gap: 12px;
     }
+
+    &.stack {
+      align-items: stretch;
+      flex-direction: column;
+      gap: 4px;
+    }
   }
 
   .section-title {
     font-weight: 600;
-    color: rgba(0, 0, 0, 0.85);
+
+    .light & {
+      color: colors.on-color-emphasis(light);
+    }
+
+    .dark & {
+      color: colors.on-color-emphasis(dark);
+    }
   }
+
   .section-sub {
     font-size: 0.9em;
-    color: rgba(0, 0, 0, 0.6);
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+    }
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+    }
   }
 
   .mat-mdc-form-field {
@@ -48,7 +69,114 @@
   }
 
   mat-hint {
-    color: rgba(0, 0, 0, 0.65);
+    .light & {
+      color: colors.on-color-deemphasis(light);
+    }
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+    }
+  }
+
+  .loading-row,
+  .empty-state {
+    align-items: center;
+    display: flex;
+    gap: 12px;
+    min-height: 56px;
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+    }
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+    }
+  }
+
+  .component-track-picker {
+    margin-bottom: 12px;
+  }
+
+  .selected-component-track-list {
+    display: grid;
+    gap: 12px;
+  }
+
+  .component-track-option {
+    border-radius: 6px;
+    border: 1px solid;
+    padding: 12px;
+
+    .light & {
+      border-color: colors.border-color(light);
+    }
+
+    .dark & {
+      border-color: colors.border-color(dark);
+    }
+
+    &.selected {
+      .light & {
+        border-color: colors.color(secondary);
+      }
+
+      .dark & {
+        border-color: colors.color(mitre-light-blue);
+      }
+    }
+  }
+
+  .component-track-selected-header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+
+    > div {
+      min-width: 0;
+    }
+
+    button {
+      flex: 0 0 auto;
+      width: 32px;
+      height: 32px;
+      padding: 0;
+    }
+  }
+
+  .component-track-name {
+    font-weight: 600;
+    margin-right: 8px;
+  }
+
+  .component-track-meta {
+    font-size: 0.85em;
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+    }
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+    }
+  }
+
+  .component-track-description {
+    font-size: 0.9em;
+    margin: 8px 0 12px;
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+    }
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+    }
+  }
+
+  .object-type-filter {
+    margin-top: 8px;
   }
 
   // actions pinned to bottom of dialog
@@ -67,3 +195,29 @@
     }
   }
 }
+
+.component-track-option-label {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 4px;
+  min-width: 0;
+}
+
+.component-track-option-name {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.component-track-option-meta {
+  flex: 0 0 auto;
+  font-size: 0.82em;
+
+  .light & {
+    color: colors.on-color-deemphasis(light);
+  }
+
+  .dark & {
+    color: colors.on-color-deemphasis(dark);
+  }
+}
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts b/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts
new file mode 100644
index 000000000..00927ca0b
--- /dev/null
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts
@@ -0,0 +1,243 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { of } from 'rxjs';
+
+import { NewTrackDialogComponent } from './new-track-dialog.component';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import {
+  DeduplicationStrategy,
+  ReleaseTrackType,
+  ResolutionStrategy,
+  SnapshotScheduleMode,
+  SnapshotTier,
+} from 'src/app/classes/release-tracks';
+import { WorkflowStatus } from 'src/app/utils/types';
+
+describe('NewTrackDialogComponent', () => {
+  let component: NewTrackDialogComponent;
+  let fixture: ComponentFixture<NewTrackDialogComponent>;
+  let mockDialogRef: any;
+  let mockConnector: any;
+
+  beforeEach(async () => {
+    mockDialogRef = {
+      close: vi.fn(),
+    };
+    mockConnector = {
+      listReleaseTracks: vi.fn(() =>
+        of({
+          data: [
+            {
+              track_id: 'release-track--standard-tagged',
+              type: 'standard',
+              name: 'Tagged Standard',
+              description: 'Can be used by a virtual track',
+              latest_tagged_version: '1.0',
+              tagged_release_count: 1,
+            },
+            {
+              track_id: 'release-track--standard-draft',
+              type: 'standard',
+              name: 'Draft Only Standard',
+              tagged_release_count: 0,
+            },
+            {
+              track_id: 'release-track--virtual-tagged',
+              type: 'virtual',
+              name: 'Virtual Track',
+              latest_tagged_version: '1.0',
+              tagged_release_count: 1,
+            },
+          ],
+        })
+      ),
+      createReleaseTrack: vi.fn(() =>
+        of({ track_id: 'release-track--new-virtual' })
+      ),
+    };
+
+    await TestBed.configureTestingModule({
+      declarations: [NewTrackDialogComponent],
+      imports: [ReactiveFormsModule],
+      providers: [
+        { provide: MatDialogRef, useValue: mockDialogRef },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: { type: ReleaseTrackType.Virtual },
+        },
+        { provide: ReleaseTracksConnectorService, useValue: mockConnector },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(NewTrackDialogComponent);
+    component = fixture.componentInstance;
+    component.ngOnInit();
+  });
+
+  it('should list standard tracks even when they have no tagged snapshots', () => {
+    expect(mockConnector.listReleaseTracks).toHaveBeenCalledWith();
+    expect(component.componentTrackOptions).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--standard-tagged',
+        name: 'Tagged Standard',
+      }),
+      expect.objectContaining({
+        trackId: 'release-track--standard-draft',
+        name: 'Draft Only Standard',
+      }),
+    ]);
+  });
+
+  it('should filter and select component tracks from the autocomplete', () => {
+    component.form.get('composition.componentTrackSearch')?.setValue('draft');
+
+    expect(component.filteredComponentTrackOptions).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--standard-draft',
+      }),
+    ]);
+
+    component.selectComponentTrack({
+      option: {
+        value: component.componentTrackOptions[1],
+      },
+    });
+
+    expect(component.selectedComponentTracks).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--standard-draft',
+      }),
+    ]);
+    expect(component.form.get('composition.componentTrackSearch')?.value).toBe(
+      ''
+    );
+    expect(component.filteredComponentTrackOptions).not.toContain(
+      component.componentTrackOptions[1]
+    );
+  });
+
+  it('should format component track snapshot labels', () => {
+    expect(
+      component.getComponentTrackSnapshotLabel(
+        component.componentTrackOptions[0]
+      )
+    ).toBe('v1.0');
+    expect(
+      component.getComponentTrackSnapshotLabel(
+        component.componentTrackOptions[1]
+      )
+    ).toBe('no tagged snapshots');
+  });
+
+  it('should remove selected component tracks and clear their filters', () => {
+    component.toggleComponentTrack(component.componentTrackOptions[0], true);
+    component.componentTrackOptions[0].objectTypes = ['attack-pattern'];
+
+    component.removeComponentTrack(component.componentTrackOptions[0]);
+
+    expect(component.componentTrackOptions[0].selected).toBe(false);
+    expect(component.componentTrackOptions[0].objectTypes).toEqual([]);
+  });
+
+  it('should create a virtual track with latest tagged components and priorities', () => {
+    component.form.patchValue({
+      name: 'Combined Enterprise',
+      description: 'Aggregates released Enterprise content',
+    });
+    component.toggleComponentTrack(component.componentTrackOptions[0], true);
+    component.componentTrackOptions[0].objectTypes = ['attack-pattern'];
+
+    component.handleCreate();
+
+    expect(mockConnector.createReleaseTrack).toHaveBeenCalledWith({
+      type: ReleaseTrackType.Virtual,
+      name: 'Combined Enterprise',
+      description: 'Aggregates released Enterprise content',
+      composition: {
+        component_tracks: [
+          {
+            track_id: 'release-track--standard-tagged',
+            resolution_strategy: ResolutionStrategy.LatestTagged,
+            priority: 0,
+            filters: {
+              object_types: ['attack-pattern'],
+            },
+          },
+        ],
+        deduplication: {
+          strategy: DeduplicationStrategy.PrioritizeLatestObject,
+          tier_resolution: SnapshotTier.Member,
+          status_resolution: WorkflowStatus.WorkInProgress,
+        },
+      },
+      snapshot_schedule: {
+        mode: SnapshotScheduleMode.Manual,
+      },
+    });
+    expect(mockDialogRef.close).toHaveBeenCalledWith({
+      track_id: 'release-track--new-virtual',
+    });
+  });
+
+  it('should allow untagged standard tracks in virtual track composition', () => {
+    component.form.patchValue({
+      name: 'Future Combined Track',
+      description: 'Will resolve once components are tagged',
+    });
+    component.toggleComponentTrack(component.componentTrackOptions[1], true);
+
+    component.handleCreate();
+
+    expect(mockConnector.createReleaseTrack).toHaveBeenCalledWith(
+      expect.objectContaining({
+        composition: expect.objectContaining({
+          component_tracks: [
+            expect.objectContaining({
+              track_id: 'release-track--standard-draft',
+              resolution_strategy: ResolutionStrategy.LatestTagged,
+              priority: 0,
+            }),
+          ],
+        }),
+      })
+    );
+  });
+
+  it('should preserve optional virtual track settings in the create payload', () => {
+    component.form.patchValue({
+      name: 'Scheduled Combined Track',
+      description: 'Includes optional virtual settings',
+      composition: {
+        deduplicationStrategy: DeduplicationStrategy.Quarantine,
+        deduplicationTier: SnapshotTier.Staged,
+        deduplicationStatus: WorkflowStatus.Reviewed,
+      },
+      snapshotSchedule: {
+        mode: SnapshotScheduleMode.Cron,
+        cron: '0 0 1 1,7 *',
+      },
+    });
+    component.toggleComponentTrack(component.componentTrackOptions[0], true);
+
+    component.handleCreate();
+
+    expect(mockConnector.createReleaseTrack).toHaveBeenCalledWith(
+      expect.objectContaining({
+        composition: expect.objectContaining({
+          deduplication: {
+            strategy: DeduplicationStrategy.Quarantine,
+            tier_resolution: SnapshotTier.Staged,
+            status_resolution: WorkflowStatus.Reviewed,
+          },
+        }),
+        snapshot_schedule: {
+          mode: SnapshotScheduleMode.Cron,
+          cron: '0 0 1 1,7 *',
+        },
+      })
+    );
+  });
+});
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.ts b/src/app/components/new-track-dialog/new-track-dialog.component.ts
index 415e98971..9e9476c9f 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.ts
@@ -6,11 +6,32 @@ import {
   MemberSyncBehavior,
   ReleaseTrackType,
   DeduplicationStrategy,
+  ResolutionStrategy,
   SnapshotTier,
   SnapshotScheduleMode,
 } from 'src/app/classes/release-tracks/enums';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
-import { WorkflowStatus } from 'src/app/utils/types';
+import { WorkflowStatus, StixType } from 'src/app/utils/types';
+import {
+  AttackTypeToPlural,
+  StixTypeToAttackType,
+} from 'src/app/utils/type-mappings';
+import { finalize, take } from 'rxjs/operators';
+
+const OBJECT_FILTER_OPTIONS: StixType[] = [
+  'attack-pattern',
+  'campaign',
+  'course-of-action',
+  'intrusion-set',
+  'malware',
+  'tool',
+  'x-mitre-asset',
+  'x-mitre-data-component',
+  'x-mitre-detection-strategy',
+  'x-mitre-analytic',
+  'x-mitre-matrix',
+  'x-mitre-tactic',
+];
 
 @Component({
   standalone: false,
@@ -36,6 +57,12 @@ export class NewTrackDialogComponent implements OnInit {
   public deduplicationTierOptions = Object.values(SnapshotTier);
   public deduplicationStatusOptions = Object.values(WorkflowStatus);
   public snapshotModeOptions = Object.values(SnapshotScheduleMode);
+  public componentTrackOptions: VirtualComponentTrackOption[] = [];
+  public isLoadingComponentTracks = false;
+  public objectTypeOptions = OBJECT_FILTER_OPTIONS.map(type => ({
+    label: this.formatStixType(type),
+    value: type,
+  }));
 
   public mode: 'standard' | 'virtual' = 'standard';
 
@@ -57,12 +84,13 @@ export class NewTrackDialogComponent implements OnInit {
       memberSync: [MemberSyncStrategy.TrackLatest],
       supplantBehavior: [MemberSyncBehavior.Replace],
       composition: this.fb.group({
-        deduplicationStrategy: [this.deduplicationOptions[0]],
+        componentTrackSearch: [''],
+        deduplicationStrategy: [DeduplicationStrategy.PrioritizeLatestObject],
         deduplicationTier: [this.deduplicationTierOptions[0]],
         deduplicationStatus: [this.deduplicationStatusOptions[0]],
       }),
       snapshotSchedule: this.fb.group({
-        mode: [this.snapshotModeOptions[0]],
+        mode: [SnapshotScheduleMode.Manual],
         cron: [''],
       }),
     });
@@ -79,6 +107,7 @@ export class NewTrackDialogComponent implements OnInit {
       this.form
         .get('composition')
         ?.updateValueAndValidity({ emitEvent: false });
+      this.loadComponentTrackOptions();
     }
 
     const autoCtrl = this.form.get('autoPromote');
@@ -99,8 +128,7 @@ export class NewTrackDialogComponent implements OnInit {
   public isFormValid(): boolean {
     const nameValid = !!this.form.get('name')?.value?.trim();
     if (this.isVirtual) {
-      const ded = this.form.get('composition.deduplicationStrategy')?.value;
-      return nameValid && !!ded;
+      return nameValid && this.selectedComponentTracks.length > 0;
     }
     return this.form.valid && nameValid;
   }
@@ -112,42 +140,64 @@ export class NewTrackDialogComponent implements OnInit {
     return out.toLowerCase();
   }
 
+  public toggleComponentTrack(
+    track: VirtualComponentTrackOption,
+    selected: boolean
+  ): void {
+    track.selected = selected;
+  }
+
+  public get selectedComponentTracks(): VirtualComponentTrackOption[] {
+    return this.componentTrackOptions.filter(track => track.selected);
+  }
+
+  public get filteredComponentTrackOptions(): VirtualComponentTrackOption[] {
+    const search = this.getComponentTrackSearchText();
+    return this.componentTrackOptions
+      .filter(track => !track.selected)
+      .filter(track => this.matchesComponentTrackSearch(track, search));
+  }
+
+  public displayComponentTrack(track: VirtualComponentTrackOption): string {
+    return track?.name || '';
+  }
+
+  public getComponentTrackSnapshotLabel(
+    track: VirtualComponentTrackOption
+  ): string {
+    return track.latestTaggedVersion
+      ? `v${track.latestTaggedVersion}`
+      : 'no tagged snapshots';
+  }
+
+  public selectComponentTrack(event: any): void {
+    const track = event?.option?.value as VirtualComponentTrackOption;
+    if (!track) return;
+
+    track.selected = true;
+    this.form
+      .get('composition.componentTrackSearch')
+      ?.setValue('', { emitEvent: false });
+  }
+
+  public removeComponentTrack(track: VirtualComponentTrackOption): void {
+    track.selected = false;
+    track.objectTypes = [];
+  }
+
   public handleCreate(): void {
     if (!this.isFormValid() || this.loading) return;
 
     let payload: any;
     if (this.isVirtual) {
-      const compGroup = this.form.get('composition') as FormGroup;
-      let composition: any = undefined;
-      if (compGroup) {
-        const strategy = compGroup.get('deduplicationStrategy')?.value;
-        const tier = compGroup.get('deduplicationTier')?.value;
-        const status = compGroup.get('deduplicationStatus')?.value;
-
-        composition = { deduplication: {} };
-        if (strategy) composition.deduplication.strategy = strategy;
-        if (tier) composition.deduplication.tier_resolution = tier;
-        if (status) composition.deduplication.status_resolution = status;
-      }
-
-      const snapshotSchedule = this.form.get('snapshotSchedule') as FormGroup;
-      let snapshot_schedule: any = undefined;
-      if (snapshotSchedule) {
-        const mode = snapshotSchedule.get('mode')?.value;
-        const cron = snapshotSchedule.get('cron')?.value;
-        if (mode) {
-          snapshot_schedule = { mode };
-          if (mode === 'cron' && cron) snapshot_schedule.cron = cron;
-        }
-      }
-
       payload = {
         name: this.form.get('name')?.value,
         description: this.form.get('description')?.value,
-        composition: composition,
-        snapshot_schedule: snapshot_schedule,
+        composition: this.buildVirtualComposition(),
         type: ReleaseTrackType.Virtual,
       };
+      const snapshotSchedule = this.buildVirtualSnapshotSchedule();
+      if (snapshotSchedule) payload.snapshot_schedule = snapshotSchedule;
     } else {
       payload = {
         name: this.form.get('name')?.value,
@@ -168,17 +218,166 @@ export class NewTrackDialogComponent implements OnInit {
     }
 
     this.loading = true;
-    const subscription = this.connector.createReleaseTrack(payload).subscribe({
-      next: result => {
-        this.dialogRef.close(result);
-      },
-      error: () => {
-        // leave dialog open and stop loading
-        this.loading = false;
-      },
-      complete: () => {
-        if (subscription) subscription.unsubscribe();
-      },
-    });
+    this.connector
+      .createReleaseTrack(payload)
+      .pipe(take(1))
+      .subscribe({
+        next: result => {
+          this.dialogRef.close(result);
+        },
+        error: () => {
+          // leave dialog open and stop loading
+          this.loading = false;
+        },
+      });
+  }
+
+  private loadComponentTrackOptions(): void {
+    this.isLoadingComponentTracks = true;
+    this.connector
+      .listReleaseTracks()
+      .pipe(
+        take(1),
+        finalize(() => {
+          this.isLoadingComponentTracks = false;
+        })
+      )
+      .subscribe({
+        next: result => {
+          const tracks = this.getTrackList(result);
+          this.componentTrackOptions = tracks
+            .filter(track => this.isStandardTrack(track))
+            .filter(track => !!this.getTrackId(track))
+            .map(track => this.toComponentTrackOption(track));
+        },
+        error: () => {
+          this.componentTrackOptions = [];
+        },
+      });
   }
+
+  private buildVirtualComposition(): any {
+    const deduplication: any = {};
+    const strategy = this.form.get('composition.deduplicationStrategy')?.value;
+    const tier = this.form.get('composition.deduplicationTier')?.value;
+    const status = this.form.get('composition.deduplicationStatus')?.value;
+    if (strategy) deduplication.strategy = strategy;
+    if (tier) deduplication.tier_resolution = tier;
+    if (status) deduplication.status_resolution = status;
+
+    return {
+      component_tracks: this.selectedComponentTracks.map((track, priority) => {
+        const componentTrack: any = {
+          track_id: track.trackId,
+          resolution_strategy: ResolutionStrategy.LatestTagged,
+          priority,
+        };
+
+        if (track.objectTypes.length) {
+          componentTrack.filters = {
+            object_types: track.objectTypes,
+          };
+        }
+
+        return componentTrack;
+      }),
+      deduplication,
+    };
+  }
+
+  private buildVirtualSnapshotSchedule(): any | undefined {
+    const snapshotSchedule = this.form.get('snapshotSchedule') as FormGroup;
+    if (!snapshotSchedule) return undefined;
+
+    const mode = snapshotSchedule.get('mode')?.value;
+    const cron = snapshotSchedule.get('cron')?.value;
+    if (!mode) return undefined;
+
+    const payload: any = { mode };
+    if (mode === SnapshotScheduleMode.Cron && cron) payload.cron = cron;
+    return payload;
+  }
+
+  private getTrackList(result: any): any[] {
+    if (Array.isArray(result?.data)) return result.data;
+    if (Array.isArray(result?.release_tracks)) return result.release_tracks;
+    if (Array.isArray(result)) return result;
+    return [];
+  }
+
+  private isStandardTrack(track: any): boolean {
+    return String(track?.type).toLowerCase() === ReleaseTrackType.Standard;
+  }
+
+  private toComponentTrackOption(track: any): VirtualComponentTrackOption {
+    const latestTaggedVersion = this.getLatestTaggedVersion(track);
+    const taggedReleaseCount = this.getTaggedReleaseCount(track);
+
+    return {
+      trackId: this.getTrackId(track) as string,
+      name: track.name || 'Untitled release track',
+      description: track.description || '',
+      latestTaggedVersion,
+      taggedReleaseCount,
+      selected: false,
+      objectTypes: [],
+    };
+  }
+
+  private getTrackId(track: any): string | null {
+    return track?.track_id || track?.id || null;
+  }
+
+  private getLatestTaggedVersion(track: any): string | null {
+    return (
+      track?.latest_tagged_version ||
+      track?.latestTaggedVersion ||
+      track?.latest_version ||
+      track?.latestVersion ||
+      null
+    );
+  }
+
+  private getTaggedReleaseCount(track: any): number {
+    return Number(
+      track?.tagged_release_count ||
+        track?.taggedReleaseCount ||
+        track?.tagged_releases_count ||
+        0
+    );
+  }
+
+  private formatStixType(type: StixType): string {
+    const attackType = StixTypeToAttackType[type];
+    return AttackTypeToPlural[attackType]?.replace(/-/g, ' ') || type;
+  }
+
+  private getComponentTrackSearchText(): string {
+    const value = this.form.get('composition.componentTrackSearch')?.value;
+    if (!value) return '';
+    if (typeof value === 'string') return value.trim().toLowerCase();
+    return String(value.name || value.trackId || '')
+      .trim()
+      .toLowerCase();
+  }
+
+  private matchesComponentTrackSearch(
+    track: VirtualComponentTrackOption,
+    search: string
+  ): boolean {
+    if (!search) return true;
+    return [track.name, track.trackId, track.description]
+      .filter(Boolean)
+      .some(value => value.toLowerCase().includes(search));
+  }
+}
+
+interface VirtualComponentTrackOption {
+  trackId: string;
+  name: string;
+  description: string;
+  latestTaggedVersion: string | null;
+  taggedReleaseCount: number;
+  selected: boolean;
+  objectTypes: StixType[];
 }
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index d36a9b3fb..44c2e0523 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -13,6 +13,7 @@ import {
 import type {
   BumpPayload,
   ClonePayload,
+  Composition,
   CreateReleaseTrackPayload,
   ExportFormatType,
   ReleaseTrackConfig,
@@ -29,6 +30,7 @@ import { Paginated } from './rest-api-connector.service';
 export type {
   BumpPayload,
   ClonePayload,
+  Composition,
   CreateReleaseTrackPayload,
   ReleaseTrackSnapshotHistoryItem,
   ReleaseTrackSnapshotOptions,
@@ -595,6 +597,29 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     );
   }
 
+  /**
+   * PUT /api/release-tracks/:id/composition
+   * Update the composition rules for a virtual release track.
+   * @param id Release track id
+   * @param body Composition payload
+   * @returns Observable<any>
+   */
+  public updateComposition(
+    id: string,
+    body: Composition,
+    userAccountId?: string
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/composition`;
+    const payload = userAccountId ? { ...body, userAccountId } : body;
+    return this.http.put(url, payload).pipe(
+      tap(result =>
+        logger.log(`updated virtual composition for track ${id}`, result)
+      ),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
   // -----------------------------------------------------------------------------
   // Candidate Management
   // -----------------------------------------------------------------------------
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 4ff125996..9494d9f07 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -38,7 +38,9 @@ <h1>
 
   <ng-template #detailsTpl>
     <!-- stats summary -->
-    <div class="release-track-board">
+    <div
+      class="release-track-board"
+      *ngIf="!isVirtualReleaseTrack; else virtualDetailsTpl">
       <div class="labelled-box summary-frame">
         <div
           class="summary-overview content no-label"
@@ -92,123 +94,453 @@ <h2>Description</h2>
           </section>
 
           <div class="summary-stats" aria-label="Release track object counts">
-            <div class="summary-metric candidates-summary">
-              <strong class="summary-count view-color">
-                {{ candidates.length || 0 }}
-              </strong>
-              <div class="summary-copy">
-                <strong class="summary-heading">Candidates</strong>
-                <span class="text-deemphasis">in this draft</span>
+            <ng-container *ngIf="isVirtualReleaseTrack; else standardSummary">
+              <div class="summary-metric candidates-summary">
+                <strong class="summary-count view-color">
+                  {{ virtualComponentTracks.length || 0 }}
+                </strong>
+                <div class="summary-copy">
+                  <strong class="summary-heading">Components</strong>
+                  <span class="text-deemphasis">standard tracks</span>
+                </div>
+              </div>
+
+              <div class="summary-metric staged-summary">
+                <strong class="summary-count promote-color">
+                  {{ virtualResolvedObjectCount || 0 }}
+                </strong>
+                <div class="summary-copy">
+                  <strong class="summary-heading">Resolved Objects</strong>
+                  <span class="text-deemphasis">latest snapshot</span>
+                </div>
+              </div>
+
+              <div class="summary-metric members-summary">
+                <strong class="summary-count">
+                  {{ quarantineObjects.length || 0 }}
+                </strong>
+                <div class="summary-copy">
+                  <strong class="summary-heading">Quarantined</strong>
+                  <span class="text-deemphasis">needs review</span>
+                </div>
+              </div>
+            </ng-container>
+
+            <ng-template #standardSummary>
+              <div class="summary-metric candidates-summary">
+                <strong class="summary-count view-color">
+                  {{ candidates.length || 0 }}
+                </strong>
+                <div class="summary-copy">
+                  <strong class="summary-heading">Candidates</strong>
+                  <span class="text-deemphasis">in this draft</span>
+                </div>
+              </div>
+
+              <div class="summary-metric staged-summary">
+                <strong class="summary-count promote-color">
+                  {{ staged.length || 0 }}
+                </strong>
+                <div class="summary-copy">
+                  <strong class="summary-heading">Staged</strong>
+                  <span class="text-deemphasis">for next release</span>
+                </div>
+              </div>
+
+              <div class="summary-metric members-summary">
+                <strong class="summary-count">
+                  {{ members.length || 0 }}
+                </strong>
+                <div class="summary-copy">
+                  <strong class="summary-heading">Released Members</strong>
+                  <span class="text-deemphasis">published</span>
+                </div>
+              </div>
+            </ng-template>
+          </div>
+        </div>
+      </div>
+
+      <ng-container *ngIf="isVirtualReleaseTrack; else standardWorkspaceTpl">
+        <div class="virtual-track-workspace">
+          <section class="labelled-box virtual-track-card">
+            <div class="content no-label">
+              <div class="card-header member-list">
+                <h3 class="view-color">
+                  Component Tracks ({{ virtualComponentTracks.length }})
+                </h3>
+              </div>
+
+              <mat-divider></mat-divider>
+
+              <div class="virtual-card-body">
+                <div *ngIf="!virtualComponentTracks.length" class="empty-state">
+                  No component tracks configured.
+                </div>
+
+                <article
+                  *ngFor="
+                    let track of virtualComponentTracks;
+                    trackBy: trackByComponentTrack
+                  "
+                  class="virtual-component-row clickable-row"
+                  role="button"
+                  tabindex="0"
+                  (click)="onOpenComponentTrack(track)"
+                  (keydown.enter)="onOpenComponentTrack(track)"
+                  (keydown.space)="
+                    onOpenComponentTrack(track); $event.preventDefault()
+                  ">
+                  <div>
+                    <h4>{{ getComponentTrackLabel(track) }}</h4>
+                    <p class="component-track-id">{{ track.track_id }}</p>
+                  </div>
+                  <div class="virtual-component-meta">
+                    <span class="config-value">
+                      {{ formatConfigOption(track.resolution_strategy) }}
+                    </span>
+                    <span class="config-value">
+                      priority {{ track.priority ?? 0 }}
+                    </span>
+                    <span
+                      *ngIf="getComponentTrackFilters(track).length"
+                      class="config-value">
+                      {{ getComponentTrackFilters(track).join(', ') }}
+                    </span>
+                  </div>
+                </article>
               </div>
             </div>
+          </section>
+
+          <section class="labelled-box virtual-track-card">
+            <div class="content no-label">
+              <div class="card-header member-list">
+                <h3 class="promote-color">Latest Resolution</h3>
+              </div>
+
+              <mat-divider></mat-divider>
+
+              <div class="virtual-card-body">
+                <div
+                  *ngIf="!resolvedComponentSnapshots.length"
+                  class="empty-state">
+                  No resolved snapshot yet. Create a draft snapshot to resolve
+                  component contents.
+                </div>
 
-            <div class="summary-metric staged-summary">
-              <strong class="summary-count promote-color">
-                {{ staged.length || 0 }}
-              </strong>
-              <div class="summary-copy">
-                <strong class="summary-heading">Staged</strong>
-                <span class="text-deemphasis">for next release</span>
+                <article
+                  *ngFor="
+                    let component of resolvedComponentSnapshots;
+                    trackBy: trackByResolvedComponent
+                  "
+                  class="virtual-component-row">
+                  <div>
+                    <h4>
+                      {{
+                        component.track_name ||
+                          component.track_id ||
+                          'Component track'
+                      }}
+                    </h4>
+                    <p>
+                      {{ getResolvedComponentLabel(component) }}
+                    </p>
+                  </div>
+                  <div class="virtual-component-meta">
+                    <span class="config-value">
+                      {{ component.objects_contributed || 0 }} contributed
+                    </span>
+                    <span class="config-value">
+                      {{ component.objects_after_filter || 0 }} after filters
+                    </span>
+                  </div>
+                </article>
               </div>
             </div>
+          </section>
 
-            <div class="summary-metric members-summary">
-              <strong class="summary-count">
-                {{ members.length || 0 }}
-              </strong>
-              <div class="summary-copy">
-                <strong class="summary-heading">Released Members</strong>
-                <span class="text-deemphasis">published</span>
+          <section class="labelled-box virtual-track-card">
+            <div class="content no-label">
+              <div class="card-header member-list">
+                <h3>Resolution Details</h3>
+              </div>
+
+              <mat-divider></mat-divider>
+
+              <div class="virtual-card-body virtual-resolution-stats">
+                <div class="virtual-stat">
+                  <strong>{{ virtualResolvedObjectCount || 0 }}</strong>
+                  <span>Total Objects</span>
+                </div>
+                <div class="virtual-stat">
+                  <strong>{{ virtualDuplicateCount || 0 }}</strong>
+                  <span>Duplicates</span>
+                </div>
+                <div class="virtual-stat">
+                  <strong>{{ virtualConflictCount || 0 }}</strong>
+                  <span>Conflicts</span>
+                </div>
+                <div class="virtual-stat">
+                  <strong>{{ quarantineObjects.length || 0 }}</strong>
+                  <span>Quarantined</span>
+                </div>
               </div>
             </div>
-          </div>
+          </section>
         </div>
-      </div>
+      </ng-container>
 
-      <div class="release-columns">
-        <div
-          class="release-column"
-          [ngClass]="{
-            'released-members-column': lane.isReleasedMembers,
-            'released-members-collapsed':
-              lane.isReleasedMembers && !showReleasedMembers,
-          }"
-          *ngFor="let lane of workspaceLanes; trackBy: trackByLaneKey">
+      <ng-template #standardWorkspaceTpl>
+        <div class="release-columns">
           <div
-            class="labelled-box track-panel"
-            [ngClass]="'track-panel-' + lane.modifier">
-            <button
-              *ngIf="
-                lane.isReleasedMembers && !showReleasedMembers;
-                else expandedLanePanel
-              "
-              class="released-members-rail"
-              type="button"
-              (click)="toggleReleasedMembers()">
-              <span class="released-members-label">
-                Released Members ({{ lane.items.length }})
-              </span>
-            </button>
-
-            <ng-template #expandedLanePanel>
-              <div class="content no-label">
-                <div class="card-header member-list">
-                  <h3
-                    [ngClass]="{
-                      'view-color': lane.modifier === 'candidates',
-                      'review-color': lane.modifier === 'awaiting-review',
-                      'promote-color': lane.modifier === 'staged',
-                    }">
-                    {{ lane.title }} ({{ lane.items.length }})
-                  </h3>
-                  <div class="small-buttons">
-                    <button
-                      *ngIf="canAddCandidates(lane)"
-                      class="view-color"
-                      mat-stroked-button
-                      (click)="onAddCandidate()">
-                      <mat-icon>add</mat-icon>
-                      Add
-                    </button>
-                    <button
-                      *ngIf="lane.isReleasedMembers"
-                      mat-stroked-button
-                      type="button"
-                      (click)="toggleReleasedMembers()">
-                      <mat-icon>
-                        {{
-                          showReleasedMembers ? 'visibility_off' : 'visibility'
-                        }}
-                      </mat-icon>
-                      {{ showReleasedMembers ? 'Hide' : 'Show' }}
-                    </button>
+            class="release-column"
+            [ngClass]="{
+              'released-members-column': lane.isReleasedMembers,
+              'released-members-collapsed':
+                lane.isReleasedMembers && !showReleasedMembers,
+            }"
+            *ngFor="let lane of workspaceLanes; trackBy: trackByLaneKey">
+            <div
+              class="labelled-box track-panel"
+              [ngClass]="'track-panel-' + lane.modifier">
+              <button
+                *ngIf="
+                  lane.isReleasedMembers && !showReleasedMembers;
+                  else expandedLanePanel
+                "
+                class="released-members-rail"
+                type="button"
+                (click)="toggleReleasedMembers()">
+                <span class="released-members-label">
+                  Released Members ({{ lane.items.length }})
+                </span>
+              </button>
+
+              <ng-template #expandedLanePanel>
+                <div class="content no-label">
+                  <div class="card-header member-list">
+                    <h3
+                      [ngClass]="{
+                        'view-color': lane.modifier === 'candidates',
+                        'review-color': lane.modifier === 'awaiting-review',
+                        'promote-color': lane.modifier === 'staged',
+                      }">
+                      {{ lane.title }} ({{ lane.items.length }})
+                    </h3>
+                    <div class="small-buttons">
+                      <button
+                        *ngIf="canAddCandidates(lane)"
+                        class="view-color"
+                        mat-stroked-button
+                        (click)="onAddCandidate()">
+                        <mat-icon>add</mat-icon>
+                        Add
+                      </button>
+                      <button
+                        *ngIf="lane.isReleasedMembers"
+                        mat-stroked-button
+                        type="button"
+                        (click)="toggleReleasedMembers()">
+                        <mat-icon>
+                          {{
+                            showReleasedMembers
+                              ? 'visibility_off'
+                              : 'visibility'
+                          }}
+                        </mat-icon>
+                        {{ showReleasedMembers ? 'Hide' : 'Show' }}
+                      </button>
+                    </div>
                   </div>
-                </div>
 
-                <mat-divider></mat-divider>
+                  <mat-divider></mat-divider>
 
-                <div class="card-body list">
-                  <div class="empty-state" *ngIf="!lane.items.length">
-                    {{ lane.emptyLabel }}
+                  <div class="card-body list">
+                    <div class="empty-state" *ngIf="!lane.items.length">
+                      {{ lane.emptyLabel }}
+                    </div>
+                    <div
+                      *ngFor="
+                        let item of lane.items;
+                        trackBy: trackByObjectRef
+                      ">
+                      <ng-container
+                        *ngTemplateOutlet="
+                          memberTpl;
+                          context: {
+                            $implicit: item,
+                            lane: lane,
+                          }
+                        "></ng-container>
+                    </div>
                   </div>
-                  <div
-                    *ngFor="let item of lane.items; trackBy: trackByObjectRef">
-                    <ng-container
-                      *ngTemplateOutlet="
-                        memberTpl;
-                        context: {
-                          $implicit: item,
-                          lane: lane,
-                        }
-                      "></ng-container>
+                </div>
+              </ng-template>
+            </div>
+          </div>
+        </div>
+      </ng-template>
+    </div>
+
+    <ng-template #virtualDetailsTpl>
+      <div class="virtual-track-layout">
+        <section class="labelled-box virtual-resolution-panel">
+          <div class="content no-label">
+            <div class="card-header member-list virtual-resolution-header">
+              <h3 class="view-color">Composition Resolution</h3>
+              <span *ngIf="virtualResolvedAt" class="text-deemphasis">
+                Resolved at:
+                {{ virtualResolvedAt | date: 'MMM d, y, h:mm:ss a' }}
+              </span>
+            </div>
+
+            <mat-divider></mat-divider>
+
+            <div class="virtual-resolution-table">
+              <table>
+                <colgroup>
+                  <col class="virtual-resolution-component-col" />
+                  <col class="virtual-resolution-strategy-col" />
+                  <col class="virtual-resolution-version-col" />
+                  <col class="virtual-resolution-count-col" />
+                  <col class="virtual-resolution-count-col" />
+                  <col class="virtual-resolution-count-col" />
+                </colgroup>
+                <thead>
+                  <tr>
+                    <th>Component Track</th>
+                    <th>Strategy</th>
+                    <th>Resolved Version</th>
+                    <th>Candidates</th>
+                    <th>Staged</th>
+                    <th>Members</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr *ngIf="!virtualResolutionRows.length">
+                    <td colspan="6" class="virtual-empty-cell">
+                      No component tracks configured.
+                    </td>
+                  </tr>
+                  <tr
+                    *ngFor="
+                      let row of virtualResolutionRows;
+                      trackBy: trackByVirtualResolutionRow
+                    "
+                    class="virtual-resolution-row clickable-row"
+                    role="button"
+                    tabindex="0"
+                    (click)="onOpenComponentTrack(row)"
+                    (keydown.enter)="onOpenComponentTrack(row)"
+                    (keydown.space)="
+                      onOpenComponentTrack(row); $event.preventDefault()
+                    ">
+                    <td>
+                      <strong>{{ row.trackName }}</strong>
+                      <span class="component-track-id">{{ row.trackId }}</span>
+                    </td>
+                    <td>{{ formatConfigOption(row.strategy) }}</td>
+                    <td>
+                      <strong class="view-color">
+                        {{ getVirtualResolvedVersion(row) }}
+                      </strong>
+                    </td>
+                    <td>
+                      <strong>{{
+                        getVirtualTierCount(row.candidatesCount)
+                      }}</strong>
+                    </td>
+                    <td>
+                      <strong>{{
+                        getVirtualTierCount(row.stagedCount)
+                      }}</strong>
+                    </td>
+                    <td>
+                      <strong>{{
+                        getVirtualTierCount(row.membersCount)
+                      }}</strong>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </section>
+
+        <div class="virtual-object-panels">
+          <section class="labelled-box virtual-object-panel">
+            <div class="content no-label">
+              <div class="card-header member-list">
+                <h3>Members ({{ members.length || 0 }})</h3>
+              </div>
+
+              <mat-divider></mat-divider>
+
+              <div class="virtual-object-list">
+                <div *ngIf="!members.length" class="empty-state">
+                  No member objects.
+                </div>
+
+                <article
+                  *ngFor="let item of members; trackBy: trackByObjectRef"
+                  class="virtual-object-row">
+                  <div>
+                    <h4>{{ getVirtualObjectTitle(item) }}</h4>
+                    <p>{{ getVirtualObjectSubtitle(item) }}</p>
                   </div>
+                  <button
+                    mat-stroked-button
+                    type="button"
+                    (click)="onView(item.object_ref)">
+                    View
+                    <mat-icon>open_in_new</mat-icon>
+                  </button>
+                </article>
+              </div>
+            </div>
+          </section>
+
+          <section class="labelled-box virtual-object-panel">
+            <div class="content no-label">
+              <div class="card-header member-list">
+                <h3 class="quarantine-color">
+                  Quarantine ({{ quarantineObjects.length || 0 }})
+                </h3>
+              </div>
+
+              <mat-divider></mat-divider>
+
+              <div class="virtual-object-list">
+                <div *ngIf="!quarantineObjects.length" class="empty-state">
+                  No quarantined objects.
                 </div>
+
+                <article
+                  *ngFor="
+                    let item of quarantineObjects;
+                    trackBy: trackByObjectRef
+                  "
+                  class="virtual-object-row">
+                  <div>
+                    <h4>{{ getVirtualObjectTitle(item) }}</h4>
+                    <p>{{ getVirtualObjectSubtitle(item) }}</p>
+                  </div>
+                  <button
+                    *ngIf="item.object_ref"
+                    mat-stroked-button
+                    type="button"
+                    (click)="onView(item.object_ref)">
+                    View
+                    <mat-icon>open_in_new</mat-icon>
+                  </button>
+                </article>
               </div>
-            </ng-template>
-          </div>
+            </div>
+          </section>
         </div>
       </div>
-    </div>
+    </ng-template>
   </ng-template>
 
   <ng-template #memberTpl let-item let-lane="lane">
@@ -392,327 +724,624 @@ <h3 [class.promote-color]="item.isTagged">
       </div>
 
       <form [formGroup]="configForm" class="config-card-list">
-        <section class="labelled-box config-card">
-          <div class="content no-label">
-            <h3>Promotion Policy</h3>
-
-            <div class="config-row">
-              <div class="config-copy">
-                <div class="config-label">Auto-promote Candidates</div>
-                <p>
-                  Automatically promote candidates to Staged when they meet the
-                  configured workflow threshold.
-                </p>
-              </div>
-              <ng-container *ngIf="isEditingConfig; else autoPromoteStatus">
-                <mat-slide-toggle
-                  aria-label="Auto-promote candidates"
-                  formControlName="autoPromote"></mat-slide-toggle>
-              </ng-container>
-              <ng-template #autoPromoteStatus>
-                <span
-                  class="config-state"
-                  [class.config-state-on]="
-                    configForm.get('autoPromote')?.value
-                  ">
-                  {{ configForm.get('autoPromote')?.value ? 'ON' : 'OFF' }}
+        <ng-container *ngIf="isVirtualReleaseTrack; else standardConfigTpl">
+          <section class="labelled-box config-card">
+            <div class="content no-label">
+              <h3>Composition</h3>
+
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Component Tracks</div>
+                  <p>
+                    Standard release tracks resolved into this virtual track.
+                  </p>
+                </div>
+                <span class="config-value">
+                  {{ displayedVirtualConfigComponentTracks.length }}
                 </span>
-              </ng-template>
-            </div>
+              </div>
 
-            <mat-divider></mat-divider>
+              <mat-divider></mat-divider>
 
-            <div
-              class="config-row"
-              [class.config-row-disabled]="
-                !configForm.get('autoPromote')?.value
-              ">
-              <div class="config-copy">
-                <div class="config-label">Candidacy Threshold</div>
-                <p>
-                  Defines the minimum workflow state required for a candidate to
-                  be promoted to Staged.
-                </p>
-              </div>
-              <ng-container *ngIf="isEditingConfig; else thresholdValue">
-                <mat-form-field appearance="outline" class="config-field">
-                  <mat-label>Candidacy Threshold</mat-label>
-                  <mat-select formControlName="candidacyThreshold">
+              <div
+                *ngIf="isEditingConfig"
+                class="virtual-component-track-picker">
+                <mat-form-field appearance="outline">
+                  <mat-label>Add component track</mat-label>
+                  <input
+                    matInput
+                    type="text"
+                    formControlName="virtualComponentTrackSearch"
+                    [matAutocomplete]="virtualComponentTrackAutocomplete"
+                    placeholder="Search standard tracks" />
+                  <mat-icon matSuffix>arrow_drop_down</mat-icon>
+                  <mat-autocomplete
+                    #virtualComponentTrackAutocomplete="matAutocomplete"
+                    class="virtual-component-track-autocomplete"
+                    [displayWith]="displayVirtualComponentTrackOption"
+                    (optionSelected)="selectVirtualComponentTrack($event)">
+                    <mat-option
+                      *ngFor="let track of filteredVirtualComponentTrackOptions"
+                      [value]="track">
+                      <span class="component-track-option-label">
+                        <span class="component-track-option-name">
+                          {{ track.name }}
+                        </span>
+                        <span class="component-track-option-meta">
+                          ({{ getVirtualComponentTrackSnapshotLabel(track) }})
+                        </span>
+                      </span>
+                    </mat-option>
                     <mat-option
-                      *ngFor="let option of candidacyOptions"
-                      [value]="option">
-                      {{ formatConfigOption(option) }}
+                      *ngIf="!filteredVirtualComponentTrackOptions.length"
+                      disabled>
+                      No matching standard tracks
                     </mat-option>
-                  </mat-select>
+                  </mat-autocomplete>
+                  <mat-hint>
+                    Select one or more standard tracks to include in this
+                    virtual track.
+                  </mat-hint>
                 </mat-form-field>
-              </ng-container>
-              <ng-template #thresholdValue>
-                <span
-                  class="config-value"
-                  [class.config-value-disabled]="
-                    !configForm.get('autoPromote')?.value
+              </div>
+
+              <div
+                *ngIf="
+                  displayedVirtualConfigComponentTracks.length;
+                  else noComponentTracks
+                "
+                class="config-component-list">
+                <article
+                  *ngFor="
+                    let track of displayedVirtualConfigComponentTracks;
+                    let componentIndex = index;
+                    trackBy: trackByComponentTrack
+                  "
+                  class="config-component-row"
+                  [class.clickable-row]="!isEditingConfig"
+                  [class.config-component-row-editing]="isEditingConfig"
+                  [attr.role]="!isEditingConfig ? 'button' : null"
+                  [attr.tabindex]="!isEditingConfig ? 0 : null"
+                  (click)="!isEditingConfig && onOpenComponentTrack(track)"
+                  (keydown.enter)="
+                    !isEditingConfig && onOpenComponentTrack(track)
+                  "
+                  (keydown.space)="
+                    !isEditingConfig && onOpenComponentTrack(track);
+                    !isEditingConfig && $event.preventDefault()
                   ">
-                  {{
-                    formatConfigOption(
-                      configForm.get('candidacyThreshold')?.value
-                    )
-                  }}
-                </span>
-              </ng-template>
-            </div>
-          </div>
-        </section>
+                  <div class="config-component-main">
+                    <div class="config-copy">
+                      <div class="config-label">
+                        {{ getComponentTrackLabel(track) }}
+                      </div>
+                      <p class="component-track-id">{{ track.track_id }}</p>
+                      <p
+                        *ngIf="getVirtualComponentTrackDescription(track)"
+                        class="config-component-description">
+                        {{ getVirtualComponentTrackDescription(track) }}
+                      </p>
+                    </div>
+                    <button
+                      *ngIf="isEditingConfig"
+                      mat-icon-button
+                      type="button"
+                      aria-label="Remove component track"
+                      (click)="removeVirtualComponentTrack(track)">
+                      <mat-icon>close</mat-icon>
+                    </button>
+                  </div>
 
-        <section class="labelled-box config-card">
-          <div class="content no-label">
-            <h3>Lifecycle Settings</h3>
-
-            <div class="config-row">
-              <div class="config-copy">
-                <div class="config-label">Member Sync Strategy</div>
-                <p>
-                  Determines if new revisions to existing member objects are
-                  automatically added as candidates.
-                </p>
+                  <div *ngIf="!isEditingConfig" class="config-value-list">
+                    <span class="config-value">
+                      {{ formatConfigOption(track.resolution_strategy) }}
+                    </span>
+                    <span class="config-value">
+                      priority
+                      {{ getVirtualTrackPriority(track, componentIndex) }}
+                    </span>
+                    <span
+                      *ngIf="getComponentTrackFilters(track).length"
+                      class="config-value">
+                      {{ getComponentTrackFilters(track).join(', ') }}
+                    </span>
+                  </div>
+
+                  <mat-form-field
+                    *ngIf="isEditingConfig"
+                    appearance="outline"
+                    class="config-component-filter">
+                    <mat-label>Object type filter</mat-label>
+                    <mat-select
+                      multiple
+                      [value]="getVirtualComponentTrackObjectTypes(track)"
+                      (selectionChange)="
+                        setVirtualComponentTrackObjectTypes(track, $event.value)
+                      ">
+                      <mat-option
+                        *ngFor="let option of virtualObjectTypeOptions"
+                        [value]="option.value">
+                        {{ option.label }}
+                      </mat-option>
+                    </mat-select>
+                    <mat-hint>Leave empty to include all object types</mat-hint>
+                  </mat-form-field>
+                </article>
               </div>
-              <ng-container *ngIf="isEditingConfig; else memberSyncValue">
-                <mat-form-field appearance="outline" class="config-field">
-                  <mat-label>Member Sync Strategy</mat-label>
-                  <mat-select formControlName="memberSyncStrategy">
-                    <mat-option
-                      *ngFor="let option of memberSyncStrategyOptions"
-                      [value]="option">
-                      {{ formatConfigOption(option) }}
-                    </mat-option>
-                  </mat-select>
-                </mat-form-field>
-              </ng-container>
-              <ng-template #memberSyncValue>
-                <span class="config-value">
-                  {{
-                    formatConfigOption(
-                      configForm.get('memberSyncStrategy')?.value
-                    )
-                  }}
-                </span>
+
+              <ng-template #noComponentTracks>
+                <div class="empty-state">No component tracks configured.</div>
               </ng-template>
             </div>
+          </section>
 
-            <mat-divider></mat-divider>
+          <section class="labelled-box config-card">
+            <div class="content no-label">
+              <h3>Object Deduplication</h3>
 
-            <div class="config-row">
-              <div class="config-copy">
-                <div class="config-label">Supplant Behavior</div>
-                <p>
-                  Controls how a new version is handled when the object is
-                  already tracked by this release track.
-                </p>
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Strategy</div>
+                  <p>Determines which object wins when components overlap.</p>
+                </div>
+                <ng-container
+                  *ngIf="isEditingConfig; else virtualDeduplicationValue">
+                  <mat-form-field appearance="outline" class="config-field">
+                    <mat-label>Strategy</mat-label>
+                    <mat-select formControlName="virtualDeduplicationStrategy">
+                      <mat-option
+                        *ngFor="let option of virtualDeduplicationOptions"
+                        [value]="option">
+                        {{ formatConfigOption(option) }}
+                      </mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                </ng-container>
+                <ng-template #virtualDeduplicationValue>
+                  <span class="config-value">
+                    {{
+                      formatConfigOption(
+                        configForm.get('virtualDeduplicationStrategy')?.value
+                      )
+                    }}
+                  </span>
+                </ng-template>
               </div>
-              <ng-container *ngIf="isEditingConfig; else supplantBehaviorValue">
-                <mat-form-field appearance="outline" class="config-field">
-                  <mat-label>Supplant Behavior</mat-label>
-                  <mat-select formControlName="memberSyncSupplantBehavior">
-                    <mat-option
-                      *ngFor="let option of memberSyncBehaviorOptions"
-                      [value]="option">
-                      {{ formatConfigOption(option) }}
-                    </mat-option>
-                  </mat-select>
-                </mat-form-field>
-              </ng-container>
-              <ng-template #supplantBehaviorValue>
-                <span class="config-value">
-                  {{
-                    formatConfigOption(
-                      configForm.get('memberSyncSupplantBehavior')?.value
-                    )
-                  }}
-                </span>
-              </ng-template>
-            </div>
 
-            <mat-divider></mat-divider>
+              <mat-divider></mat-divider>
 
-            <div class="config-row">
-              <div class="config-copy">
-                <div class="config-label">Supplant Status Policy</div>
-                <p>
-                  Sets whether a queued replacement keeps or resets the tracked
-                  workflow status.
-                </p>
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Preferred Tier</div>
+                  <p>
+                    Breaks ties by preferring objects from the selected tier.
+                  </p>
+                </div>
+                <ng-container
+                  *ngIf="isEditingConfig; else virtualTierResolutionValue">
+                  <mat-form-field appearance="outline" class="config-field">
+                    <mat-label>Preferred Tier</mat-label>
+                    <mat-select formControlName="virtualDeduplicationTier">
+                      <mat-option
+                        *ngFor="let option of virtualDeduplicationTierOptions"
+                        [value]="option">
+                        {{ formatConfigOption(option) }}
+                      </mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                </ng-container>
+                <ng-template #virtualTierResolutionValue>
+                  <span class="config-value">
+                    {{
+                      formatConfigOption(
+                        configForm.get('virtualDeduplicationTier')?.value
+                      )
+                    }}
+                  </span>
+                </ng-template>
               </div>
-              <ng-container *ngIf="isEditingConfig; else supplantStatusValue">
-                <mat-form-field appearance="outline" class="config-field">
-                  <mat-label>Supplant Status Policy</mat-label>
-                  <mat-select formControlName="memberSyncSupplantStatusPolicy">
-                    <mat-option
-                      *ngFor="let option of memberSyncStatusPolicyOptions"
-                      [value]="option">
-                      {{ formatConfigOption(option) }}
-                    </mat-option>
-                  </mat-select>
-                </mat-form-field>
-              </ng-container>
-              <ng-template #supplantStatusValue>
+
+              <mat-divider></mat-divider>
+
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Preferred Status</div>
+                  <p>
+                    Breaks ties by preferring objects with the selected workflow
+                    state.
+                  </p>
+                </div>
+                <ng-container
+                  *ngIf="isEditingConfig; else virtualStatusResolutionValue">
+                  <mat-form-field appearance="outline" class="config-field">
+                    <mat-label>Preferred Status</mat-label>
+                    <mat-select formControlName="virtualDeduplicationStatus">
+                      <mat-option
+                        *ngFor="let option of virtualDeduplicationStatusOptions"
+                        [value]="option">
+                        {{ formatConfigOption(option) }}
+                      </mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                </ng-container>
+                <ng-template #virtualStatusResolutionValue>
+                  <span class="config-value">
+                    {{
+                      formatConfigOption(
+                        configForm.get('virtualDeduplicationStatus')?.value
+                      )
+                    }}
+                  </span>
+                </ng-template>
+              </div>
+            </div>
+          </section>
+
+          <section class="labelled-box config-card">
+            <div class="content no-label">
+              <h3>Snapshot Schedule</h3>
+
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Mode</div>
+                  <p>Controls how draft snapshots are scheduled.</p>
+                </div>
                 <span class="config-value">
                   {{
                     formatConfigOption(
-                      configForm.get('memberSyncSupplantStatusPolicy')?.value
+                      configForm.get('virtualSnapshotScheduleMode')?.value
                     )
                   }}
                 </span>
-              </ng-template>
+              </div>
+
+              <mat-divider></mat-divider>
+
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Cron Expression</div>
+                  <p>
+                    UTC cron expression used when the schedule mode is cron.
+                  </p>
+                </div>
+                <span
+                  class="config-value"
+                  [class.config-value-disabled]="
+                    configForm.get('virtualSnapshotScheduleMode')?.value !==
+                    'cron'
+                  ">
+                  {{ getVirtualScheduleValue('cron') }}
+                </span>
+              </div>
             </div>
-          </div>
-        </section>
+          </section>
+        </ng-container>
 
-        <section class="labelled-box config-card">
-          <div class="content no-label">
-            <h3>Conflict Resolution</h3>
-
-            <div class="config-row">
-              <div class="config-copy">
-                <div class="config-label">Candidates to Staged</div>
-                <p>
-                  Decides what happens when a candidate conflicts with another
-                  version already staged.
-                </p>
+        <ng-template #standardConfigTpl>
+          <section class="labelled-box config-card">
+            <div class="content no-label">
+              <h3>Promotion Policy</h3>
+
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Auto-promote Candidates</div>
+                  <p>
+                    Automatically promote candidates to Staged when they meet
+                    the configured workflow threshold.
+                  </p>
+                </div>
+                <ng-container *ngIf="isEditingConfig; else autoPromoteStatus">
+                  <mat-slide-toggle
+                    aria-label="Auto-promote candidates"
+                    formControlName="autoPromote"></mat-slide-toggle>
+                </ng-container>
+                <ng-template #autoPromoteStatus>
+                  <span
+                    class="config-state"
+                    [class.config-state-on]="
+                      configForm.get('autoPromote')?.value
+                    ">
+                    {{ configForm.get('autoPromote')?.value ? 'ON' : 'OFF' }}
+                  </span>
+                </ng-template>
+              </div>
+
+              <mat-divider></mat-divider>
+
+              <div
+                class="config-row"
+                [class.config-row-disabled]="
+                  !configForm.get('autoPromote')?.value
+                ">
+                <div class="config-copy">
+                  <div class="config-label">Candidacy Threshold</div>
+                  <p>
+                    Defines the minimum workflow state required for a candidate
+                    to be promoted to Staged.
+                  </p>
+                </div>
+                <ng-container *ngIf="isEditingConfig; else thresholdValue">
+                  <mat-form-field appearance="outline" class="config-field">
+                    <mat-label>Candidacy Threshold</mat-label>
+                    <mat-select formControlName="candidacyThreshold">
+                      <mat-option
+                        *ngFor="let option of candidacyOptions"
+                        [value]="option">
+                        {{ formatConfigOption(option) }}
+                      </mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                </ng-container>
+                <ng-template #thresholdValue>
+                  <span
+                    class="config-value"
+                    [class.config-value-disabled]="
+                      !configForm.get('autoPromote')?.value
+                    ">
+                    {{
+                      formatConfigOption(
+                        configForm.get('candidacyThreshold')?.value
+                      )
+                    }}
+                  </span>
+                </ng-template>
               </div>
-              <ng-container
-                *ngIf="isEditingConfig; else candidatesConflictValue">
-                <mat-form-field appearance="outline" class="config-field">
-                  <mat-label>Candidates to Staged</mat-label>
-                  <mat-select formControlName="candidatesToStagedConflict">
-                    <mat-option
-                      *ngFor="let option of candidatesToStagedConflictOptions"
-                      [value]="option">
-                      {{ formatConfigOption(option) }}
-                    </mat-option>
-                  </mat-select>
-                </mat-form-field>
-              </ng-container>
-              <ng-template #candidatesConflictValue>
-                <span class="config-value">
-                  {{
-                    formatConfigOption(
-                      configForm.get('candidatesToStagedConflict')?.value
-                    )
-                  }}
-                </span>
-              </ng-template>
             </div>
+          </section>
 
-            <mat-divider></mat-divider>
+          <section class="labelled-box config-card">
+            <div class="content no-label">
+              <h3>Lifecycle Settings</h3>
 
-            <div class="config-row">
-              <div class="config-copy">
-                <div class="config-label">Staged to Members</div>
-                <p>
-                  Decides whether release tagging can continue when staged
-                  objects conflict with released member versions.
-                </p>
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Member Sync Strategy</div>
+                  <p>
+                    Determines if new revisions to existing member objects are
+                    automatically added as candidates.
+                  </p>
+                </div>
+                <ng-container *ngIf="isEditingConfig; else memberSyncValue">
+                  <mat-form-field appearance="outline" class="config-field">
+                    <mat-label>Member Sync Strategy</mat-label>
+                    <mat-select formControlName="memberSyncStrategy">
+                      <mat-option
+                        *ngFor="let option of memberSyncStrategyOptions"
+                        [value]="option">
+                        {{ formatConfigOption(option) }}
+                      </mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                </ng-container>
+                <ng-template #memberSyncValue>
+                  <span class="config-value">
+                    {{
+                      formatConfigOption(
+                        configForm.get('memberSyncStrategy')?.value
+                      )
+                    }}
+                  </span>
+                </ng-template>
+              </div>
+
+              <mat-divider></mat-divider>
+
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Supplant Behavior</div>
+                  <p>
+                    Controls how a new version is handled when the object is
+                    already tracked by this release track.
+                  </p>
+                </div>
+                <ng-container
+                  *ngIf="isEditingConfig; else supplantBehaviorValue">
+                  <mat-form-field appearance="outline" class="config-field">
+                    <mat-label>Supplant Behavior</mat-label>
+                    <mat-select formControlName="memberSyncSupplantBehavior">
+                      <mat-option
+                        *ngFor="let option of memberSyncBehaviorOptions"
+                        [value]="option">
+                        {{ formatConfigOption(option) }}
+                      </mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                </ng-container>
+                <ng-template #supplantBehaviorValue>
+                  <span class="config-value">
+                    {{
+                      formatConfigOption(
+                        configForm.get('memberSyncSupplantBehavior')?.value
+                      )
+                    }}
+                  </span>
+                </ng-template>
+              </div>
+
+              <mat-divider></mat-divider>
+
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Supplant Status Policy</div>
+                  <p>
+                    Sets whether a queued replacement keeps or resets the
+                    tracked workflow status.
+                  </p>
+                </div>
+                <ng-container *ngIf="isEditingConfig; else supplantStatusValue">
+                  <mat-form-field appearance="outline" class="config-field">
+                    <mat-label>Supplant Status Policy</mat-label>
+                    <mat-select
+                      formControlName="memberSyncSupplantStatusPolicy">
+                      <mat-option
+                        *ngFor="let option of memberSyncStatusPolicyOptions"
+                        [value]="option">
+                        {{ formatConfigOption(option) }}
+                      </mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                </ng-container>
+                <ng-template #supplantStatusValue>
+                  <span class="config-value">
+                    {{
+                      formatConfigOption(
+                        configForm.get('memberSyncSupplantStatusPolicy')?.value
+                      )
+                    }}
+                  </span>
+                </ng-template>
               </div>
-              <ng-container *ngIf="isEditingConfig; else stagedConflictValue">
-                <mat-form-field appearance="outline" class="config-field">
-                  <mat-label>Staged to Members</mat-label>
-                  <mat-select formControlName="stagedToMembersConflict">
-                    <mat-option
-                      *ngFor="let option of stagedToMembersConflictOptions"
-                      [value]="option">
-                      {{ formatConfigOption(option) }}
-                    </mat-option>
-                  </mat-select>
-                </mat-form-field>
-              </ng-container>
-              <ng-template #stagedConflictValue>
-                <span class="config-value">
-                  {{
-                    formatConfigOption(
-                      configForm.get('stagedToMembersConflict')?.value
-                    )
-                  }}
-                </span>
-              </ng-template>
             </div>
-          </div>
-        </section>
+          </section>
 
-        <section class="labelled-box config-card">
-          <div class="content no-label">
-            <h3>Secondary Objects</h3>
-
-            <div class="config-row">
-              <div class="config-copy">
-                <div class="config-label">Include Secondary Objects</div>
-                <p>
-                  Includes supporting objects when they meet the configured
-                  workflow state threshold.
-                </p>
+          <section class="labelled-box config-card">
+            <div class="content no-label">
+              <h3>Conflict Resolution</h3>
+
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Candidates to Staged</div>
+                  <p>
+                    Decides what happens when a candidate conflicts with another
+                    version already staged.
+                  </p>
+                </div>
+                <ng-container
+                  *ngIf="isEditingConfig; else candidatesConflictValue">
+                  <mat-form-field appearance="outline" class="config-field">
+                    <mat-label>Candidates to Staged</mat-label>
+                    <mat-select formControlName="candidatesToStagedConflict">
+                      <mat-option
+                        *ngFor="let option of candidatesToStagedConflictOptions"
+                        [value]="option">
+                        {{ formatConfigOption(option) }}
+                      </mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                </ng-container>
+                <ng-template #candidatesConflictValue>
+                  <span class="config-value">
+                    {{
+                      formatConfigOption(
+                        configForm.get('candidatesToStagedConflict')?.value
+                      )
+                    }}
+                  </span>
+                </ng-template>
+              </div>
+
+              <mat-divider></mat-divider>
+
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Staged to Members</div>
+                  <p>
+                    Decides whether release tagging can continue when staged
+                    objects conflict with released member versions.
+                  </p>
+                </div>
+                <ng-container *ngIf="isEditingConfig; else stagedConflictValue">
+                  <mat-form-field appearance="outline" class="config-field">
+                    <mat-label>Staged to Members</mat-label>
+                    <mat-select formControlName="stagedToMembersConflict">
+                      <mat-option
+                        *ngFor="let option of stagedToMembersConflictOptions"
+                        [value]="option">
+                        {{ formatConfigOption(option) }}
+                      </mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                </ng-container>
+                <ng-template #stagedConflictValue>
+                  <span class="config-value">
+                    {{
+                      formatConfigOption(
+                        configForm.get('stagedToMembersConflict')?.value
+                      )
+                    }}
+                  </span>
+                </ng-template>
               </div>
-              <ng-container
-                *ngIf="isEditingConfig; else secondaryObjectsStatus">
-                <mat-slide-toggle
-                  aria-label="Include secondary objects"
-                  formControlName="includeSecondaryObjects"></mat-slide-toggle>
-              </ng-container>
-              <ng-template #secondaryObjectsStatus>
-                <span
-                  class="config-state"
-                  [class.config-state-on]="
-                    configForm.get('includeSecondaryObjects')?.value
-                  ">
-                  {{
-                    configForm.get('includeSecondaryObjects')?.value
-                      ? 'ON'
-                      : 'OFF'
-                  }}
-                </span>
-              </ng-template>
             </div>
+          </section>
 
-            <mat-divider></mat-divider>
+          <section class="labelled-box config-card">
+            <div class="content no-label">
+              <h3>Secondary Objects</h3>
 
-            <div
-              class="config-row"
-              [class.config-row-disabled]="
-                !configForm.get('includeSecondaryObjects')?.value
-              ">
-              <div class="config-copy">
-                <div class="config-label">Secondary Object Threshold</div>
-                <p>
-                  Defines the minimum workflow state for automatically included
-                  supporting objects.
-                </p>
+              <div class="config-row">
+                <div class="config-copy">
+                  <div class="config-label">Include Secondary Objects</div>
+                  <p>
+                    Includes supporting objects when they meet the configured
+                    workflow state threshold.
+                  </p>
+                </div>
+                <ng-container
+                  *ngIf="isEditingConfig; else secondaryObjectsStatus">
+                  <mat-slide-toggle
+                    aria-label="Include secondary objects"
+                    formControlName="includeSecondaryObjects"></mat-slide-toggle>
+                </ng-container>
+                <ng-template #secondaryObjectsStatus>
+                  <span
+                    class="config-state"
+                    [class.config-state-on]="
+                      configForm.get('includeSecondaryObjects')?.value
+                    ">
+                    {{
+                      configForm.get('includeSecondaryObjects')?.value
+                        ? 'ON'
+                        : 'OFF'
+                    }}
+                  </span>
+                </ng-template>
+              </div>
+
+              <mat-divider></mat-divider>
+
+              <div
+                class="config-row"
+                [class.config-row-disabled]="
+                  !configForm.get('includeSecondaryObjects')?.value
+                ">
+                <div class="config-copy">
+                  <div class="config-label">Secondary Object Threshold</div>
+                  <p>
+                    Defines the minimum workflow state for automatically
+                    included supporting objects.
+                  </p>
+                </div>
+                <ng-container
+                  *ngIf="isEditingConfig; else secondaryThresholdValue">
+                  <mat-form-field appearance="outline" class="config-field">
+                    <mat-label>Secondary Object Threshold</mat-label>
+                    <mat-select formControlName="secondaryObjectThreshold">
+                      <mat-option
+                        *ngFor="let option of candidacyOptions"
+                        [value]="option">
+                        {{ formatConfigOption(option) }}
+                      </mat-option>
+                    </mat-select>
+                  </mat-form-field>
+                </ng-container>
+                <ng-template #secondaryThresholdValue>
+                  <span
+                    class="config-value"
+                    [class.config-value-disabled]="
+                      !configForm.get('includeSecondaryObjects')?.value
+                    ">
+                    {{
+                      formatConfigOption(
+                        configForm.get('secondaryObjectThreshold')?.value
+                      )
+                    }}
+                  </span>
+                </ng-template>
               </div>
-              <ng-container
-                *ngIf="isEditingConfig; else secondaryThresholdValue">
-                <mat-form-field appearance="outline" class="config-field">
-                  <mat-label>Secondary Object Threshold</mat-label>
-                  <mat-select formControlName="secondaryObjectThreshold">
-                    <mat-option
-                      *ngFor="let option of candidacyOptions"
-                      [value]="option">
-                      {{ formatConfigOption(option) }}
-                    </mat-option>
-                  </mat-select>
-                </mat-form-field>
-              </ng-container>
-              <ng-template #secondaryThresholdValue>
-                <span
-                  class="config-value"
-                  [class.config-value-disabled]="
-                    !configForm.get('includeSecondaryObjects')?.value
-                  ">
-                  {{
-                    formatConfigOption(
-                      configForm.get('secondaryObjectThreshold')?.value
-                    )
-                  }}
-                </span>
-              </ng-template>
             </div>
-          </div>
-        </section>
+          </section>
+        </ng-template>
       </form>
     </div>
   </ng-template>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index 3a376de1c..d6b4daf18 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -22,6 +22,9 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
   .demote-color {
     color: $awaiting-review-color;
   }
+  .quarantine-color {
+    color: colors.color(error);
+  }
 
   .release-track-header {
     display: flex;
@@ -120,6 +123,145 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     }
   }
 
+  .config-component-list {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .virtual-component-track-picker {
+    width: 100%;
+    margin-bottom: 18px;
+
+    .mat-mdc-form-field {
+      width: 100%;
+    }
+
+    .mat-mdc-form-field-subscript-wrapper {
+      min-height: 20px;
+    }
+  }
+
+  .config-component-row {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 16px;
+    box-sizing: border-box;
+    border: 1px solid;
+    border-radius: 4px;
+    padding: 12px;
+
+    .dark & {
+      border-color: colors.border-color(dark);
+      background: rgba(colors.color(mitre-silver), 0.025);
+    }
+
+    .light & {
+      border-color: colors.border-color(light);
+      background: rgba(colors.color(mitre-black), 0.014);
+    }
+  }
+
+  .config-component-row-editing {
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .config-component-main {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 12px;
+    width: 100%;
+
+    > .config-copy {
+      flex: 1 1 auto;
+    }
+
+    button {
+      flex: 0 0 auto;
+      width: 32px;
+      height: 32px;
+      padding: 0;
+    }
+  }
+
+  .config-component-description {
+    margin-top: 8px !important;
+  }
+
+  .config-component-filter {
+    width: 100%;
+
+    .mat-mdc-form-field-subscript-wrapper {
+      min-height: 20px;
+    }
+  }
+
+  .config-value-list {
+    display: flex;
+    flex: 0 0 auto;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 6px;
+    max-width: 36%;
+  }
+
+  .component-track-id {
+    margin-top: 3px;
+    overflow-wrap: normal;
+    font-family:
+      Roboto Mono,
+      monospace;
+    font-size: 11px;
+    font-weight: 400;
+    line-height: 15px;
+    white-space: nowrap;
+
+    .dark & {
+      color: color.mix(
+        colors.on-color-deemphasis(dark),
+        colors.color(dark),
+        72%
+      );
+    }
+
+    .light & {
+      color: color.mix(
+        colors.on-color-deemphasis(light),
+        colors.color(light),
+        76%
+      );
+    }
+  }
+
+  .component-track-option-label {
+    display: inline-flex;
+    align-items: baseline;
+    gap: 4px;
+    min-width: 0;
+  }
+
+  .component-track-option-name {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .component-track-option-meta {
+    flex: 0 0 auto;
+    font-size: 0.82em;
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+    }
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+    }
+  }
+
   .config-row-disabled {
     .config-label,
     .config-copy p,
@@ -255,6 +397,24 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     }
   }
 
+  .clickable-row {
+    cursor: pointer;
+    transition: background-color 120ms ease;
+
+    &:focus-visible {
+      outline: 2px solid colors.color(secondary);
+      outline-offset: 2px;
+    }
+
+    .dark &:hover {
+      background: rgba(colors.color(secondary), 0.1);
+    }
+
+    .light &:hover {
+      background: rgba(colors.color(secondary), 0.055);
+    }
+  }
+
   .config-field {
     width: min(100%, 320px);
   }
@@ -439,6 +599,261 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     color: color.mix(colors.color(spark-yellow), colors.color(warn), 72%);
   }
 
+  .virtual-track-layout {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    height: calc(100dvh - 148px);
+    min-height: 0;
+  }
+
+  .virtual-resolution-table,
+  .virtual-object-panel,
+  .virtual-component-row,
+  .virtual-stat,
+  .config-component-row,
+  .empty-state {
+    .dark & {
+      border-color: colors.border-color(dark);
+    }
+
+    .light & {
+      border-color: colors.border-color(light);
+    }
+  }
+
+  .labelled-box.virtual-resolution-panel > .content,
+  .labelled-box.virtual-object-panel > .content {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    min-height: 0;
+    padding: 14px 12px 16px;
+    overflow: hidden;
+  }
+
+  .virtual-resolution-panel {
+    flex: 0 0 auto;
+  }
+
+  .virtual-resolution-header {
+    align-items: flex-start !important;
+
+    h3 {
+      min-width: 0;
+    }
+
+    .text-deemphasis {
+      flex: 0 0 auto;
+      font-size: 12px;
+      line-height: 18px;
+      text-align: right;
+    }
+  }
+
+  .virtual-resolution-table {
+    margin-top: 12px;
+    overflow-x: auto;
+
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      min-width: 820px;
+      table-layout: fixed;
+    }
+
+    .virtual-resolution-component-col {
+      width: 46%;
+    }
+
+    .virtual-resolution-strategy-col {
+      width: 17%;
+    }
+
+    .virtual-resolution-version-col {
+      width: 13%;
+    }
+
+    .virtual-resolution-count-col {
+      width: 8%;
+    }
+
+    th,
+    td {
+      padding: 10px 12px;
+      text-align: left;
+      vertical-align: middle;
+    }
+
+    th:nth-child(n + 4),
+    td:nth-child(n + 4) {
+      text-align: center;
+      white-space: nowrap;
+    }
+
+    .virtual-resolution-row {
+      &:focus-visible {
+        outline: 2px solid colors.color(secondary);
+        outline-offset: -3px;
+      }
+
+      .dark &:hover td {
+        background: rgba(colors.color(secondary), 0.1);
+      }
+
+      .light &:hover td {
+        background: rgba(colors.color(secondary), 0.055);
+      }
+    }
+
+    th {
+      font-family:
+        Roboto Condensed,
+        Arial,
+        sans-serif;
+      font-size: 13px;
+      font-weight: 700;
+      line-height: 18px;
+      text-transform: uppercase;
+
+      .dark & {
+        color: colors.on-color-deemphasis(dark);
+        background: rgba(colors.color(mitre-silver), 0.035);
+      }
+
+      .light & {
+        color: colors.on-color-deemphasis(light);
+        background: rgba(colors.color(mitre-black), 0.018);
+      }
+    }
+
+    td {
+      border-top: 1px solid;
+      font-size: 14px;
+      line-height: 20px;
+
+      .dark & {
+        border-color: colors.border-color(dark);
+      }
+
+      .light & {
+        border-color: colors.border-color(light);
+      }
+
+      strong,
+      span {
+        display: block;
+      }
+
+      span {
+        margin-top: 2px;
+        font-size: 12px;
+        line-height: 16px;
+
+        .dark & {
+          color: colors.on-color-deemphasis(dark);
+        }
+
+        .light & {
+          color: colors.on-color-deemphasis(light);
+        }
+      }
+    }
+  }
+
+  .virtual-empty-cell {
+    height: 64px;
+    text-align: center !important;
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+    }
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+    }
+  }
+
+  .virtual-object-panels {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    gap: 16px;
+    flex: 1 1 auto;
+    min-height: 0;
+  }
+
+  .virtual-object-panel {
+    min-height: 0;
+  }
+
+  .virtual-object-list {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    gap: 12px;
+    min-height: 0;
+    padding-top: 12px;
+    overflow-y: auto;
+    padding-right: 4px;
+    scrollbar-gutter: stable;
+  }
+
+  .virtual-object-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    border: 1px solid;
+    border-radius: 4px;
+    padding: 12px;
+
+    .dark & {
+      border-color: colors.border-color(dark);
+      background: rgba(colors.color(mitre-silver), 0.025);
+    }
+
+    .light & {
+      border-color: colors.border-color(light);
+      background: rgba(colors.color(mitre-black), 0.014);
+    }
+
+    h4 {
+      margin: 0;
+      font-size: 15px;
+      font-weight: 800;
+      line-height: 20px;
+    }
+
+    p {
+      margin: 4px 0 0;
+      font-size: 12px;
+      line-height: 16px;
+
+      .dark & {
+        color: colors.on-color-deemphasis(dark);
+      }
+
+      .light & {
+        color: colors.on-color-deemphasis(light);
+      }
+    }
+
+    button {
+      flex: 0 0 auto;
+      height: 32px;
+      min-width: 0;
+      padding: 0 10px;
+
+      .mat-icon {
+        width: 18px;
+        height: 18px;
+        margin-left: 4px;
+        font-size: 18px;
+        line-height: 18px;
+      }
+    }
+  }
+
   .release-track-board {
     display: flex;
     flex-direction: column;
@@ -632,6 +1047,143 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     min-height: 0;
   }
 
+  .virtual-track-workspace {
+    display: grid;
+    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.15fr) minmax(
+        280px,
+        0.7fr
+      );
+    gap: 16px;
+    flex: 1 1 auto;
+    min-height: 0;
+  }
+
+  .virtual-track-card {
+    min-height: 0;
+
+    > .content {
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+      height: 100%;
+      padding: 14px 12px 16px;
+    }
+  }
+
+  .virtual-card-body {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    min-height: 0;
+    padding-top: 12px;
+    overflow-y: auto;
+    scrollbar-gutter: stable;
+  }
+
+  .virtual-component-row {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 14px;
+    border: 1px solid;
+    border-radius: 4px;
+    padding: 12px;
+
+    > div:first-child {
+      flex: 1 1 auto;
+      min-width: 0;
+    }
+
+    .light & {
+      border-color: colors.border-color(light);
+      background: rgba(colors.color(mitre-black), 0.014);
+    }
+
+    .dark & {
+      border-color: colors.border-color(dark);
+      background: rgba(colors.color(mitre-silver), 0.025);
+    }
+
+    h4 {
+      margin: 0;
+      font-size: 15px;
+      line-height: 20px;
+    }
+
+    p {
+      margin: 4px 0 0;
+      overflow-wrap: anywhere;
+      font-size: 12px;
+      line-height: 16px;
+
+      .light & {
+        color: colors.on-color-deemphasis(light);
+      }
+
+      .dark & {
+        color: colors.on-color-deemphasis(dark);
+      }
+    }
+  }
+
+  .virtual-component-meta {
+    display: flex;
+    flex: 0 0 auto;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 6px;
+    max-width: 36%;
+  }
+
+  .virtual-resolution-stats {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 10px;
+    overflow: visible;
+  }
+
+  .virtual-stat {
+    border: 1px solid;
+    border-radius: 4px;
+    padding: 12px;
+    text-align: center;
+
+    .light & {
+      border-color: colors.border-color(light);
+      background: rgba(colors.color(mitre-black), 0.014);
+    }
+
+    .dark & {
+      border-color: colors.border-color(dark);
+      background: rgba(colors.color(mitre-silver), 0.025);
+    }
+
+    strong {
+      display: block;
+      font-size: 28px;
+      font-weight: 800;
+      line-height: 32px;
+    }
+
+    span {
+      display: block;
+      margin-top: 2px;
+      font-size: 11px;
+      font-weight: 700;
+      letter-spacing: 0.08em;
+      line-height: 16px;
+      text-transform: uppercase;
+
+      .light & {
+        color: colors.on-color-deemphasis(light);
+      }
+
+      .dark & {
+        color: colors.on-color-deemphasis(dark);
+      }
+    }
+  }
+
   .release-column {
     display: flex;
     flex: 1 1 0;
@@ -827,7 +1379,8 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
   }
 
   @media (max-width: 960px) {
-    .release-track-board {
+    .release-track-board,
+    .virtual-track-layout {
       height: auto;
     }
 
@@ -839,6 +1392,14 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
       flex-basis: calc(50% - 8px);
     }
 
+    .virtual-track-workspace {
+      grid-template-columns: 1fr;
+    }
+
+    .virtual-object-panels {
+      grid-template-columns: 1fr;
+    }
+
     .summary-frame > .summary-overview.content {
       grid-template-columns: 1fr;
     }
@@ -894,6 +1455,22 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
       grid-template-columns: 1fr;
     }
 
+    .virtual-resolution-header {
+      flex-direction: column;
+
+      .text-deemphasis {
+        text-align: left;
+      }
+    }
+
+    .virtual-resolution-table {
+      overflow-x: auto;
+
+      table {
+        min-width: 720px;
+      }
+    }
+
     .summary-metric {
       & + .summary-metric {
         .light &,
@@ -959,5 +1536,48 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
         margin-left: 0;
       }
     }
+
+    .config-component-row {
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    .config-value-list {
+      justify-content: flex-start;
+      max-width: none;
+    }
+
+    .component-track-id {
+      overflow-wrap: anywhere;
+      white-space: normal;
+    }
+  }
+}
+
+::ng-deep .virtual-component-track-autocomplete {
+  .component-track-option-label {
+    display: inline-flex;
+    align-items: baseline;
+    gap: 4px;
+    min-width: 0;
+  }
+
+  .component-track-option-name {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .component-track-option-meta {
+    flex: 0 0 auto;
+    font-size: 0.82em;
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+    }
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+    }
   }
 }
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 53cd46063..e50126602 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -18,10 +18,13 @@ import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.com
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import {
   ConflictPolicy,
+  DeduplicationStrategy,
   MemberSyncBehavior,
   MemberSyncPolicy,
   MemberSyncStrategy,
   ReleaseTrackType,
+  SnapshotScheduleMode,
+  SnapshotTier,
 } from 'src/app/classes/release-tracks';
 
 describe('ReleaseTrackPageComponent', () => {
@@ -30,19 +33,23 @@ describe('ReleaseTrackPageComponent', () => {
   let mockReleaseTrackApiConnector: any;
   let mockDialog: any;
   let mockRestApiConnector: any;
+  let mockRouter: any;
 
   beforeEach(async () => {
     mockReleaseTrackApiConnector = createMockReleaseTrackApiConnector({
       getLatestSnapshot: vi.fn(() => createAsyncObservable(null)),
+      listReleaseTracks: vi.fn(() => createAsyncObservable({ data: [] })),
       listSnapshots: vi.fn(() => createAsyncObservable([])),
       exportLatestSnapshot: vi.fn(() => createAsyncObservable({})),
       exportSnapshotByModified: vi.fn(() => createAsyncObservable({})),
       retrieveSnapshotByModified: vi.fn(() => createAsyncObservable(null)),
+      previewVirtualSnapshot: vi.fn(() => createAsyncObservable({})),
       createVirtualSnapshot: vi.fn(() => createAsyncObservable({})),
       previewBump: vi.fn(() => createAsyncObservable({})),
       bumpByLatest: vi.fn(() => createAsyncObservable({})),
       getConfig: vi.fn(() => createAsyncObservable(null)),
       updateConfig: vi.fn(() => createAsyncObservable({})),
+      updateComposition: vi.fn(() => createAsyncObservable({})),
       reviewCandidates: vi.fn(() => createAsyncObservable({})),
       updateMetadataByLatest: vi.fn(() => createAsyncObservable({})),
       addCandidates: vi.fn(() => createAsyncObservable({})),
@@ -59,7 +66,7 @@ describe('ReleaseTrackPageComponent', () => {
     const mockBreadcrumbService = {
       changeBreadcrumb: vi.fn(),
     };
-    const mockRouter = {
+    mockRouter = {
       navigate: vi.fn(),
     };
 
@@ -179,6 +186,176 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.releaseTrack?.name).toBe('Enterprise Release');
   });
 
+  it('should expose virtual release track composition and resolution details', () => {
+    component.releaseTrack = {
+      type: ReleaseTrackType.Virtual,
+      composition: {
+        component_tracks: [
+          {
+            track_id: 'release-track--component-one',
+            resolution_strategy: 'latest_tagged',
+            priority: 0,
+            filters: {
+              object_types: ['attack-pattern'],
+            },
+          },
+          {
+            track_id: 'release-track--component-two',
+            resolution_strategy: 'latest_tagged',
+            priority: 1,
+          },
+        ],
+      },
+      composition_resolution: {
+        component_snapshots: [
+          {
+            track_id: 'release-track--component-one',
+            track_name: 'Resolved Component One',
+            resolved_version: '1.0',
+            objects_contributed: 8,
+            objects_after_filter: 8,
+          },
+          {
+            track_id: 'release-track--component-two',
+            track_name: 'Component Two',
+            resolved_version: '2.0',
+            objects_contributed: 12,
+            objects_after_filter: 12,
+          },
+        ],
+        summary: {
+          total_objects: 20,
+        },
+        deduplication: {
+          duplicates_found: 2,
+          conflicts_resolved: [{ object_ref: 'attack-pattern--one' }],
+        },
+      },
+      members: [
+        {
+          object_ref: 'x-mitre-collection--enterprise',
+          object_modified: '2026-01-01T00:00:00.000Z',
+          attack_id: 'NX0001',
+          name: 'Enterprise ATT&CK',
+        },
+      ],
+      quarantine: [{ object_ref: 'attack-pattern--quarantined' }],
+    } as any;
+    (component as any).virtualComponentTrackSummaries = new Map([
+      [
+        'release-track--component-one',
+        {
+          trackId: 'release-track--component-one',
+          name: 'Component One',
+          candidatesCount: 9,
+          stagedCount: 3,
+          membersCount: 72,
+        },
+      ],
+      [
+        'release-track--component-two',
+        {
+          trackId: 'release-track--component-two',
+          name: 'Component Two',
+          candidatesCount: 2,
+          stagedCount: 1,
+          membersCount: 20,
+        },
+      ],
+    ]);
+
+    expect(component.isVirtualReleaseTrack).toBe(true);
+    expect(component.virtualComponentTracks).toHaveLength(2);
+    expect(component.resolvedComponentSnapshots).toHaveLength(2);
+    expect(component.virtualResolvedObjectCount).toBe(20);
+    expect(component.virtualDuplicateCount).toBe(2);
+    expect(component.virtualConflictCount).toBe(1);
+    expect(component.quarantineObjects).toHaveLength(1);
+    expect(
+      component.getComponentTrackLabel(component.virtualComponentTracks[0])
+    ).toBe('Component One');
+    expect(
+      component.getComponentTrackFilters(component.virtualComponentTracks[0])
+    ).toEqual(['attack pattern']);
+    expect(component.virtualResolutionRows[0]).toEqual(
+      expect.objectContaining({
+        trackId: 'release-track--component-one',
+        trackName: 'Component One',
+        strategy: 'latest_tagged',
+        resolvedVersion: '1.0',
+        candidatesCount: 9,
+        stagedCount: 3,
+        membersCount: 72,
+      })
+    );
+    expect(
+      component.getVirtualResolvedVersion(component.virtualResolutionRows[0])
+    ).toBe('v1.0');
+    expect(component.getVirtualTierCount(9)).toBe('9');
+    expect(component.getVirtualObjectTitle(component.members[0])).toBe(
+      'Enterprise ATT&CK'
+    );
+    expect(component.getVirtualObjectSubtitle(component.members[0])).toBe(
+      'NX0001'
+    );
+  });
+
+  it('should load component track summaries alongside a virtual track', () => {
+    mockReleaseTrackApiConnector.getLatestSnapshot.mockReturnValue(
+      of({
+        type: ReleaseTrackType.Virtual,
+        name: 'Virtual Release',
+        composition: {
+          component_tracks: [
+            {
+              track_id: 'release-track--component-one',
+              resolution_strategy: 'latest_tagged',
+            },
+          ],
+        },
+      })
+    );
+    mockReleaseTrackApiConnector.listReleaseTracks.mockReturnValue(
+      of({
+        data: [
+          {
+            track_id: 'release-track--component-one',
+            name: 'Component One',
+            summary: {
+              candidates_count: 9,
+              staged_count: 3,
+              members_count: 72,
+            },
+          },
+        ],
+      })
+    );
+    component.id = 'release-track--virtual';
+
+    component.getReleaseTrack();
+
+    expect(mockReleaseTrackApiConnector.listReleaseTracks).toHaveBeenCalled();
+    expect(component.virtualResolutionRows[0]).toEqual(
+      expect.objectContaining({
+        trackName: 'Component One',
+        candidatesCount: 9,
+        stagedCount: 3,
+        membersCount: 72,
+      })
+    );
+  });
+
+  it('should navigate to a component release track page', () => {
+    component.onOpenComponentTrack({
+      trackId: 'release-track--component-one',
+    });
+
+    expect(mockRouter.navigate).toHaveBeenCalledWith([
+      '/dashboard/release-management',
+      'release-track--component-one',
+    ]);
+  });
+
   it('should load snapshot history and compute timeline counts', () => {
     mockReleaseTrackApiConnector.listSnapshots.mockReturnValue(
       of([
@@ -239,6 +416,24 @@ describe('ReleaseTrackPageComponent', () => {
     const historySpy = vi
       .spyOn(component, 'getSnapshotHistory')
       .mockImplementation(() => undefined);
+    mockReleaseTrackApiConnector.previewVirtualSnapshot.mockReturnValue(
+      of({
+        preview: {
+          would_resolve_to: {
+            total_objects: 20,
+            component_snapshots: [
+              {
+                track_name: 'Component Track',
+                resolved_version: '1.0',
+              },
+            ],
+          },
+        },
+      })
+    );
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('create'),
+    });
     mockReleaseTrackApiConnector.createVirtualSnapshot.mockReturnValue(of({}));
     component.id = 'release-track--123';
     component.releaseTrack = { type: ReleaseTrackType.Virtual } as any;
@@ -246,8 +441,22 @@ describe('ReleaseTrackPageComponent', () => {
     component.onDraft();
 
     expect(
-      mockReleaseTrackApiConnector.createVirtualSnapshot
+      mockReleaseTrackApiConnector.previewVirtualSnapshot
     ).toHaveBeenCalledWith('release-track--123');
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      MultipleChoiceDialogComponent,
+      expect.objectContaining({
+        data: expect.objectContaining({
+          title: 'Create draft snapshot?',
+          description: expect.stringContaining('20 objects'),
+        }),
+      })
+    );
+    expect(
+      mockReleaseTrackApiConnector.createVirtualSnapshot
+    ).toHaveBeenCalledWith('release-track--123', {
+      description: 'Initial virtual snapshot',
+    });
     expect(refreshSpy).toHaveBeenCalled();
     expect(historySpy).toHaveBeenCalled();
     expect(component.isCreatingDraft).toBe(false);
@@ -260,7 +469,7 @@ describe('ReleaseTrackPageComponent', () => {
     component.onDraft();
 
     expect(
-      mockReleaseTrackApiConnector.createVirtualSnapshot
+      mockReleaseTrackApiConnector.previewVirtualSnapshot
     ).not.toHaveBeenCalled();
   });
 
@@ -271,7 +480,7 @@ describe('ReleaseTrackPageComponent', () => {
     component.onDraft();
 
     expect(
-      mockReleaseTrackApiConnector.createVirtualSnapshot
+      mockReleaseTrackApiConnector.previewVirtualSnapshot
     ).not.toHaveBeenCalled();
   });
 
@@ -412,17 +621,19 @@ describe('ReleaseTrackPageComponent', () => {
     expect(mockReleaseTrackApiConnector.getConfig).toHaveBeenCalledWith(
       'release-track--123'
     );
-    expect(component.configForm.getRawValue()).toEqual({
-      autoPromote: false,
-      candidacyThreshold: 'awaiting-review',
-      memberSyncStrategy: 'track_latest',
-      memberSyncSupplantBehavior: 'queue',
-      memberSyncSupplantStatusPolicy: 'reset',
-      candidatesToStagedConflict: 'always_reject',
-      stagedToMembersConflict: 'abort',
-      includeSecondaryObjects: true,
-      secondaryObjectThreshold: 'work-in-progress',
-    });
+    expect(component.configForm.getRawValue()).toEqual(
+      expect.objectContaining({
+        autoPromote: false,
+        candidacyThreshold: 'awaiting-review',
+        memberSyncStrategy: 'track_latest',
+        memberSyncSupplantBehavior: 'queue',
+        memberSyncSupplantStatusPolicy: 'reset',
+        candidatesToStagedConflict: 'always_reject',
+        stagedToMembersConflict: 'abort',
+        includeSecondaryObjects: true,
+        secondaryObjectThreshold: 'work-in-progress',
+      })
+    );
     expect(component.configForm.get('candidacyThreshold')?.disabled).toBe(true);
   });
 
@@ -541,6 +752,178 @@ describe('ReleaseTrackPageComponent', () => {
     ).toBeUndefined();
   });
 
+  it('should load virtual release track config from composition fields', () => {
+    mockReleaseTrackApiConnector.getLatestSnapshot.mockReturnValue(
+      of({
+        type: ReleaseTrackType.Virtual,
+        name: 'Virtual Release',
+        composition: {
+          component_tracks: [
+            {
+              track_id: 'release-track--component-one',
+              resolution_strategy: 'latest_tagged',
+              priority: 0,
+            },
+          ],
+          deduplication: {
+            strategy: DeduplicationStrategy.Quarantine,
+            tier_resolution: SnapshotTier.Staged,
+            status_resolution: 'awaiting-review',
+          },
+        },
+        snapshot_schedule: {
+          mode: SnapshotScheduleMode.Cron,
+          cron: '0 0 1 1,7 *',
+        },
+        config: {},
+      })
+    );
+    component.id = 'release-track--virtual';
+
+    component.getReleaseTrack();
+
+    expect(component.configForm.getRawValue()).toEqual(
+      expect.objectContaining({
+        virtualDeduplicationStrategy: DeduplicationStrategy.Quarantine,
+        virtualDeduplicationTier: SnapshotTier.Staged,
+        virtualDeduplicationStatus: 'awaiting-review',
+        virtualSnapshotScheduleMode: SnapshotScheduleMode.Cron,
+        virtualSnapshotScheduleCron: '0 0 1 1,7 *',
+      })
+    );
+  });
+
+  it('should save virtual release track composition config', () => {
+    const refreshSpy = vi
+      .spyOn(component, 'getReleaseTrack')
+      .mockImplementation(() => undefined);
+    const historySpy = vi
+      .spyOn(component, 'getSnapshotHistory')
+      .mockImplementation(() => undefined);
+    mockReleaseTrackApiConnector.updateComposition.mockReturnValue(of({}));
+    component.id = 'release-track--virtual';
+    component.releaseTrack = {
+      type: ReleaseTrackType.Virtual,
+      composition: {
+        component_tracks: [
+          {
+            track_id: 'release-track--component-one',
+            resolution_strategy: 'latest_tagged',
+          },
+        ],
+        deduplication: {
+          strategy: DeduplicationStrategy.PrioritizeLatestObject,
+        },
+      },
+    } as any;
+    component.configForm.patchValue({
+      virtualDeduplicationStrategy: DeduplicationStrategy.Quarantine,
+      virtualDeduplicationTier: SnapshotTier.Staged,
+      virtualDeduplicationStatus: 'reviewed',
+    });
+    component.onEditConfig();
+    component.configForm.patchValue({
+      virtualDeduplicationStrategy: DeduplicationStrategy.Quarantine,
+      virtualDeduplicationTier: SnapshotTier.Staged,
+      virtualDeduplicationStatus: 'reviewed',
+    });
+
+    component.onSaveConfig();
+
+    expect(mockReleaseTrackApiConnector.updateComposition).toHaveBeenCalledWith(
+      'release-track--virtual',
+      {
+        component_tracks: [
+          {
+            track_id: 'release-track--component-one',
+            resolution_strategy: 'latest_tagged',
+            priority: 0,
+          },
+        ],
+        deduplication: {
+          strategy: DeduplicationStrategy.Quarantine,
+          tier_resolution: SnapshotTier.Staged,
+          status_resolution: 'reviewed',
+        },
+      }
+    );
+    expect(mockReleaseTrackApiConnector.updateConfig).not.toHaveBeenCalled();
+    expect(component.isEditingConfig).toBe(false);
+    expect(refreshSpy).toHaveBeenCalled();
+    expect(historySpy).toHaveBeenCalled();
+  });
+
+  it('should edit virtual release track component tracks', () => {
+    mockReleaseTrackApiConnector.updateComposition.mockReturnValue(of({}));
+    component.id = 'release-track--virtual';
+    component.releaseTrack = {
+      type: ReleaseTrackType.Virtual,
+      composition: {
+        component_tracks: [
+          {
+            track_id: 'release-track--component-one',
+            resolution_strategy: 'latest_tagged',
+            priority: 0,
+          },
+        ],
+      },
+    } as any;
+    component.virtualComponentTrackOptions = [
+      {
+        trackId: 'release-track--component-one',
+        name: 'Component One',
+        description: '',
+        latestTaggedVersion: '1.0',
+        taggedReleaseCount: 1,
+      },
+      {
+        trackId: 'release-track--component-two',
+        name: 'Component Two',
+        description: '',
+        latestTaggedVersion: null,
+        taggedReleaseCount: 0,
+      },
+    ];
+    component.onEditConfig();
+
+    expect(component.filteredVirtualComponentTrackOptions).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--component-two',
+      }),
+    ]);
+
+    component.selectVirtualComponentTrack({
+      option: {
+        value: component.virtualComponentTrackOptions[1],
+      },
+    });
+    component.setVirtualComponentTrackObjectTypes(
+      component.virtualConfigComponentTracks[1],
+      ['attack-pattern']
+    );
+    component.removeVirtualComponentTrack(
+      component.virtualConfigComponentTracks[0]
+    );
+
+    component.onSaveConfig();
+
+    expect(mockReleaseTrackApiConnector.updateComposition).toHaveBeenCalledWith(
+      'release-track--virtual',
+      expect.objectContaining({
+        component_tracks: [
+          {
+            track_id: 'release-track--component-two',
+            resolution_strategy: 'latest_tagged',
+            priority: 0,
+            filters: {
+              object_types: ['attack-pattern'],
+            },
+          },
+        ],
+      })
+    );
+  });
+
   it('should split auto-promotion release tracks into workflow lanes', () => {
     component.releaseTrack = {
       config: { auto_promote: true },
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index fd5b690ff..e5eb8385d 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -1,8 +1,14 @@
+import { SelectionModel } from '@angular/cdk/collections';
 import { Component, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
+import { finalize, take } from 'rxjs/operators';
 import {
   ConflictPolicy,
   ConflictPolicyType,
+  DeduplicationStrategy,
+  DeduplicationStrategyType,
   ExportFormat,
   ExportFormatType,
   MemberSyncBehavior,
@@ -15,24 +21,28 @@ import {
   ReleaseTrackSnapshot,
   ReleaseTrackSnapshotHistoryItem,
   ReleaseTrackType,
+  ResolutionStrategy,
+  SnapshotScheduleMode,
+  SnapshotScheduleModeType,
+  SnapshotTier,
+  SnapshotTierType,
   StixObjectRef,
 } from 'src/app/classes/release-tracks';
+import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
+import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
+import { ReleaseTrackObjectItem } from 'src/app/components/release-track-object-card/release-track-object-card.component';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
-import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
-import { MatDialog } from '@angular/material/dialog';
-import { SelectionModel } from '@angular/cdk/collections';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
-import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
+import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
+import {
+  AttackTypeToPlural,
+  StixTypeToAttackType,
+} from 'src/app/utils/type-mappings';
 import {
   StixType,
   WorkflowStatus,
   WorkflowStatusType,
 } from 'src/app/utils/types';
-import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
-import { finalize, take } from 'rxjs/operators';
-import { FormBuilder, FormGroup } from '@angular/forms';
-import { ReleaseTrackObjectItem } from 'src/app/components/release-track-object-card/release-track-object-card.component';
 import { ALL_OBJECTS_STIX_LIST_CONFIG } from 'src/app/views/stix/all-objects-page/all-objects-page.component';
 
 type ReleaseTrackLaneType = 'candidate' | 'staged' | 'member';
@@ -76,6 +86,60 @@ interface ReleaseTrackConfigFormValue {
   secondaryObjectThreshold: WorkflowStatusType;
 }
 
+interface VirtualReleaseTrackConfigFormValue {
+  virtualDeduplicationStrategy: DeduplicationStrategyType;
+  virtualDeduplicationTier: SnapshotTierType;
+  virtualDeduplicationStatus: WorkflowStatusType;
+  virtualSnapshotScheduleMode: SnapshotScheduleModeType;
+  virtualSnapshotScheduleCron: string;
+}
+
+interface VirtualResolutionRow {
+  trackId: string;
+  trackName: string;
+  strategy: string;
+  resolvedVersion?: string | null;
+  candidatesCount?: number | null;
+  stagedCount?: number | null;
+  membersCount?: number | null;
+}
+
+interface VirtualComponentTrackSummary {
+  trackId: string;
+  name: string;
+  description: string;
+  type: string;
+  latestTaggedVersion: string | null;
+  taggedReleaseCount: number;
+  candidatesCount: number;
+  stagedCount: number;
+  membersCount: number;
+}
+
+interface VirtualComponentTrackOption {
+  trackId: string;
+  name: string;
+  description: string;
+  latestTaggedVersion: string | null;
+  taggedReleaseCount: number;
+}
+
+const VIRTUAL_OBJECT_TYPE_OPTIONS: StixType[] = [
+  'attack-pattern',
+  'campaign',
+  'course-of-action',
+  'intrusion-set',
+  'malware',
+  'tool',
+  'x-mitre-asset',
+  'x-mitre-data-source',
+  'x-mitre-data-component',
+  'x-mitre-detection-strategy',
+  'x-mitre-analytic',
+  'x-mitre-matrix',
+  'x-mitre-tactic',
+];
+
 @Component({
   selector: 'app-release-track-page',
   standalone: false,
@@ -98,6 +162,12 @@ export class ReleaseTrackPageComponent implements OnInit {
   public releaseTrackConfig: ReleaseTrackConfig = {};
   public snapshotHistory: SnapshotHistoryViewModel[] = [];
   public configForm: FormGroup;
+  private virtualComponentTrackSummaries = new Map<
+    string,
+    VirtualComponentTrackSummary
+  >();
+  public virtualComponentTrackOptions: VirtualComponentTrackOption[] = [];
+  public virtualConfigComponentTracks: any[] = [];
 
   public candidacyOptions = Object.values(WorkflowStatus);
   public memberSyncStrategyOptions = Object.values(MemberSyncStrategy);
@@ -107,6 +177,15 @@ export class ReleaseTrackPageComponent implements OnInit {
     ConflictPolicy
   ).filter(policy => policy !== ConflictPolicy.Abort);
   public stagedToMembersConflictOptions = Object.values(ConflictPolicy);
+  public virtualDeduplicationOptions = Object.values(DeduplicationStrategy);
+  public virtualDeduplicationTierOptions = Object.values(SnapshotTier);
+  public virtualDeduplicationStatusOptions = Object.values(WorkflowStatus);
+  public virtualSnapshotScheduleModeOptions =
+    Object.values(SnapshotScheduleMode);
+  public virtualObjectTypeOptions = VIRTUAL_OBJECT_TYPE_OPTIONS.map(type => ({
+    label: this.formatStixType(type),
+    value: type,
+  }));
 
   constructor(
     private connector: ReleaseTracksConnectorService,
@@ -127,6 +206,14 @@ export class ReleaseTrackPageComponent implements OnInit {
       stagedToMembersConflict: [ConflictPolicy.Abort],
       includeSecondaryObjects: [false],
       secondaryObjectThreshold: [WorkflowStatus.Reviewed],
+      virtualDeduplicationStrategy: [
+        DeduplicationStrategy.PrioritizeLatestObject,
+      ],
+      virtualDeduplicationTier: [SnapshotTier.Member],
+      virtualDeduplicationStatus: [WorkflowStatus.Reviewed],
+      virtualSnapshotScheduleMode: [SnapshotScheduleMode.Manual],
+      virtualSnapshotScheduleCron: [''],
+      virtualComponentTrackSearch: [''],
     });
     this.configForm.get('autoPromote')?.valueChanges.subscribe(autoPromote => {
       this.syncCandidacyThresholdControl(!!autoPromote);
@@ -171,6 +258,120 @@ export class ReleaseTrackPageComponent implements OnInit {
     return this.releaseTrack?.members ?? [];
   }
 
+  public get virtualComponentTracks(): any[] {
+    return this.releaseTrack?.composition?.component_tracks ?? [];
+  }
+
+  public get displayedVirtualConfigComponentTracks(): any[] {
+    return this.isEditingConfig
+      ? this.virtualConfigComponentTracks
+      : this.virtualComponentTracks;
+  }
+
+  public get filteredVirtualComponentTrackOptions(): VirtualComponentTrackOption[] {
+    const search = this.getVirtualComponentTrackSearchText();
+    const selectedIds = new Set(
+      this.virtualConfigComponentTracks
+        .map(track => track.track_id)
+        .filter((trackId): trackId is string => !!trackId)
+    );
+
+    return this.virtualComponentTrackOptions
+      .filter(track => !selectedIds.has(track.trackId))
+      .filter(track => this.matchesVirtualComponentTrackSearch(track, search));
+  }
+
+  public get virtualSnapshotSchedule(): any {
+    return (this.releaseTrack as any)?.snapshot_schedule || {};
+  }
+
+  public get resolvedComponentSnapshots(): any[] {
+    return this.releaseTrack?.composition_resolution?.component_snapshots ?? [];
+  }
+
+  public get quarantineObjects(): any[] {
+    return this.releaseTrack?.quarantine ?? [];
+  }
+
+  public get virtualResolvedAt(): Date | null {
+    return this.releaseTrack?.composition_resolution?.resolved_at ?? null;
+  }
+
+  public get virtualResolutionRows(): VirtualResolutionRow[] {
+    if (this.resolvedComponentSnapshots.length) {
+      return this.resolvedComponentSnapshots.map(component => {
+        const configuredTrack = this.virtualComponentTracks.find(
+          track => track.track_id === component.track_id
+        );
+        return {
+          trackId: component.track_id,
+          trackName:
+            this.getComponentTrackSummary(component.track_id)?.name ||
+            component.track_name ||
+            component.track_id,
+          strategy:
+            component.strategy_used ||
+            configuredTrack?.resolution_strategy ||
+            '',
+          resolvedVersion:
+            component.resolved_version ||
+            component.version ||
+            component.version_label ||
+            null,
+          ...this.getVirtualComponentCounts(component.track_id),
+        };
+      });
+    }
+
+    return this.virtualComponentTracks.map(track => ({
+      trackId: track.track_id,
+      trackName: this.getComponentTrackLabel(track),
+      strategy: track.resolution_strategy,
+      resolvedVersion: null,
+      ...this.getVirtualComponentCounts(track.track_id),
+    }));
+  }
+
+  public get virtualResolvedObjectCount(): number {
+    const resolved = this.releaseTrack?.composition_resolution as any;
+    return (
+      this.getResolutionNumber(
+        resolved,
+        'total_objects',
+        'totalObjects',
+        'objects_contributed',
+        'total_objects_after'
+      ) ||
+      this.resolvedComponentSnapshots.reduce(
+        (total, component) =>
+          total + Number(component.objects_contributed || 0),
+        0
+      )
+    );
+  }
+
+  public get virtualDuplicateCount(): number {
+    return this.getResolutionNumber(
+      this.releaseTrack?.composition_resolution as any,
+      'duplicates_found',
+      'duplicates',
+      'duplicate_count'
+    );
+  }
+
+  public get virtualConflictCount(): number {
+    const resolved = this.releaseTrack?.composition_resolution as any;
+    const conflictCount = this.getResolutionNumber(
+      resolved,
+      'conflicts_found',
+      'conflicts',
+      'conflict_count'
+    );
+    if (conflictCount) return conflictCount;
+    const resolvedConflicts = resolved?.deduplication?.conflicts_resolved;
+    return Array.isArray(resolvedConflicts) ? resolvedConflicts.length : 0;
+  }
+
   public get autoPromotionEnabled(): boolean {
     return !!this.releaseTrack?.config?.auto_promote;
   }
@@ -271,8 +472,18 @@ export class ReleaseTrackPageComponent implements OnInit {
             this.releaseTrack.name
           );
 
-          if (!this.isEditingConfig && this.releaseTrack.config) {
-            this.setConfig(this.releaseTrack.config);
+          if (this.isVirtualReleaseTrack) {
+            this.loadVirtualComponentTrackSummaries();
+          } else {
+            this.virtualComponentTrackSummaries.clear();
+          }
+
+          if (!this.isEditingConfig) {
+            if (this.isVirtualReleaseTrack) {
+              this.setVirtualConfig();
+            } else if (this.releaseTrack.config) {
+              this.setConfig(this.releaseTrack.config);
+            }
           }
 
           // this.loadCandidates();
@@ -322,9 +533,13 @@ export class ReleaseTrackPageComponent implements OnInit {
       .subscribe({
         next: config => {
           if (!this.isEditingConfig) {
-            this.setConfig(
-              this.getConfigFromResponse(config, this.releaseTrack?.config)
-            );
+            if (this.isVirtualReleaseTrack) {
+              this.setVirtualConfig();
+            } else {
+              this.setConfig(
+                this.getConfigFromResponse(config, this.releaseTrack?.config)
+              );
+            }
           }
         },
         error: err => {
@@ -565,6 +780,337 @@ export class ReleaseTrackPageComponent implements OnInit {
     return `${item.object_ref}-${item.object_modified || ''}`;
   }
 
+  public trackByComponentTrack(_index: number, track: any): string {
+    return track?.track_id || `${_index}`;
+  }
+
+  public trackByResolvedComponent(_index: number, component: any): string {
+    return component?.track_id || component?.track_name || `${_index}`;
+  }
+
+  public trackByVirtualResolutionRow(
+    _index: number,
+    row: VirtualResolutionRow
+  ): string {
+    return row.trackId || `${_index}`;
+  }
+
+  public onOpenComponentTrack(track: any): void {
+    const trackId = track?.track_id || track?.trackId;
+    if (!trackId) return;
+    this.router.navigate(['/dashboard/release-management', trackId]);
+  }
+
+  public getComponentTrackLabel(track: any): string {
+    const resolvedComponent = this.resolvedComponentSnapshots.find(
+      component => component.track_id === track.track_id
+    );
+    return (
+      this.getComponentTrackSummary(track.track_id)?.name ||
+      resolvedComponent?.track_name ||
+      track.track_name ||
+      track.track_id
+    );
+  }
+
+  public getComponentTrackFilters(track: any): string[] {
+    const objectTypes = track?.filters?.object_types;
+    if (!Array.isArray(objectTypes)) return [];
+    return objectTypes.map(type => this.formatConfigOption(type));
+  }
+
+  public getResolvedComponentLabel(component: any): string {
+    const version =
+      component.resolved_version ||
+      component.version ||
+      component.version_label;
+    if (version) return `Resolved version ${version}`;
+
+    const snapshot =
+      component.resolved_snapshot_id || component.resolved_snapshot;
+    if (snapshot) return `Resolved snapshot ${this.toDisplayDate(snapshot)}`;
+
+    return 'Resolved snapshot';
+  }
+
+  public getVirtualResolvedVersion(row: VirtualResolutionRow): string {
+    if (!row.resolvedVersion) return '-';
+    return row.resolvedVersion.startsWith('v')
+      ? row.resolvedVersion
+      : `v${row.resolvedVersion}`;
+  }
+
+  public getVirtualTierCount(value: number | null | undefined): string {
+    if (value === null || value === undefined) return '-';
+    return String(value);
+  }
+
+  public displayVirtualComponentTrackOption(
+    track: VirtualComponentTrackOption
+  ): string {
+    return track?.name || '';
+  }
+
+  public getVirtualComponentTrackSnapshotLabel(
+    track: VirtualComponentTrackOption | any
+  ): string {
+    const version =
+      track?.latestTaggedVersion ||
+      track?.latest_tagged_version ||
+      track?.latest_version;
+    return version ? `v${version}` : 'no tagged snapshots';
+  }
+
+  public selectVirtualComponentTrack(event: any): void {
+    const option = event?.option?.value as VirtualComponentTrackOption;
+    if (!option) return;
+
+    this.virtualConfigComponentTracks = [
+      ...this.virtualConfigComponentTracks,
+      {
+        track_id: option.trackId,
+        resolution_strategy: ResolutionStrategy.LatestTagged,
+        priority: this.virtualConfigComponentTracks.length,
+      },
+    ];
+    this.configForm
+      .get('virtualComponentTrackSearch')
+      ?.setValue('', { emitEvent: false });
+  }
+
+  public removeVirtualComponentTrack(track: any): void {
+    this.virtualConfigComponentTracks =
+      this.virtualConfigComponentTracks.filter(item => item !== track);
+  }
+
+  public getVirtualComponentTrackObjectTypes(track: any): string[] {
+    const objectTypes = track?.filters?.object_types;
+    return Array.isArray(objectTypes) ? objectTypes : [];
+  }
+
+  public setVirtualComponentTrackObjectTypes(
+    track: any,
+    objectTypes: string[]
+  ): void {
+    if (!objectTypes.length) {
+      const filters = { ...(track.filters || {}) };
+      delete filters.object_types;
+      track.filters = Object.keys(filters).length ? filters : undefined;
+      return;
+    }
+
+    track.filters = {
+      ...(track.filters || {}),
+      object_types: objectTypes,
+    };
+  }
+
+  public getVirtualComponentTrackDescription(track: any): string {
+    return this.getComponentTrackSummary(track?.track_id)?.description || '';
+  }
+
+  public getVirtualObjectTitle(item: any): string {
+    return item?.name || this.getFallbackObjectLabel(item?.object_ref);
+  }
+
+  public getVirtualObjectSubtitle(item: any): string {
+    return (
+      item?.attack_id ||
+      item?.attackId ||
+      item?.source_snapshot_version ||
+      item?.conflict_reason ||
+      item?.object_ref ||
+      ''
+    );
+  }
+
+  private getResolutionNumber(resolution: any, ...keys: string[]): number {
+    if (!resolution) return 0;
+    const sources = [resolution, resolution.summary, resolution.deduplication];
+    for (const source of sources) {
+      if (!source) continue;
+      for (const key of keys) {
+        if (typeof source[key] === 'number') return source[key];
+      }
+    }
+    return 0;
+  }
+
+  private loadVirtualComponentTrackSummaries(): void {
+    this.connector
+      .listReleaseTracks()
+      .pipe(take(1))
+      .subscribe({
+        next: result => {
+          const summaries = new Map<string, VirtualComponentTrackSummary>();
+          const options: VirtualComponentTrackOption[] = [];
+          for (const track of this.getReleaseTrackList(result)) {
+            const trackId = this.getReleaseTrackId(track);
+            if (!trackId) continue;
+            summaries.set(trackId, this.toVirtualComponentTrackSummary(track));
+            if (this.isStandardReleaseTrack(track)) {
+              options.push(this.toVirtualComponentTrackOption(track));
+            }
+          }
+          this.virtualComponentTrackSummaries = summaries;
+          this.virtualComponentTrackOptions = options;
+        },
+        error: err => {
+          this.virtualComponentTrackSummaries.clear();
+          this.virtualComponentTrackOptions = [];
+          console.error('Failed to load component track summaries', err);
+        },
+      });
+  }
+
+  private getReleaseTrackList(result: any): any[] {
+    if (Array.isArray(result?.data)) return result.data;
+    if (Array.isArray(result?.release_tracks)) return result.release_tracks;
+    if (Array.isArray(result)) return result;
+    return [];
+  }
+
+  private getReleaseTrackId(track: any): string | null {
+    return track?.track_id || track?.id || null;
+  }
+
+  private isStandardReleaseTrack(track: any): boolean {
+    return String(track?.type).toLowerCase() === ReleaseTrackType.Standard;
+  }
+
+  private toVirtualComponentTrackSummary(
+    track: any
+  ): VirtualComponentTrackSummary {
+    const summary = track?.summary || {};
+    return {
+      trackId: this.getReleaseTrackId(track) as string,
+      name: track?.name || 'Untitled release track',
+      description: track?.description || '',
+      type: track?.type || '',
+      latestTaggedVersion: this.getLatestTaggedVersion(track),
+      taggedReleaseCount: this.getTaggedReleaseCount(track),
+      candidatesCount: Number(summary.candidates_count || 0),
+      stagedCount: Number(summary.staged_count || 0),
+      membersCount: Number(summary.members_count || 0),
+    };
+  }
+
+  private toVirtualComponentTrackOption(
+    track: any
+  ): VirtualComponentTrackOption {
+    return {
+      trackId: this.getReleaseTrackId(track) as string,
+      name: track?.name || 'Untitled release track',
+      description: track?.description || '',
+      latestTaggedVersion: this.getLatestTaggedVersion(track),
+      taggedReleaseCount: this.getTaggedReleaseCount(track),
+    };
+  }
+
+  private getLatestTaggedVersion(track: any): string | null {
+    return (
+      track?.latest_tagged_version ||
+      track?.latestTaggedVersion ||
+      track?.latest_version ||
+      track?.latestVersion ||
+      null
+    );
+  }
+
+  private getTaggedReleaseCount(track: any): number {
+    return Number(
+      track?.tagged_release_count ||
+        track?.taggedReleaseCount ||
+        track?.tagged_releases_count ||
+        0
+    );
+  }
+
+  private getComponentTrackSummary(
+    trackId: string
+  ): VirtualComponentTrackSummary | undefined {
+    return this.virtualComponentTrackSummaries.get(trackId);
+  }
+
+  private getVirtualComponentCounts(
+    trackId: string
+  ): Pick<
+    VirtualResolutionRow,
+    'candidatesCount' | 'stagedCount' | 'membersCount'
+  > {
+    const summary = this.getComponentTrackSummary(trackId);
+    return {
+      candidatesCount: summary?.candidatesCount ?? null,
+      stagedCount: summary?.stagedCount ?? null,
+      membersCount: summary?.membersCount ?? null,
+    };
+  }
+
+  private cloneVirtualComponentTracks(tracks: any[]): any[] {
+    return tracks.map(track => ({
+      ...track,
+      filters: track.filters
+        ? {
+            ...track.filters,
+            object_types: Array.isArray(track.filters.object_types)
+              ? [...track.filters.object_types]
+              : undefined,
+            domains: Array.isArray(track.filters.domains)
+              ? [...track.filters.domains]
+              : undefined,
+          }
+        : undefined,
+    }));
+  }
+
+  private getVirtualComponentTrackSearchText(): string {
+    const value = this.configForm.get('virtualComponentTrackSearch')?.value;
+    if (!value) return '';
+    if (typeof value === 'string') return value.trim().toLowerCase();
+    return String(value.name || value.trackId || '')
+      .trim()
+      .toLowerCase();
+  }
+
+  private matchesVirtualComponentTrackSearch(
+    track: VirtualComponentTrackOption,
+    search: string
+  ): boolean {
+    if (!search) return true;
+    return [track.name, track.trackId, track.description]
+      .filter(Boolean)
+      .some(value => value.toLowerCase().includes(search));
+  }
+
+  private toDisplayDate(value: any): string {
+    if (!value) return '';
+    const date = value instanceof Date ? value : new Date(value);
+    if (Number.isNaN(date.getTime())) return String(value);
+    return date.toLocaleString();
+  }
+
+  private toOptionalNumber(value: any): number | null {
+    if (value === null || value === undefined || value === '') return null;
+    const numberValue = Number(value);
+    return Number.isFinite(numberValue) ? numberValue : null;
+  }
+
+  private formatStixType(type: StixType): string {
+    const attackType = StixTypeToAttackType[type];
+    return AttackTypeToPlural[attackType]?.replace(/-/g, ' ') || type;
+  }
+
+  private getFallbackObjectLabel(objectRef: string | undefined): string {
+    if (!objectRef) return 'Unknown object';
+    const [type, id] = objectRef.split('--');
+    if (!type || !id) return objectRef;
+    const attackType = StixTypeToAttackType[type as StixType];
+    const typeLabel = attackType
+      ? attackType.replace(/-/g, ' ')
+      : type.replace(/-/g, ' ');
+    return `${typeLabel.replace(/\b\w/g, char => char.toUpperCase())} ${id.slice(0, 8)}`;
+  }
+
   public onExport(): void {
     if (!this.id) return;
 
@@ -639,12 +1185,98 @@ export class ReleaseTrackPageComponent implements OnInit {
     return `${safeName}-latest-${format}.json`;
   }
 
+  private getVirtualSnapshotPreviewDescription(preview: any): string {
+    const resolved =
+      preview?.preview?.would_resolve_to ||
+      preview?.would_resolve_to ||
+      preview?.composition_resolution ||
+      preview;
+    const components = resolved?.component_snapshots || [];
+    const totalObjects =
+      resolved?.total_objects ||
+      resolved?.summary?.total_objects ||
+      preview?.total_objects ||
+      preview?.summary?.total_objects;
+
+    const componentText = components.length
+      ? `Components: ${components
+          .map((component: any) => {
+            const name =
+              component.track_name || component.track_id || 'component track';
+            const version =
+              component.resolved_version ||
+              component.version ||
+              component.resolved_snapshot;
+            return version ? `${name} (${version})` : name;
+          })
+          .join(', ')}.`
+      : 'No component details were returned.';
+    const objectText =
+      totalObjects === undefined || totalObjects === null
+        ? 'Object count was not returned.'
+        : `${totalObjects} objects will be resolved.`;
+
+    return `${objectText} ${componentText}`;
+  }
+
   public onDraft(): void {
     if (!this.canCreateDraft) return;
 
     this.isCreatingDraft = true;
     this.connector
-      .createVirtualSnapshot(this.id)
+      .previewVirtualSnapshot(this.id)
+      .pipe(take(1))
+      .subscribe({
+        next: preview => {
+          this.isCreatingDraft = false;
+          if (!preview) return;
+          this.openVirtualSnapshotPreview(preview);
+        },
+        error: err => {
+          this.isCreatingDraft = false;
+          console.error('Failed to preview draft snapshot', err);
+        },
+      });
+  }
+
+  private openVirtualSnapshotPreview(preview: any): void {
+    const dialogRef = this.dialog.open(MultipleChoiceDialogComponent, {
+      width: '30em',
+      autoFocus: false,
+      data: {
+        title: 'Create draft snapshot?',
+        description: this.getVirtualSnapshotPreviewDescription(preview),
+        choices: [
+          {
+            label: 'Create Draft',
+            value: 'create',
+            description:
+              'Resolve the virtual track composition into a new draft snapshot.',
+          },
+          {
+            label: 'Cancel',
+            value: 'cancel',
+          },
+        ],
+      },
+    });
+
+    dialogRef.afterClosed().subscribe(choice => {
+      if (choice !== 'create' || !this.id || !this.isVirtualReleaseTrack) {
+        return;
+      }
+      this.createVirtualDraftSnapshot();
+    });
+  }
+
+  private createVirtualDraftSnapshot(): void {
+    this.isCreatingDraft = true;
+    this.connector
+      .createVirtualSnapshot(this.id, {
+        description: this.snapshotHistory.length
+          ? 'Virtual snapshot'
+          : 'Initial virtual snapshot',
+      })
       .pipe(
         take(1),
         finalize(() => {
@@ -662,16 +1294,25 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public onEditConfig(): void {
+    if (this.isVirtualReleaseTrack) this.setVirtualConfig();
     this.isEditingConfig = true;
   }
 
   public onCancelConfigEdit(): void {
-    this.setConfig(this.releaseTrackConfig);
+    if (this.isVirtualReleaseTrack) {
+      this.setVirtualConfig();
+    } else {
+      this.setConfig(this.releaseTrackConfig);
+    }
     this.isEditingConfig = false;
   }
 
   public onSaveConfig(): void {
     if (!this.id || this.isSavingConfig) return;
+    if (this.isVirtualReleaseTrack) {
+      this.saveVirtualConfig();
+      return;
+    }
 
     const payload = this.getConfigPayload();
     this.isSavingConfig = true;
@@ -731,6 +1372,9 @@ export class ReleaseTrackPageComponent implements OnInit {
         next: snapshot => {
           if (!snapshot) return;
           this.releaseTrack = snapshot;
+          if (this.isVirtualReleaseTrack) {
+            this.loadVirtualComponentTrackSummaries();
+          }
           this.breadcrumbService.changeBreadcrumb(
             this.route.snapshot,
             snapshot.name
@@ -806,10 +1450,21 @@ export class ReleaseTrackPageComponent implements OnInit {
     return String(value).replace(/[_-]+/g, ' ');
   }
 
+  public getVirtualTrackPriority(track: any, index: number): number {
+    return typeof track?.priority === 'number' ? track.priority : index;
+  }
+
+  public getVirtualScheduleValue(key: string): string {
+    const value = this.virtualSnapshotSchedule?.[key];
+    return value === null || value === undefined || value === ''
+      ? 'not set'
+      : String(value);
+  }
+
   private setConfig(config: any): void {
     const normalizedConfig = this.normalizeConfig(config);
     this.releaseTrackConfig = normalizedConfig;
-    this.configForm.reset(this.getConfigFormValue(normalizedConfig), {
+    this.configForm.patchValue(this.getConfigFormValue(normalizedConfig), {
       emitEvent: false,
     });
     this.syncCandidacyThresholdControl(!!normalizedConfig.auto_promote);
@@ -818,6 +1473,64 @@ export class ReleaseTrackPageComponent implements OnInit {
     );
   }
 
+  private setVirtualConfig(): void {
+    const deduplication = this.releaseTrack?.composition?.deduplication || {};
+    const snapshotSchedule = this.virtualSnapshotSchedule;
+    this.virtualConfigComponentTracks = this.cloneVirtualComponentTracks(
+      this.virtualComponentTracks
+    );
+
+    this.configForm.patchValue(
+      {
+        virtualComponentTrackSearch: '',
+        virtualDeduplicationStrategy:
+          deduplication.strategy ??
+          DeduplicationStrategy.PrioritizeLatestObject,
+        virtualDeduplicationTier:
+          deduplication.tier_resolution ?? SnapshotTier.Member,
+        virtualDeduplicationStatus:
+          deduplication.status_resolution ?? WorkflowStatus.Reviewed,
+        virtualSnapshotScheduleMode:
+          snapshotSchedule.mode ?? SnapshotScheduleMode.Manual,
+        virtualSnapshotScheduleCron: snapshotSchedule.cron ?? '',
+      },
+      { emitEvent: false }
+    );
+  }
+
+  private saveVirtualConfig(): void {
+    const payload = this.getVirtualCompositionPayload();
+    this.isSavingConfig = true;
+    this.connector
+      .updateComposition(this.id, payload)
+      .pipe(
+        take(1),
+        finalize(() => {
+          this.isSavingConfig = false;
+        })
+      )
+      .subscribe({
+        next: result => {
+          this.isEditingConfig = false;
+          if (this.releaseTrack) {
+            this.releaseTrack.composition = this.getCompositionFromResponse(
+              result,
+              payload
+            );
+          }
+          this.refreshReleaseTrackState();
+        },
+        error: err => {
+          console.error('Failed to update virtual release track config', err);
+        },
+      });
+  }
+
+  private getCompositionFromResponse(response: any, fallback: any): any {
+    if (!response) return fallback;
+    return response.composition || response;
+  }
+
   private syncCandidacyThresholdControl(autoPromote: boolean): void {
     this.syncWorkflowStatusControl('candidacyThreshold', autoPromote);
   }
@@ -969,6 +1682,30 @@ export class ReleaseTrackPageComponent implements OnInit {
     return payload;
   }
 
+  private getVirtualCompositionPayload(): any {
+    const value =
+      this.configForm.getRawValue() as VirtualReleaseTrackConfigFormValue;
+    const currentComposition = this.releaseTrack?.composition || {};
+
+    return {
+      ...currentComposition,
+      component_tracks: this.virtualConfigComponentTracks.map(
+        (track, index) => ({
+          ...track,
+          priority: index,
+        })
+      ),
+      deduplication: {
+        strategy:
+          value.virtualDeduplicationStrategy ||
+          DeduplicationStrategy.PrioritizeLatestObject,
+        tier_resolution: value.virtualDeduplicationTier || SnapshotTier.Member,
+        status_resolution:
+          value.virtualDeduplicationStatus || WorkflowStatus.Reviewed,
+      },
+    };
+  }
+
   private openReleasePreviewDialog(preview: any): void {
     const conflicts = this.getReleaseConflicts(preview);
 

From 00af7e194eb3b84e1e72f35d36bb24adcbd3332a Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 9 Jul 2026 10:02:24 -0400
Subject: [PATCH 088/190] fix(release-tracks): resolve object card view routes

---
 .../release-track-page.component.ts                | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index e5eb8385d..ef1a09c0a 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -606,9 +606,10 @@ export class ReleaseTrackPageComponent implements OnInit {
     });
   }
 
-  public getViewUrl(stixId: string): string {
-    const stixType = stixId.split('-')[0] as StixType;
-    return `/${StixTypeToAttackType[stixType]}/${stixId}`;
+  public getViewUrl(stixId: string): string | null {
+    const [stixType] = stixId.split('--');
+    const attackType = StixTypeToAttackType[stixType as StixType];
+    return attackType ? `/${attackType}/${stixId}` : null;
   }
 
   public promote(objectIds: string[]): void {
@@ -673,7 +674,12 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public onView(id: string): void {
-    this.router.navigate([this.getViewUrl(id)]);
+    const viewUrl = this.getViewUrl(id);
+    if (!viewUrl) {
+      console.error('Unable to resolve object route', id);
+      return;
+    }
+    this.router.navigate([viewUrl]);
   }
 
   public onDiff(item: any): void {

From af8d2e29947a8ae1a4ffffc9d04eaada15196904 Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Mon, 20 Jul 2026 10:38:55 -0400
Subject: [PATCH 089/190] feat: add release track membership view to STIX
 objects

---
 src/app/app.module.ts                         |   2 +
 .../membership-section.component.html         | 174 +++++
 .../membership-section.component.scss         | 650 ++++++++++++++++++
 .../membership-section.component.spec.ts      | 198 ++++++
 .../membership-section.component.ts           | 568 +++++++++++++++
 .../stix-page-tabs.component.html             |  10 +
 .../stix-page-tabs.component.ts               |   1 +
 .../membership-section-data.service.ts        | 615 +++++++++++++++++
 .../release-track-page.component.html         |   1 +
 9 files changed, 2219 insertions(+)
 create mode 100644 src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
 create mode 100644 src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
 create mode 100644 src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
 create mode 100644 src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts
 create mode 100644 src/app/services/connectors/rest-api/membership-section-data.service.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 9b3e0b325..3efcde6fc 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -76,6 +76,7 @@ import { MultipleChoiceDialogComponent } from './components/multiple-choice-dial
 import { NavigationComponent } from './components/navigation/navigation.component';
 import { ReferenceEditDialogComponent } from './components/reference-edit-dialog/reference-edit-dialog.component';
 import { HistoryTimelineComponent } from './components/stix/stix-page-tabs/history-timeline/history-timeline.component';
+import { MembershipSectionComponent } from './components/stix/stix-page-tabs/membership-section/membership-section.component';
 import { ReferenceSidebarComponent } from './components/resources-drawer/reference-sidebar/reference-sidebar.component';
 import { ResourcesDrawerComponent } from './components/resources-drawer/resources-drawer.component';
 import { SearchComponent } from './components/resources-drawer/search/search.component';
@@ -260,6 +261,7 @@ export function initConfig(appConfigService: AppConfigService) {
     AddDialogComponent,
     DeleteDialogComponent,
     HistoryTimelineComponent,
+    MembershipSectionComponent,
     ReferenceSidebarComponent,
     ReferenceEditDialogComponent,
     MultipleChoiceDialogComponent,
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
new file mode 100644
index 000000000..e8723ea3d
--- /dev/null
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
@@ -0,0 +1,174 @@
+<section class="membership-section">
+  <header class="membership-header">
+    <h2>Release Track Distribution</h2>
+
+    <div class="membership-header-actions">
+      <button
+        type="button"
+        class="membership-action-button"
+        [disabled]="!hasSelection"
+        (click)="clearSelection()">
+        Clear
+      </button>
+
+      <button
+        type="button"
+        class="membership-action-button membership-action-button--primary"
+        [disabled]="selectedReleaseCount !== 2"
+        (click)="compareSelectedReleases()">
+        Compare ({{ selectedReleaseCount }}/2)
+      </button>
+    </div>
+  </header>
+
+  <div *ngIf="loading" class="loading-state">
+    Loading release track membership...
+  </div>
+
+  <div *ngIf="!loading" class="release-track-list">
+    <article
+      *ngFor="let membership of memberships; trackBy: trackByMembership"
+      class="release-track-card">
+      <header class="release-track-header">
+        <div class="release-track-heading">
+          <h3>{{ getTrackName(membership) }}</h3>
+          <p>{{ getTrackDescription(membership) }}</p>
+        </div>
+
+        <div class="release-track-actions">
+          <button
+            *ngIf="canViewReleaseTrackDashboard"
+            type="button"
+            class="view-track-button"
+            (click)="viewTrack(membership, $event)">
+            View Track
+
+            <span class="external-link-icon" aria-hidden="true"> ↗ </span>
+          </button>
+
+          <span
+            class="track-type-badge"
+            [class.track-type-badge--virtual]="isVirtualTrack(membership)">
+            {{ getTrackType(membership) }}
+          </span>
+        </div>
+      </header>
+
+      <div class="release-track-content">
+        <section class="draft-column">
+          <h4>Current Draft Status</h4>
+
+          <p *ngIf="!hasCurrentDraft(membership)" class="no-current-draft">
+            Not in current draft.
+          </p>
+
+          <div
+            *ngIf="hasCurrentDraft(membership)"
+            class="draft-card"
+            (click)="$event.stopPropagation()">
+            <label class="release-selection">
+              <input
+                type="checkbox"
+                [checked]="
+                  isReleaseSelected(getCurrentDraft(membership), membership)
+                "
+                [disabled]="
+                  !isReleaseSelected(getCurrentDraft(membership), membership) &&
+                  selectedReleaseCount >= 2
+                "
+                (click)="$event.stopPropagation()"
+                (change)="
+                  toggleReleaseSelection(
+                    getCurrentDraft(membership),
+                    membership,
+                    $any($event.target).checked
+                  )
+                " />
+
+              <span class="release-information">
+                <strong class="draft-status">
+                  {{ getDraftStatusLabel(membership) }}
+                </strong>
+
+                <small>
+                  {{ getDraftDateLabel(membership) }}
+                </small>
+              </span>
+            </label>
+
+            <div class="status-progress">
+              <span
+                class="status-step"
+                [class.status-step--active]="
+                  isDraftStepActive(membership, 'work-in-progress')
+                ">
+                WIP
+              </span>
+
+              <span
+                class="status-step"
+                [class.status-step--active]="
+                  isDraftStepActive(membership, 'review')
+                ">
+                Review
+              </span>
+
+              <span
+                class="status-step"
+                [class.status-step--active]="
+                  isDraftStepActive(membership, 'staged')
+                ">
+                Staged
+              </span>
+            </div>
+          </div>
+        </section>
+
+        <section class="releases-column">
+          <h4>Production Releases</h4>
+
+          <p
+            *ngIf="getProductionReleases(membership).length === 0"
+            class="no-production-releases">
+            No production releases found.
+          </p>
+
+          <div
+            *ngIf="getProductionReleases(membership).length > 0"
+            class="production-release-list"
+            (click)="$event.stopPropagation()">
+            <label
+              *ngFor="
+                let release of getProductionReleases(membership);
+                trackBy: trackByRelease
+              "
+              class="production-release">
+              <input
+                type="checkbox"
+                [checked]="isReleaseSelected(release, membership)"
+                [disabled]="
+                  !isReleaseSelected(release, membership) &&
+                  selectedReleaseCount >= 2
+                "
+                (click)="$event.stopPropagation()"
+                (change)="
+                  toggleReleaseSelection(
+                    release,
+                    membership,
+                    $any($event.target).checked
+                  )
+                " />
+
+              <span class="release-tag-icon" aria-hidden="true"></span>
+
+              <span class="release-information">
+                <strong>{{ getReleaseVersion(release) }}</strong>
+                <small>{{ getReleaseDateLabel(release) }}</small>
+              </span>
+            </label>
+          </div>
+        </section>
+      </div>
+    </article>
+  </div>
+</section>
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
new file mode 100644
index 000000000..938352795
--- /dev/null
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
@@ -0,0 +1,650 @@
+@use 'sass:color';
+@use '../../../../../style/globals';
+@use '../../../../../style/colors' as colors;
+
+$membership-accent: colors.color(mitre-light-blue);
+$membership-accent-dark: #62c9ff;
+$membership-success: colors.color(secondary);
+
+// Explicit purple values for the virtual release-track badge.
+$membership-virtual: #8c5bd6;
+$membership-virtual-light: #6f3db8;
+$membership-virtual-dark: #c3a0f4;
+
+:host {
+  display: block;
+  width: 100%;
+}
+
+.membership-section {
+  box-sizing: border-box;
+  width: 100%;
+  padding-top: 32px;
+}
+
+.membership-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  width: 100%;
+  gap: 24px;
+  margin-bottom: 22px;
+
+  h2 {
+    margin: 0;
+    color: $membership-accent;
+    font-size: 18px;
+    font-weight: 700;
+    letter-spacing: 0.2px;
+    line-height: 24px;
+    text-align: left;
+  }
+}
+
+.membership-header-actions {
+  display: flex;
+  align-items: center;
+  flex: 0 0 auto;
+  gap: 10px;
+  margin-left: auto;
+}
+
+button.membership-action-button {
+  display: inline-flex;
+  box-sizing: border-box;
+  min-width: 68px;
+  height: 34px;
+  align-items: center;
+  justify-content: center;
+  padding: 0 14px;
+  border: 1px solid;
+  border-radius: 4px;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 12px;
+  font-weight: 650;
+  line-height: 32px;
+  visibility: visible;
+  opacity: 1;
+  transition:
+    background-color 120ms ease,
+    border-color 120ms ease,
+    color 120ms ease;
+
+  &:disabled,
+  &[disabled] {
+    display: inline-flex;
+    cursor: default;
+    visibility: visible;
+    opacity: 1;
+  }
+}
+
+.loading-state {
+  display: flex;
+  box-sizing: border-box;
+  min-height: 150px;
+  align-items: center;
+  justify-content: center;
+  padding: 28px;
+  border: 1px solid;
+  border-radius: 4px;
+  text-align: center;
+}
+
+.release-track-list {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.release-track-card {
+  overflow: hidden;
+  border: 1px solid;
+  border-radius: 4px;
+  transition:
+    border-color 120ms ease,
+    box-shadow 120ms ease,
+    background-color 120ms ease;
+}
+
+.release-track-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 24px;
+  padding: 16px;
+  border-bottom: 1px solid;
+}
+
+.release-track-heading {
+  min-width: 0;
+
+  h3 {
+    margin: 0 0 4px;
+    font-size: 17px;
+    font-weight: 700;
+    line-height: 23px;
+    text-align: left;
+  }
+
+  p {
+    margin: 0;
+    font-size: 13px;
+    line-height: 18px;
+  }
+}
+
+.release-track-actions {
+  display: flex;
+  align-items: center;
+  flex: 0 0 auto;
+  gap: 10px;
+}
+
+.view-track-button {
+  display: inline-flex;
+  box-sizing: border-box;
+  min-height: 30px;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 0 12px;
+  border: 1px solid;
+  border-radius: 4px;
+  background: transparent;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 11px;
+  font-weight: 650;
+  transition:
+    background-color 120ms ease,
+    border-color 120ms ease,
+    color 120ms ease;
+
+  &:disabled {
+    cursor: default;
+  }
+}
+
+.external-link-icon {
+  color: inherit;
+  font-size: 13px;
+  line-height: 1;
+}
+
+.track-type-badge {
+  display: inline-flex;
+  box-sizing: border-box;
+  min-height: 22px;
+  align-items: center;
+  justify-content: center;
+  padding: 0 10px;
+  border: 1px solid;
+  border-radius: 999px;
+  font-size: 10px;
+  font-weight: 750;
+  line-height: 20px;
+  white-space: nowrap;
+  text-transform: uppercase;
+}
+
+.track-type-badge--virtual {
+  border-color: rgba($membership-virtual, 0.9);
+  background: rgba($membership-virtual, 0.18);
+  color: $membership-virtual;
+}
+
+.release-track-content {
+  display: grid;
+  grid-template-columns: minmax(280px, 1fr) minmax(420px, 2fr);
+  gap: 20px;
+  padding: 18px 16px;
+}
+
+.draft-column,
+.releases-column {
+  min-width: 0;
+
+  h4 {
+    margin: 0 0 10px;
+    color: $membership-accent;
+    font-size: 13px;
+    font-weight: 700;
+    line-height: 18px;
+    text-align: left;
+  }
+}
+
+.no-current-draft,
+.no-production-releases {
+  margin: 0;
+  font-size: 13px;
+  font-style: italic;
+  line-height: 18px;
+}
+
+.draft-card,
+.production-release {
+  border: 1px solid;
+  border-radius: 4px;
+}
+
+.draft-card {
+  padding: 12px;
+}
+
+.release-selection,
+.production-release {
+  display: flex;
+  align-items: flex-start;
+  gap: 11px;
+}
+
+.release-selection {
+  cursor: pointer;
+}
+
+.production-release-list {
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+}
+
+.production-release {
+  box-sizing: border-box;
+  min-height: 52px;
+  padding: 10px 12px;
+  cursor: pointer;
+  transition:
+    background-color 120ms ease,
+    border-color 120ms ease;
+}
+
+.release-information {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 3px;
+
+  strong {
+    color: $membership-success;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 18px;
+  }
+
+  small {
+    overflow: hidden;
+    font-size: 11px;
+    line-height: 15px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.draft-status {
+  text-transform: capitalize;
+}
+
+.release-tag-icon {
+  position: relative;
+  width: 13px;
+  height: 9px;
+  margin-top: 4px;
+  border: 1.5px solid $membership-success;
+  border-radius: 2px 4px 4px 2px;
+  flex: 0 0 auto;
+  transform: rotate(45deg);
+
+  &::after {
+    position: absolute;
+    top: 2px;
+    left: 1px;
+    width: 2px;
+    height: 2px;
+    border-radius: 50%;
+    background: $membership-success;
+    content: '';
+  }
+}
+
+input[type='checkbox'] {
+  width: 14px;
+  height: 14px;
+  margin: 3px 0 0;
+  accent-color: $membership-success;
+  cursor: pointer;
+
+  &:disabled {
+    cursor: default;
+  }
+}
+
+.status-progress {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 6px;
+  margin-top: 16px;
+}
+
+.status-step {
+  display: flex;
+  min-height: 22px;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid;
+  border-radius: 4px;
+  font-size: 9px;
+  font-weight: 750;
+  line-height: 20px;
+  text-transform: uppercase;
+}
+
+.status-step--active {
+  border-color: rgba($membership-success, 0.65) !important;
+  background: rgba($membership-success, 0.18) !important;
+  color: $membership-success !important;
+}
+
+/*
+ * Light mode
+ *
+ * Mirrors the dashboard's white cards, subtle inner surfaces,
+ * standard borders and dark text.
+ */
+:host-context(.light) {
+  .membership-section {
+    color: colors.color(dark);
+  }
+
+  .membership-header {
+    h2 {
+      color: colors.color(primary);
+    }
+  }
+
+  button.membership-action-button {
+    border-color: colors.border-color(light);
+    background: #ffffff;
+    color: colors.color(dark);
+
+    &:hover:not(:disabled) {
+      border-color: rgba(colors.color(primary), 0.45);
+      background: color.mix(colors.color(mitre-light-blue), #ffffff, 18%);
+    }
+
+    &:disabled,
+    &[disabled] {
+      border-color: colors.border-color(light);
+      background: #ffffff;
+      color: colors.on-color-deemphasis(light);
+    }
+  }
+
+  button.membership-action-button--primary {
+    border-color: rgba(colors.color(dark), 0.3);
+    background: rgba(colors.color(dark), 0.62);
+    color: colors.color(light);
+
+    &:hover:not(:disabled) {
+      border-color: rgba(colors.color(dark), 0.75);
+      background: rgba(colors.color(dark), 0.75);
+    }
+
+    &:disabled,
+    &[disabled] {
+      border-color: rgba(colors.color(dark), 0.18);
+      background: rgba(colors.color(dark), 0.28);
+      color: rgba(colors.color(light), 0.9);
+    }
+  }
+
+  .loading-state,
+  .release-track-card {
+    border-color: colors.border-color(light);
+    background: #ffffff;
+  }
+
+  .loading-state {
+    color: colors.on-color-deemphasis(light);
+  }
+
+  .release-track-header {
+    border-bottom-color: colors.border-color(light);
+  }
+
+  .release-track-heading {
+    h3 {
+      color: colors.color(dark);
+    }
+
+    p {
+      color: colors.on-color-deemphasis(light);
+    }
+  }
+
+  .view-track-button {
+    border-color: rgba(colors.color(primary), 0.45);
+    color: colors.color(primary);
+
+    &:hover:not(:disabled) {
+      border-color: colors.color(primary);
+      background: color.mix(colors.color(mitre-light-blue), #ffffff, 20%);
+    }
+
+    &:disabled {
+      border-color: colors.border-color(light);
+      background: transparent;
+      color: colors.on-color-deemphasis(light);
+      opacity: 0.65;
+    }
+  }
+
+  .track-type-badge {
+    border-color: rgba(colors.color(primary), 0.55);
+    background: color.mix(colors.color(mitre-light-blue), #ffffff, 24%);
+    color: colors.color(primary);
+  }
+
+  .track-type-badge--virtual {
+    border-color: rgba($membership-virtual-light, 0.8);
+    background: rgba($membership-virtual, 0.14);
+    color: $membership-virtual-light;
+  }
+
+  .no-current-draft,
+  .no-production-releases,
+  .release-information small {
+    color: colors.on-color-deemphasis(light);
+  }
+
+  .draft-card,
+  .production-release {
+    border-color: colors.border-color(light);
+    background: rgba(colors.color(mitre-black), 0.025);
+  }
+
+  .production-release {
+    &:hover {
+      border-color: rgba(colors.color(primary), 0.3);
+      background: color.mix(colors.color(mitre-light-blue), #ffffff, 14%);
+    }
+  }
+
+  .status-step {
+    border-color: colors.border-color(light);
+    background: #ffffff;
+    color: colors.on-color-deemphasis(light);
+  }
+}
+
+/*
+ * Dark mode
+ */
+:host-context(.dark) {
+  .membership-section {
+    color: colors.color(light);
+  }
+
+  .membership-header {
+    h2 {
+      color: colors.color(mitre-light-blue);
+    }
+  }
+
+  button.membership-action-button {
+    border-color: colors.border-color(dark);
+    background: transparent;
+    color: colors.color(light);
+
+    &:hover:not(:disabled) {
+      border-color: rgba(colors.color(mitre-silver), 0.5);
+      background: rgba(colors.color(mitre-silver), 0.08);
+    }
+
+    &:disabled,
+    &[disabled] {
+      border-color: colors.border-color(dark);
+      background: transparent;
+      color: colors.on-color-deemphasis(dark);
+    }
+  }
+
+  button.membership-action-button--primary {
+    border-color: rgba(colors.color(mitre-silver), 0.28);
+    background: rgba(colors.color(mitre-silver), 0.2);
+    color: colors.color(mitre-silver);
+
+    &:hover:not(:disabled) {
+      background: rgba(colors.color(mitre-silver), 0.28);
+    }
+
+    &:disabled,
+    &[disabled] {
+      border-color: rgba(colors.color(mitre-silver), 0.2);
+      background: rgba(colors.color(mitre-silver), 0.1);
+      color: rgba(colors.color(mitre-silver), 0.45);
+    }
+  }
+
+  .loading-state,
+  .release-track-card {
+    border-color: colors.border-color(dark);
+    background: color.mix(colors.color(dark), #ffffff, 94%);
+  }
+
+  .loading-state {
+    color: colors.on-color-deemphasis(dark);
+  }
+
+  .release-track-header {
+    border-bottom-color: colors.border-color(dark);
+  }
+
+  .release-track-heading {
+    h3 {
+      color: colors.color(light);
+    }
+
+    p {
+      color: colors.on-color-deemphasis(dark);
+    }
+  }
+
+  .view-track-button {
+    border-color: rgba($membership-accent, 0.45);
+    color: $membership-accent;
+
+    &:hover:not(:disabled) {
+      border-color: $membership-accent;
+      background: rgba($membership-accent, 0.08);
+    }
+
+    &:disabled {
+      border-color: colors.border-color(dark);
+      background: transparent;
+      color: colors.on-color-deemphasis(dark);
+      opacity: 0.65;
+    }
+  }
+
+  .track-type-badge {
+    border-color: rgba($membership-accent, 0.65);
+    background: rgba($membership-accent, 0.12);
+    color: $membership-accent;
+  }
+
+  .track-type-badge--virtual {
+    border-color: rgba($membership-virtual-dark, 0.9);
+    background: rgba($membership-virtual, 0.26);
+    color: $membership-virtual-dark;
+  }
+
+  .no-current-draft,
+  .no-production-releases,
+  .release-information small {
+    color: colors.on-color-deemphasis(dark);
+  }
+
+  .draft-status {
+    color: $membership-accent-dark;
+  }
+
+  .draft-card,
+  .production-release {
+    border-color: colors.border-color(dark);
+    background: rgba(colors.color(mitre-silver), 0.06);
+  }
+
+  .production-release {
+    &:hover {
+      border-color: rgba(colors.color(mitre-silver), 0.36);
+      background: rgba(colors.color(mitre-silver), 0.1);
+    }
+  }
+
+  .status-step {
+    border-color: colors.border-color(dark);
+    background: rgba(colors.color(mitre-silver), 0.04);
+    color: colors.on-color-deemphasis(dark);
+  }
+
+  .status-step--active {
+    border-color: rgba($membership-accent-dark, 0.9) !important;
+    background: rgba($membership-accent-dark, 0.2) !important;
+    color: $membership-accent-dark !important;
+  }
+}
+
+@media (max-width: 900px) {
+  .release-track-content {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 650px) {
+  .membership-section {
+    padding-top: 24px;
+  }
+
+  .membership-header,
+  .release-track-header {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .membership-header-actions,
+  .release-track-actions {
+    flex-wrap: wrap;
+  }
+
+  .membership-header-actions {
+    margin-left: 0;
+  }
+
+  .membership-action-button {
+    flex: 1;
+  }
+}
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
new file mode 100644
index 000000000..b91164014
--- /dev/null
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
@@ -0,0 +1,198 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { of } from 'rxjs';
+import { Router } from '@angular/router';
+
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
+import { MembershipSectionComponent } from './membership-section.component';
+import {
+  MembershipSectionDataService,
+  MembershipTrack,
+} from 'src/app/services/connectors/rest-api/membership-section-data.service';
+
+describe('MembershipSectionComponent', () => {
+  let component: MembershipSectionComponent;
+  let fixture: ComponentFixture<MembershipSectionComponent>;
+  let membershipDataService: any;
+  let authenticationService: any;
+  let router: any;
+
+  const defaultTracks: MembershipTrack[] = [
+    {
+      id: 'core-objects',
+      name: 'Core Objects',
+      description: 'Core objects',
+      type: 'STANDARD',
+      current_draft: null,
+      production_releases: [],
+      releases: [],
+      versions: [],
+    },
+    {
+      id: 'enterprise-attack',
+      name: 'Enterprise ATT&CK',
+      description: 'Enterprise ATT&CK',
+      type: 'VIRTUAL',
+      current_draft: null,
+      production_releases: [],
+      releases: [],
+      versions: [],
+    },
+  ];
+
+  beforeEach(async () => {
+    membershipDataService = jasmine.createSpyObj(
+      'MembershipSectionDataService',
+      ['getDefaultTracks', 'loadMemberships']
+    );
+
+    membershipDataService.getDefaultTracks.and.callFake(() =>
+      defaultTracks.map(track => ({ ...track }))
+    );
+
+    membershipDataService.loadMemberships.and.returnValue(
+      of(defaultTracks.map(track => ({ ...track })))
+    );
+
+    authenticationService = jasmine.createSpyObj('AuthenticationService', [
+      'isAuthorized',
+    ]);
+    authenticationService.isAuthorized.and.returnValue(true);
+
+    router = jasmine.createSpyObj('Router', ['navigate']);
+
+    await TestBed.configureTestingModule({
+      declarations: [MembershipSectionComponent],
+      providers: [
+        {
+          provide: MembershipSectionDataService,
+          useValue: membershipDataService,
+        },
+        {
+          provide: AuthenticationService,
+          useValue: authenticationService,
+        },
+        { provide: Router, useValue: router },
+      ],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MembershipSectionComponent);
+
+    component = fixture.componentInstance;
+
+    component.config = {
+      mode: 'view',
+      object: {
+        stixID: 'attack-pattern--063b5b92-5361-481a-9c3f-95492ed9a2d8',
+        name: 'Service Stop',
+        type: 'attack-pattern',
+      },
+    };
+
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should expose the object reference', () => {
+    expect(component.objectRef).toBe(
+      'attack-pattern--063b5b92-5361-481a-9c3f-95492ed9a2d8'
+    );
+  });
+
+  it('should load memberships through the data service', () => {
+    expect(membershipDataService.loadMemberships).toHaveBeenCalledWith(
+      'attack-pattern--063b5b92-5361-481a-9c3f-95492ed9a2d8',
+      component.membershipObject,
+      component.config
+    );
+  });
+
+  it('should display the two type-based tracks', () => {
+    expect(component.memberships.length).toBe(2);
+    expect(component.memberships[0].name).toBe('Core Objects');
+    expect(component.memberships[0].type).toBe('STANDARD');
+    expect(component.memberships[1].name).toBe('Enterprise ATT&CK');
+    expect(component.memberships[1].type).toBe('VIRTUAL');
+  });
+
+  it('should mark Enterprise ATT&CK as virtual', () => {
+    const enterpriseTrack = component.memberships[1];
+
+    expect(component.getTrackType(enterpriseTrack)).toBe('VIRTUAL');
+
+    expect(component.isVirtualTrack(enterpriseTrack)).toBe(true);
+  });
+
+  it('should label a work-in-progress draft with a placeholder date', () => {
+    const membership = {
+      ...component.memberships[0],
+      current_draft: {
+        status: 'work-in-progress',
+        in_current_draft: true,
+      },
+    };
+
+    expect(component.getDraftStatusLabel(membership)).toBe('Work in Progress');
+    expect(component.getDraftDateLabel(membership)).toBe('As of TBD');
+  });
+
+  it('should render Clear and Compare buttons', () => {
+    const element: HTMLElement = fixture.nativeElement;
+
+    expect(element.textContent).toContain('Clear');
+    expect(element.textContent).toContain('Compare (0/2)');
+  });
+
+  it('should navigate authorized users to the release track dashboard', () => {
+    const track = component.memberships[0];
+
+    component.viewTrack(track);
+
+    expect(router.navigate).toHaveBeenCalledWith([
+      '/dashboard/release-management',
+      track.id,
+    ]);
+  });
+
+  it('should allow no more than two selected releases', () => {
+    const membership = component.memberships[0];
+
+    component.toggleReleaseSelection(
+      { id: 'release--1', version: '1.0' },
+      membership,
+      true
+    );
+
+    component.toggleReleaseSelection(
+      { id: 'release--2', version: '2.0' },
+      membership,
+      true
+    );
+
+    component.toggleReleaseSelection(
+      { id: 'release--3', version: '3.0' },
+      membership,
+      true
+    );
+
+    expect(component.selectedReleaseCount).toBe(2);
+  });
+
+  it('should clear selected releases', () => {
+    const membership = component.memberships[0];
+
+    component.toggleReleaseSelection(
+      { id: 'release--1', version: '1.0' },
+      membership,
+      true
+    );
+
+    component.clearSelection();
+
+    expect(component.selectedReleaseCount).toBe(0);
+  });
+});
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts
new file mode 100644
index 000000000..8cd1d9022
--- /dev/null
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts
@@ -0,0 +1,568 @@
+import {
+  Component,
+  ElementRef,
+  EventEmitter,
+  Input,
+  OnChanges,
+  OnDestroy,
+  OnInit,
+  Output,
+  SimpleChanges,
+} from '@angular/core';
+import { Subject } from 'rxjs';
+import { finalize, takeUntil } from 'rxjs/operators';
+import { Router } from '@angular/router';
+
+import { Role } from 'src/app/classes/authn/role';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
+import {
+  MembershipSectionDataService,
+  MembershipTrack,
+} from 'src/app/services/connectors/rest-api/membership-section-data.service';
+
+interface SelectedRelease {
+  key: string;
+  release: any;
+  membership: MembershipTrack;
+}
+
+@Component({
+  selector: 'app-membership-section',
+  standalone: false,
+  templateUrl: './membership-section.component.html',
+  styleUrls: ['./membership-section.component.scss'],
+})
+export class MembershipSectionComponent
+  implements OnInit, OnChanges, OnDestroy
+{
+  @Input() config: any;
+  @Input() object: any;
+
+  @Output() releasesCompared = new EventEmitter<SelectedRelease[]>();
+
+  memberships: MembershipTrack[] = [];
+
+  loading = false;
+  loadError: string | null = null;
+  private loadedObjectRef: string | null = null;
+
+  private selectedReleases = new Map<string, SelectedRelease>();
+
+  private readonly destroy$ = new Subject<void>();
+
+  constructor(
+    private readonly membershipData: MembershipSectionDataService,
+    private readonly authenticationService: AuthenticationService,
+    private readonly router: Router,
+    private readonly elementRef: ElementRef<HTMLElement>
+  ) {
+    this.memberships = this.membershipData.getDefaultTracks();
+  }
+
+  ngOnInit(): void {
+    this.loadMembershipData();
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    if (!changes.config && !changes.object) {
+      return;
+    }
+
+    const currentObjectRef = this.objectRef;
+
+    if (currentObjectRef && currentObjectRef !== this.loadedObjectRef) {
+      this.loadMembershipData();
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+
+  get membershipObject(): any {
+    return this.object ?? this.config?.object ?? null;
+  }
+
+  get objectRef(): string | null {
+    return (
+      this.membershipObject?.stixID ??
+      this.membershipObject?.id ??
+      this.membershipObject?.stix?.id ??
+      null
+    );
+  }
+
+  get selectedReleaseCount(): number {
+    return this.selectedReleases.size;
+  }
+
+  get hasSelection(): boolean {
+    return this.selectedReleaseCount > 0;
+  }
+
+  get canViewReleaseTrackDashboard(): boolean {
+    return this.authenticationService.isAuthorized([
+      Role.TEAM_LEAD,
+      Role.ADMIN,
+    ]);
+  }
+
+  loadMembershipData(): void {
+    const objectRef = this.objectRef;
+
+    if (!objectRef) {
+      this.memberships = this.membershipData.getDefaultTracks();
+
+      this.loadError =
+        'Unable to load release-track membership because the object ID is missing.';
+
+      return;
+    }
+
+    if (this.loading && this.loadedObjectRef === objectRef) {
+      return;
+    }
+
+    this.loadedObjectRef = objectRef;
+    this.loading = true;
+    this.loadError = null;
+    this.selectedReleases = new Map<string, SelectedRelease>();
+
+    this.membershipData
+      .loadMemberships(objectRef, this.membershipObject, this.config)
+      .pipe(
+        takeUntil(this.destroy$),
+        finalize(() => {
+          this.loading = false;
+        })
+      )
+      .subscribe({
+        next: tracks => {
+          this.memberships = tracks;
+        },
+        error: error => {
+          console.error('Unable to load release-track membership', error);
+
+          this.memberships = this.membershipData.getDefaultTracks();
+
+          this.loadError = 'Release-track membership could not be loaded.';
+        },
+      });
+  }
+
+  getTrackName(membership: MembershipTrack): string {
+    return (
+      membership?.name ??
+      membership?.title ??
+      membership?.track?.name ??
+      membership?.release_track?.name ??
+      this.formatIdentifier(membership?.id) ??
+      'Release Track'
+    );
+  }
+
+  getTrackDescription(membership: MembershipTrack): string {
+    return (
+      membership?.description ??
+      membership?.track?.description ??
+      membership?.release_track?.description ??
+      'Release track containing this ATT&CK object.'
+    );
+  }
+
+  getTrackType(membership: MembershipTrack): string {
+    const type =
+      membership?.type ??
+      membership?.track_type ??
+      membership?.track?.type ??
+      membership?.release_track?.type ??
+      'STANDARD';
+
+    return String(type).replace(/[_-]+/g, ' ').toUpperCase();
+  }
+
+  isVirtualTrack(membership: MembershipTrack): boolean {
+    return String(
+      membership?.type ??
+        membership?.track_type ??
+        membership?.track?.type ??
+        membership?.release_track?.type ??
+        ''
+    )
+      .trim()
+      .toLowerCase()
+      .includes('virtual');
+  }
+
+  viewTrack(membership: MembershipTrack, event?: Event): void {
+    event?.stopPropagation();
+
+    if (!this.canViewReleaseTrackDashboard) {
+      return;
+    }
+
+    const trackId = this.getTrackId(membership);
+
+    this.router.navigate(['/dashboard/release-management', trackId]);
+  }
+
+  getCurrentDraft(membership: MembershipTrack): any {
+    return (
+      membership?.current_draft ??
+      membership?.currentDraft ??
+      membership?.draft ??
+      null
+    );
+  }
+
+  hasCurrentDraft(membership: MembershipTrack): boolean {
+    const draft = this.getCurrentDraft(membership);
+
+    if (!draft) {
+      return false;
+    }
+
+    return draft?.in_current_draft !== false && draft?.inCurrentDraft !== false;
+  }
+
+  getDraftStatusLabel(membership: MembershipTrack): string {
+    const draft = this.getCurrentDraft(membership);
+
+    const status =
+      draft?.status ??
+      draft?.state ??
+      draft?.tier ??
+      membership?.status ??
+      membership?.tier ??
+      'work-in-progress';
+
+    if (
+      ['work-in-progress', 'wip', 'candidate', 'candidates', 'draft'].includes(
+        this.normalizeStatus(status)
+      )
+    ) {
+      return 'Work in Progress';
+    }
+
+    return this.formatStatus(status);
+  }
+
+  getDraftDateLabel(membership: MembershipTrack): string {
+    const draft = this.getCurrentDraft(membership);
+
+    const date =
+      draft?.updated_at ??
+      draft?.updatedAt ??
+      draft?.modified ??
+      draft?.date ??
+      draft?.created;
+
+    return date ? `As of ${this.formatDate(date, true)}` : 'As of TBD';
+  }
+
+  isDraftStepActive(membership: MembershipTrack, step: string): boolean {
+    const draft = this.getCurrentDraft(membership);
+
+    const status = this.normalizeStatus(
+      draft?.status ??
+        draft?.state ??
+        draft?.tier ??
+        membership?.status ??
+        membership?.tier
+    );
+
+    const normalizedStep = this.normalizeStatus(step);
+
+    if (normalizedStep === 'work-in-progress') {
+      return [
+        'work-in-progress',
+        'wip',
+        'candidate',
+        'candidates',
+        'draft',
+      ].includes(status);
+    }
+
+    if (normalizedStep === 'review') {
+      return ['awaiting-review', 'review', 'reviewed'].includes(status);
+    }
+
+    if (normalizedStep === 'staged') {
+      return status === 'staged';
+    }
+
+    return status === normalizedStep;
+  }
+
+  getProductionReleases(membership: MembershipTrack): any[] {
+    const releases =
+      membership?.production_releases ??
+      membership?.productionReleases ??
+      membership?.releases ??
+      [];
+
+    if (!Array.isArray(releases)) {
+      return [];
+    }
+
+    return [...releases].sort(
+      (first, second) =>
+        this.getReleaseTimestamp(second) - this.getReleaseTimestamp(first)
+    );
+  }
+
+  getReleaseVersion(release: any): string {
+    const version =
+      this.normalizeVersionValue(release?.version) ??
+      release?.name ??
+      release?.title ??
+      release?.release_version ??
+      release?.releaseVersion ??
+      release?.tag;
+
+    if (!version) {
+      return 'Release';
+    }
+
+    const value = String(version);
+
+    return value.toLowerCase().startsWith('v') ? value : `v${value}`;
+  }
+
+  getReleaseDateLabel(release: any): string {
+    const date =
+      release?.released_at ??
+      release?.releasedAt ??
+      release?.release_date ??
+      release?.releaseDate ??
+      release?.modified ??
+      release?.created_at ??
+      release?.createdAt ??
+      release?.created ??
+      release?.date;
+
+    return date ? `Released on ${this.formatDate(date)}` : 'Production release';
+  }
+
+  toggleReleaseSelection(
+    release: any,
+    membership: MembershipTrack,
+    checked: boolean
+  ): void {
+    if (!release) {
+      return;
+    }
+
+    const key = this.getReleaseSelectionKey(release, membership);
+
+    if (!checked) {
+      const nextSelection = new Map(this.selectedReleases);
+      nextSelection.delete(key);
+      this.selectedReleases = nextSelection;
+      return;
+    }
+
+    if (this.selectedReleases.size >= 2) {
+      return;
+    }
+
+    this.selectedReleases = new Map(this.selectedReleases).set(key, {
+      key,
+      release,
+      membership,
+    });
+  }
+
+  isReleaseSelected(release: any, membership: MembershipTrack): boolean {
+    if (!release) {
+      return false;
+    }
+
+    return this.selectedReleases.has(
+      this.getReleaseSelectionKey(release, membership)
+    );
+  }
+
+  clearSelection(): void {
+    this.selectedReleases = new Map<string, SelectedRelease>();
+
+    this.elementRef.nativeElement
+      .querySelectorAll<HTMLInputElement>('input[type="checkbox"]')
+      .forEach(checkbox => {
+        checkbox.checked = false;
+      });
+  }
+
+  compareSelectedReleases(): void {
+    if (this.selectedReleaseCount !== 2) {
+      return;
+    }
+
+    this.releasesCompared.emit([...this.selectedReleases.values()]);
+  }
+
+  trackByMembership(
+    index: number,
+    membership: MembershipTrack
+  ): string | number {
+    return (
+      membership?.id ??
+      membership?.apiId ??
+      membership?.track_id ??
+      membership?.name ??
+      index
+    );
+  }
+
+  trackByRelease(index: number, release: any): string | number {
+    const version =
+      release?.version?._version ??
+      release?.version ??
+      release?.release_version;
+
+    return (
+      release?.id ??
+      release?.snapshot_id ??
+      release?.modified ??
+      release?.tag ??
+      release?.name ??
+      (Array.isArray(version) ? version.join('.') : version) ??
+      index
+    );
+  }
+
+  private getTrackId(membership: MembershipTrack): string {
+    return String(
+      membership?.id ??
+        membership?.apiId ??
+        membership?.track_id ??
+        membership?.track?.id ??
+        membership?.release_track?.id ??
+        membership?.name ??
+        ''
+    );
+  }
+
+  private getReleaseSelectionKey(
+    release: any,
+    membership: MembershipTrack
+  ): string {
+    const membershipId =
+      membership?.apiId ??
+      membership?.track_id ??
+      membership?.id ??
+      membership?.name ??
+      'release-track';
+
+    const releaseId =
+      release?.id ??
+      release?.snapshot_id ??
+      release?.modified ??
+      this.normalizeVersionValue(release?.version) ??
+      release?.tag ??
+      release?.name ??
+      release?.status ??
+      JSON.stringify(release);
+
+    return `${membershipId}:${releaseId}`;
+  }
+
+  private getReleaseTimestamp(release: any): number {
+    const date =
+      release?.released_at ??
+      release?.releasedAt ??
+      release?.release_date ??
+      release?.releaseDate ??
+      release?.modified ??
+      release?.created_at ??
+      release?.createdAt ??
+      release?.created ??
+      release?.date;
+
+    if (!date) {
+      return 0;
+    }
+
+    const timestamp = new Date(date).getTime();
+
+    return Number.isNaN(timestamp) ? 0 : timestamp;
+  }
+
+  private normalizeVersionValue(version: any): string | null {
+    if (version === null || version === undefined) {
+      return null;
+    }
+
+    if (Array.isArray(version)) {
+      return version.join('.');
+    }
+
+    if (typeof version === 'object') {
+      const nestedVersion =
+        version._version ?? version.version ?? version.value;
+
+      if (Array.isArray(nestedVersion)) {
+        return nestedVersion.join('.');
+      }
+
+      return nestedVersion === null || nestedVersion === undefined
+        ? null
+        : String(nestedVersion);
+    }
+
+    return String(version);
+  }
+
+  private normalizeStatus(status: unknown): string {
+    return String(status ?? '')
+      .trim()
+      .toLowerCase()
+      .replace(/[\s_]+/g, '-');
+  }
+
+  private formatStatus(status: unknown): string {
+    if (!status) {
+      return 'Work In Progress';
+    }
+
+    return String(status)
+      .replace(/[_-]+/g, ' ')
+      .replace(/\b\w/g, character => character.toUpperCase());
+  }
+
+  private formatDate(value: string | Date, includeTime = false): string {
+    const date = new Date(value);
+
+    if (Number.isNaN(date.getTime())) {
+      return String(value);
+    }
+
+    const options: Intl.DateTimeFormatOptions = includeTime
+      ? {
+          year: 'numeric',
+          month: 'short',
+          day: 'numeric',
+          hour: 'numeric',
+          minute: '2-digit',
+        }
+      : {
+          year: 'numeric',
+          month: 'short',
+          day: 'numeric',
+        };
+
+    return new Intl.DateTimeFormat('en-US', options).format(date);
+  }
+
+  private formatIdentifier(identifier: unknown): string | null {
+    if (!identifier) {
+      return null;
+    }
+
+    const value = String(identifier);
+    const identifierName = value.includes('--') ? value.split('--')[0] : value;
+
+    return this.formatStatus(identifierName);
+  }
+}
diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
index f78ec49b3..0741c172a 100644
--- a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
@@ -21,6 +21,16 @@
     </mat-tab>
   </ng-container>
 
+  <mat-tab *ngIf="showMembership">
+    <ng-template mat-tab-label>
+      <span class="nav-tab-label">MEMBERSHIP</span>
+    </ng-template>
+    <ng-template matTabContent>
+      <app-membership-section [config]="config" [object]="object">
+      </app-membership-section>
+    </ng-template>
+  </mat-tab>
+
   <mat-tab *ngIf="showHistory">
     <ng-template mat-tab-label>
       <span class="nav-tab-label">HISTORY</span>
diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts
index 184c5526c..fc4f67dfb 100644
--- a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts
@@ -20,4 +20,5 @@ export class StixPageTabsComponent {
   @Input() customTabs: CustomTab[] = [];
   @Input() showHistory = true;
   @Input() showNotes = true;
+  @Input() showMembership = true;
 }
diff --git a/src/app/services/connectors/rest-api/membership-section-data.service.ts b/src/app/services/connectors/rest-api/membership-section-data.service.ts
new file mode 100644
index 000000000..28ef90a5c
--- /dev/null
+++ b/src/app/services/connectors/rest-api/membership-section-data.service.ts
@@ -0,0 +1,615 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { forkJoin, Observable, of } from 'rxjs';
+import { catchError, map, switchMap } from 'rxjs/operators';
+
+import { environment } from 'src/environments/environment';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+
+export interface MembershipTrack {
+  id: string;
+  name: string;
+  description: string;
+  type: string;
+
+  apiId?: string;
+  track_id?: string;
+  tier?: string;
+  status?: string;
+
+  current_draft?: any;
+  currentDraft?: any;
+  draft?: any;
+
+  production_releases?: any[];
+  productionReleases?: any[];
+  releases?: any[];
+  versions?: any[];
+
+  track?: any;
+  release_track?: any;
+
+  [key: string]: any;
+}
+
+interface MembershipReference {
+  id: string;
+  tier?: string;
+  status?: string;
+  [key: string]: any;
+}
+
+@Injectable({
+  providedIn: 'root',
+})
+export class MembershipSectionDataService {
+  private get apiUrl(): string {
+    return environment.integrations.rest_api.url.replace(/\/+$/, '');
+  }
+
+  private readonly defaultTracks: MembershipTrack[] = [
+    {
+      id: 'core-objects',
+      name: 'Core Objects',
+      description:
+        'Standard release track for core ATT&CK objects like techniques and mitigations.',
+      type: 'STANDARD',
+      current_draft: null,
+      production_releases: [],
+      releases: [],
+      versions: [],
+    },
+    {
+      id: 'enterprise-attack',
+      name: 'Enterprise ATT&CK',
+      description:
+        'Virtual track consolidating all Enterprise-related objects.',
+      type: 'VIRTUAL',
+      current_draft: null,
+      production_releases: [],
+      releases: [],
+      versions: [],
+    },
+  ];
+
+  constructor(
+    private readonly http: HttpClient,
+    private readonly releaseTracksConnector: ReleaseTracksConnectorService
+  ) {}
+
+  public getDefaultTracks(): MembershipTrack[] {
+    return this.defaultTracks.map(track => this.copyTrack(track));
+  }
+
+  public loadMemberships(
+    objectRef: string,
+    objectInput: any,
+    configInput: any
+  ): Observable<MembershipTrack[]> {
+    const suppliedMemberships = this.extractMemberships(
+      objectInput,
+      configInput
+    );
+
+    const rawObject$ = suppliedMemberships.length
+      ? of(objectInput ?? configInput?.object ?? null)
+      : this.loadRawObject(objectRef, objectInput ?? configInput?.object);
+
+    return forkJoin({
+      rawObject: rawObject$,
+      releaseTracksResponse: this.releaseTracksConnector
+        .listReleaseTracks({
+          limit: 100,
+          offset: 0,
+        })
+        .pipe(
+          catchError(error => {
+            console.error('Failed to load release tracks', error);
+            return of(null);
+          })
+        ),
+    }).pipe(
+      map(({ rawObject, releaseTracksResponse }) => {
+        const memberships = suppliedMemberships.length
+          ? suppliedMemberships
+          : this.extractMemberships(rawObject, {
+              object: rawObject,
+            });
+
+        const availableTracks = this.normalizeReleaseTrackList(
+          releaseTracksResponse
+        );
+
+        return this.buildTracks(availableTracks, memberships, objectRef);
+      }),
+      switchMap(tracks =>
+        this.loadVersionsForMembershipTracks(tracks, objectRef)
+      ),
+      catchError(error => {
+        console.error('Failed to load membership data', error);
+        return of(this.getDefaultTracks());
+      })
+    );
+  }
+
+  private loadRawObject(objectRef: string, objectInput: any): Observable<any> {
+    const objectType =
+      objectInput?.type ??
+      objectInput?.stix?.type ??
+      objectInput?.attackType ??
+      this.getTypeFromStixId(objectRef);
+
+    const resource = this.getResourceName(objectType);
+
+    if (!resource) {
+      console.warn(`Unable to determine REST resource for object ${objectRef}`);
+      return of(objectInput ?? null);
+    }
+
+    const url = `${this.apiUrl}/${resource}/${encodeURIComponent(objectRef)}`;
+
+    return this.http.get<any>(url).pipe(
+      map(response => {
+        if (Array.isArray(response)) {
+          return response[0] ?? objectInput ?? null;
+        }
+
+        return response ?? objectInput ?? null;
+      }),
+      catchError(error => {
+        console.error(`Failed to load raw object ${objectRef}`, error);
+        return of(objectInput ?? null);
+      })
+    );
+  }
+
+  private extractMemberships(
+    objectInput: any,
+    configInput: any
+  ): MembershipReference[] {
+    const releaseTracks =
+      objectInput?.workspace?.release_tracks ??
+      objectInput?.workspace?.releaseTracks ??
+      objectInput?.release_tracks ??
+      objectInput?.releaseTracks ??
+      configInput?.object?.workspace?.release_tracks ??
+      configInput?.object?.workspace?.releaseTracks ??
+      configInput?.workspace?.release_tracks ??
+      configInput?.workspace?.releaseTracks ??
+      [];
+
+    return Array.isArray(releaseTracks)
+      ? releaseTracks.filter(membership => !!membership?.id)
+      : [];
+  }
+
+  private normalizeReleaseTrackList(response: any): MembershipTrack[] {
+    if (!response) {
+      return [];
+    }
+
+    if (Array.isArray(response)) {
+      return response;
+    }
+
+    const tracks =
+      response.data ??
+      response.items ??
+      response.results ??
+      response.release_tracks ??
+      response.releaseTracks ??
+      response.tracks ??
+      [];
+
+    return Array.isArray(tracks) ? tracks : [];
+  }
+
+  private buildTracks(
+    availableTracks: MembershipTrack[],
+    memberships: MembershipReference[],
+    objectRef: string
+  ): MembershipTrack[] {
+    const memberTracks = memberships.map(membership => {
+      const metadata = availableTracks.find(
+        track => this.getTrackApiId(track) === membership.id
+      );
+
+      const track: MembershipTrack = {
+        ...(metadata ?? {}),
+        ...membership,
+
+        id: metadata?.track_id ?? metadata?.id ?? membership.id,
+
+        apiId: membership.id,
+
+        name:
+          metadata?.name ??
+          metadata?.title ??
+          this.formatIdentifier(membership.id) ??
+          'Release Track',
+
+        description:
+          metadata?.description?.trim() ||
+          'Release track containing this ATT&CK object.',
+
+        type: metadata?.type ?? metadata?.track_type ?? 'STANDARD',
+
+        tier: membership.tier,
+        status: membership.status,
+
+        current_draft: this.createCurrentDraft(membership, metadata, objectRef),
+
+        production_releases: [],
+        releases: [],
+        versions: [],
+      };
+
+      return track;
+    });
+
+    return this.defaultTracks.map(defaultTrack => {
+      const matchingTrack = memberTracks.find(
+        memberTrack =>
+          this.normalizeTrackType(memberTrack.type) ===
+          this.normalizeTrackType(defaultTrack.type)
+      );
+
+      return matchingTrack
+        ? this.mergeTrack(defaultTrack, matchingTrack)
+        : this.copyTrack(defaultTrack);
+    });
+  }
+
+  private loadVersionsForMembershipTracks(
+    tracks: MembershipTrack[],
+    objectRef: string
+  ): Observable<MembershipTrack[]> {
+    const requests = tracks.map(track => {
+      if (!track.apiId) {
+        return of(track);
+      }
+
+      return this.releaseTracksConnector
+        .listObjectVersions(track.apiId, objectRef)
+        .pipe(
+          map(response => this.applyVersionResponse(track, response)),
+          catchError(error => {
+            console.error(
+              `Failed to load versions for track ${track.apiId}`,
+              error
+            );
+            return of(track);
+          })
+        );
+    });
+
+    return requests.length ? forkJoin(requests) : of(tracks);
+  }
+
+  private applyVersionResponse(
+    track: MembershipTrack,
+    response: any
+  ): MembershipTrack {
+    const versions = this.normalizeVersionList(response);
+
+    const responseDraft =
+      response?.current_draft ??
+      response?.currentDraft ??
+      response?.draft ??
+      null;
+
+    const directReleases =
+      response?.production_releases ??
+      response?.productionReleases ??
+      response?.releases ??
+      null;
+
+    const currentDraft =
+      responseDraft ??
+      versions.find(version => this.isDraftVersion(version)) ??
+      track.current_draft ??
+      null;
+
+    const productionReleases = Array.isArray(directReleases)
+      ? directReleases
+      : versions.filter(version => this.isProductionVersion(version));
+
+    return {
+      ...track,
+      current_draft: currentDraft,
+      production_releases: productionReleases,
+      releases: productionReleases,
+      versions,
+    };
+  }
+
+  private normalizeVersionList(response: any): any[] {
+    if (!response) {
+      return [];
+    }
+
+    if (Array.isArray(response)) {
+      return response;
+    }
+
+    const versions =
+      response.data ??
+      response.items ??
+      response.results ??
+      response.versions ??
+      response.object_versions ??
+      response.objectVersions ??
+      response.snapshots ??
+      [];
+
+    return Array.isArray(versions) ? versions : [];
+  }
+
+  private createCurrentDraft(
+    membership: MembershipReference,
+    metadata: MembershipTrack | undefined,
+    objectRef: string
+  ): any {
+    const existingDraft =
+      metadata?.current_draft ?? metadata?.currentDraft ?? metadata?.draft;
+
+    if (existingDraft) {
+      return {
+        ...existingDraft,
+        status: membership.status ?? existingDraft.status,
+        tier: membership.tier ?? existingDraft.tier,
+        in_current_draft: true,
+      };
+    }
+
+    const tier = this.normalizeStatus(membership.tier);
+    const status = this.normalizeStatus(membership.status);
+
+    const draftStatuses = [
+      'candidate',
+      'candidates',
+      'draft',
+      'work-in-progress',
+      'wip',
+      'awaiting-review',
+      'review',
+      'reviewed',
+      'staged',
+    ];
+
+    if (!draftStatuses.includes(tier) && !draftStatuses.includes(status)) {
+      return null;
+    }
+
+    return {
+      id: `${membership.id}:${objectRef}`,
+      status: membership.status ?? membership.tier ?? 'work-in-progress',
+      tier: membership.tier ?? membership.status,
+      in_current_draft: true,
+    };
+  }
+
+  private isDraftVersion(version: any): boolean {
+    if (version?.is_draft === true || version?.isDraft === true) {
+      return true;
+    }
+
+    const status = this.normalizeStatus(
+      version?.status ??
+        version?.state ??
+        version?.tier ??
+        version?.snapshot_status
+    );
+
+    return [
+      'candidate',
+      'candidates',
+      'draft',
+      'work-in-progress',
+      'wip',
+      'awaiting-review',
+      'review',
+      'reviewed',
+      'staged',
+    ].includes(status);
+  }
+
+  private isProductionVersion(version: any): boolean {
+    if (
+      version?.is_release === true ||
+      version?.isRelease === true ||
+      version?.released === true ||
+      version?.tagged === true
+    ) {
+      return true;
+    }
+
+    if (
+      version?.released_at ||
+      version?.releasedAt ||
+      version?.release_date ||
+      version?.releaseDate ||
+      version?.tag
+    ) {
+      return true;
+    }
+
+    const status = this.normalizeStatus(
+      version?.status ??
+        version?.state ??
+        version?.tier ??
+        version?.snapshot_status
+    );
+
+    if (
+      ['production', 'release', 'released', 'published', 'tagged'].includes(
+        status
+      )
+    ) {
+      return true;
+    }
+
+    return (
+      !this.isDraftVersion(version) &&
+      !!this.normalizeVersionValue(version?.version)
+    );
+  }
+
+  private mergeTrack(
+    displayTrack: MembershipTrack,
+    sourceTrack: MembershipTrack
+  ): MembershipTrack {
+    return {
+      ...sourceTrack,
+      id: sourceTrack.id,
+      apiId: sourceTrack.apiId,
+      name: displayTrack.name,
+      description: displayTrack.description,
+      type: displayTrack.type,
+      current_draft:
+        sourceTrack.current_draft ??
+        sourceTrack.currentDraft ??
+        sourceTrack.draft ??
+        null,
+      production_releases:
+        sourceTrack.production_releases ??
+        sourceTrack.productionReleases ??
+        sourceTrack.releases ??
+        [],
+      releases:
+        sourceTrack.production_releases ??
+        sourceTrack.productionReleases ??
+        sourceTrack.releases ??
+        [],
+      versions: sourceTrack.versions ?? [],
+    };
+  }
+
+  private getTrackApiId(track: MembershipTrack): string | null {
+    const id =
+      track.track_id ??
+      track.apiId ??
+      track.track?.id ??
+      track.release_track?.id ??
+      track.id;
+
+    return id ? String(id) : null;
+  }
+
+  private getResourceName(type: unknown): string | null {
+    const normalized = String(type ?? '')
+      .trim()
+      .toLowerCase();
+
+    const resourceMap: Record<string, string> = {
+      'attack-pattern': 'techniques',
+      'technique': 'techniques',
+
+      'x-mitre-tactic': 'tactics',
+      'tactic': 'tactics',
+
+      'intrusion-set': 'groups',
+      'group': 'groups',
+
+      'campaign': 'campaigns',
+
+      'x-mitre-asset': 'assets',
+      'asset': 'assets',
+
+      'malware': 'software',
+      'tool': 'software',
+      'software': 'software',
+
+      'course-of-action': 'mitigations',
+      'mitigation': 'mitigations',
+
+      'x-mitre-data-source': 'data-sources',
+      'data-source': 'data-sources',
+
+      'x-mitre-data-component': 'data-components',
+      'data-component': 'data-components',
+
+      'x-mitre-detection-strategy': 'detection-strategies',
+      'detection-strategy': 'detection-strategies',
+
+      'x-mitre-analytic': 'analytics',
+      'analytic': 'analytics',
+
+      'x-mitre-matrix': 'matrices',
+      'matrix': 'matrices',
+
+      'relationship': 'relationships',
+      'note': 'notes',
+
+      'x-mitre-collection': 'collections',
+      'collection': 'collections',
+
+      'identity': 'identities',
+      'marking-definition': 'marking-definitions',
+    };
+
+    return resourceMap[normalized] ?? null;
+  }
+
+  private getTypeFromStixId(objectRef: string): string {
+    return objectRef.split('--')[0] ?? '';
+  }
+
+  private normalizeStatus(value: unknown): string {
+    return String(value ?? '')
+      .trim()
+      .toLowerCase()
+      .replace(/[\s_]+/g, '-');
+  }
+
+  private normalizeTrackType(value: unknown): string {
+    return String(value ?? 'standard')
+      .trim()
+      .toLowerCase();
+  }
+
+  private normalizeVersionValue(version: any): string | null {
+    if (version === null || version === undefined) {
+      return null;
+    }
+
+    if (Array.isArray(version)) {
+      return version.join('.');
+    }
+
+    if (typeof version === 'object') {
+      const nested = version._version ?? version.version ?? version.value;
+
+      if (Array.isArray(nested)) {
+        return nested.join('.');
+      }
+
+      return nested === null || nested === undefined ? null : String(nested);
+    }
+
+    return String(version);
+  }
+
+  private formatIdentifier(identifier: unknown): string | null {
+    if (!identifier) {
+      return null;
+    }
+
+    const value = String(identifier);
+    const identifierName = value.includes('--') ? value.split('--')[0] : value;
+
+    return identifierName
+      .replace(/[_-]+/g, ' ')
+      .replace(/\b\w/g, character => character.toUpperCase());
+  }
+
+  private copyTrack(track: MembershipTrack): MembershipTrack {
+    return {
+      ...track,
+      current_draft: null,
+      production_releases: [],
+      releases: [],
+      versions: [],
+    };
+  }
+}
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 4ff125996..f9741e743 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -31,6 +31,7 @@ <h1>
     [detailsTemplate]="detailsTpl"
     [showHistory]="false"
     [showNotes]="false"
+    [showMembership]="false"
     [customTabs]="[
       { label: 'History', template: historyTpl },
       { label: 'Config', template: configTpl },

From cdb73e3fc72d985b58ef3b39c9089e6bcdd00b2a Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Mon, 20 Jul 2026 11:12:58 -0400
Subject: [PATCH 090/190] fix: refine release track membership statuses and
 releases

---
 .../membership-section.component.html         |   8 +-
 .../membership-section.component.scss         |  45 ++++++++
 .../membership-section.component.spec.ts      |  72 +++++++++++--
 .../membership-section.component.ts           |  52 ++++++++-
 .../membership-section-data.service.spec.ts   | 101 ++++++++++++++++++
 .../membership-section-data.service.ts        |  54 ++++++++--
 .../rest-api/release-tracks.service.ts        |  15 +++
 7 files changed, 324 insertions(+), 23 deletions(-)
 create mode 100644 src/app/services/connectors/rest-api/membership-section-data.service.spec.ts

diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
index e8723ea3d..3a3b52a42 100644
--- a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
@@ -40,6 +40,7 @@ <h3>{{ getTrackName(membership) }}</h3>
             *ngIf="canViewReleaseTrackDashboard"
             type="button"
             class="view-track-button"
+            [disabled]="!hasSelectedReleaseForTrack(membership)"
             (click)="viewTrack(membership, $event)">
             View Track
 
@@ -86,7 +87,10 @@ <h4>Current Draft Status</h4>
                 " />
 
               <span class="release-information">
-                <strong class="draft-status">
+                <strong
+                  class="draft-status"
+                  [class.draft-status--in-review]="isDraftInReview(membership)"
+                  [class.draft-status--staged]="isDraftStaged(membership)">
                   {{ getDraftStatusLabel(membership) }}
                 </strong>
 
@@ -107,6 +111,7 @@ <h4>Current Draft Status</h4>
 
               <span
                 class="status-step"
+                [class.status-step--review-active]="isDraftInReview(membership)"
                 [class.status-step--active]="
                   isDraftStepActive(membership, 'review')
                 ">
@@ -115,6 +120,7 @@ <h4>Current Draft Status</h4>
 
               <span
                 class="status-step"
+                [class.status-step--staged-active]="isDraftStaged(membership)"
                 [class.status-step--active]="
                   isDraftStepActive(membership, 'staged')
                 ">
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
index 938352795..7a556bff2 100644
--- a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
@@ -5,6 +5,7 @@
 $membership-accent: colors.color(mitre-light-blue);
 $membership-accent-dark: #62c9ff;
 $membership-success: colors.color(secondary);
+$membership-release: colors.color(active);
 
 // Explicit purple values for the virtual release-track badge.
 $membership-virtual: #8c5bd6;
@@ -260,6 +261,18 @@ button.membership-action-button {
   transition:
     background-color 120ms ease,
     border-color 120ms ease;
+
+  .release-information strong {
+    color: $membership-release;
+  }
+
+  .release-tag-icon {
+    border-color: $membership-release;
+
+    &::after {
+      background: $membership-release;
+    }
+  }
 }
 
 .release-information {
@@ -288,6 +301,14 @@ button.membership-action-button {
   text-transform: capitalize;
 }
 
+.draft-status--in-review {
+  color: colors.color(pending) !important;
+}
+
+.draft-status--staged {
+  color: colors.color(active) !important;
+}
+
 .release-tag-icon {
   position: relative;
   width: 13px;
@@ -348,6 +369,18 @@ input[type='checkbox'] {
   color: $membership-success !important;
 }
 
+.status-step--review-active {
+  border-color: rgba(colors.color(pending), 0.8) !important;
+  background: rgba(colors.color(pending), 0.16) !important;
+  color: colors.color(pending) !important;
+}
+
+.status-step--staged-active {
+  border-color: rgba(colors.color(active), 0.8) !important;
+  background: rgba(colors.color(active), 0.16) !important;
+  color: colors.color(active) !important;
+}
+
 /*
  * Light mode
  *
@@ -616,6 +649,18 @@ input[type='checkbox'] {
     background: rgba($membership-accent-dark, 0.2) !important;
     color: $membership-accent-dark !important;
   }
+
+  .status-step--review-active {
+    border-color: rgba(colors.color(pending), 0.9) !important;
+    background: rgba(colors.color(pending), 0.2) !important;
+    color: colors.color(pending) !important;
+  }
+
+  .status-step--staged-active {
+    border-color: rgba(colors.color(active), 0.9) !important;
+    background: rgba(colors.color(active), 0.2) !important;
+    color: colors.color(active) !important;
+  }
 }
 
 @media (max-width: 900px) {
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
index b91164014..6ed8a0fa9 100644
--- a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
@@ -1,6 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { of } from 'rxjs';
 import { Router } from '@angular/router';
+import { vi } from 'vitest';
 
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { MembershipSectionComponent } from './membership-section.component';
@@ -40,25 +41,24 @@ describe('MembershipSectionComponent', () => {
   ];
 
   beforeEach(async () => {
-    membershipDataService = jasmine.createSpyObj(
-      'MembershipSectionDataService',
-      ['getDefaultTracks', 'loadMemberships']
-    );
+    membershipDataService = {
+      getDefaultTracks: vi.fn(),
+      loadMemberships: vi.fn(),
+    };
 
-    membershipDataService.getDefaultTracks.and.callFake(() =>
+    membershipDataService.getDefaultTracks.mockImplementation(() =>
       defaultTracks.map(track => ({ ...track }))
     );
 
-    membershipDataService.loadMemberships.and.returnValue(
+    membershipDataService.loadMemberships.mockReturnValue(
       of(defaultTracks.map(track => ({ ...track })))
     );
 
-    authenticationService = jasmine.createSpyObj('AuthenticationService', [
-      'isAuthorized',
-    ]);
-    authenticationService.isAuthorized.and.returnValue(true);
+    authenticationService = {
+      isAuthorized: vi.fn().mockReturnValue(true),
+    };
 
-    router = jasmine.createSpyObj('Router', ['navigate']);
+    router = { navigate: vi.fn() };
 
     await TestBed.configureTestingModule({
       declarations: [MembershipSectionComponent],
@@ -140,6 +140,36 @@ describe('MembershipSectionComponent', () => {
     expect(component.getDraftDateLabel(membership)).toBe('As of TBD');
   });
 
+  it('should identify a draft that is awaiting review', () => {
+    const membership = {
+      ...component.memberships[0],
+      current_draft: {
+        status: 'awaiting-review',
+        in_current_draft: true,
+      },
+    };
+
+    expect(component.getDraftStatusLabel(membership)).toBe('In Review');
+    expect(component.isDraftInReview(membership)).toBe(true);
+  });
+
+  it('should identify a staged draft', () => {
+    const membership = {
+      ...component.memberships[0],
+      tier: 'staged',
+      status: 'reviewed',
+      current_draft: {
+        tier: 'staged',
+        status: 'reviewed',
+        in_current_draft: true,
+      },
+    };
+
+    expect(component.getDraftStatusLabel(membership)).toBe('Staged');
+    expect(component.isDraftStaged(membership)).toBe(true);
+    expect(component.isDraftInReview(membership)).toBe(false);
+  });
+
   it('should render Clear and Compare buttons', () => {
     const element: HTMLElement = fixture.nativeElement;
 
@@ -150,6 +180,12 @@ describe('MembershipSectionComponent', () => {
   it('should navigate authorized users to the release track dashboard', () => {
     const track = component.memberships[0];
 
+    component.toggleReleaseSelection(
+      { id: 'release--1', version: '1.0' },
+      track,
+      true
+    );
+
     component.viewTrack(track);
 
     expect(router.navigate).toHaveBeenCalledWith([
@@ -158,6 +194,20 @@ describe('MembershipSectionComponent', () => {
     ]);
   });
 
+  it('should enable View Track only for a track with a selected release', () => {
+    const selectedTrack = component.memberships[0];
+    const otherTrack = component.memberships[1];
+
+    component.toggleReleaseSelection(
+      { id: 'release--1', version: '1.0' },
+      selectedTrack,
+      true
+    );
+
+    expect(component.hasSelectedReleaseForTrack(selectedTrack)).toBe(true);
+    expect(component.hasSelectedReleaseForTrack(otherTrack)).toBe(false);
+  });
+
   it('should allow no more than two selected releases', () => {
     const membership = component.memberships[0];
 
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts
index 8cd1d9022..061f17575 100644
--- a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts
@@ -198,7 +198,10 @@ export class MembershipSectionComponent
   viewTrack(membership: MembershipTrack, event?: Event): void {
     event?.stopPropagation();
 
-    if (!this.canViewReleaseTrackDashboard) {
+    if (
+      !this.canViewReleaseTrackDashboard ||
+      !this.hasSelectedReleaseForTrack(membership)
+    ) {
       return;
     }
 
@@ -237,6 +240,10 @@ export class MembershipSectionComponent
       membership?.tier ??
       'work-in-progress';
 
+    if (this.isDraftStaged(membership)) {
+      return 'Staged';
+    }
+
     if (
       ['work-in-progress', 'wip', 'candidate', 'candidates', 'draft'].includes(
         this.normalizeStatus(status)
@@ -245,6 +252,10 @@ export class MembershipSectionComponent
       return 'Work in Progress';
     }
 
+    if (this.isDraftInReview(membership)) {
+      return 'In Review';
+    }
+
     return this.formatStatus(status);
   }
 
@@ -261,6 +272,31 @@ export class MembershipSectionComponent
     return date ? `As of ${this.formatDate(date, true)}` : 'As of TBD';
   }
 
+  isDraftInReview(membership: MembershipTrack): boolean {
+    const draft = this.getCurrentDraft(membership);
+
+    const status = this.normalizeStatus(
+      draft?.status ?? draft?.state ?? membership?.status
+    );
+
+    return (
+      !this.isDraftStaged(membership) &&
+      ['awaiting-review', 'review', 'reviewed'].includes(status)
+    );
+  }
+
+  isDraftStaged(membership: MembershipTrack): boolean {
+    const draft = this.getCurrentDraft(membership);
+
+    return [
+      draft?.tier,
+      draft?.state,
+      draft?.status,
+      membership?.tier,
+      membership?.status,
+    ].some(value => this.normalizeStatus(value) === 'staged');
+  }
+
   isDraftStepActive(membership: MembershipTrack, step: string): boolean {
     const draft = this.getCurrentDraft(membership);
 
@@ -285,11 +321,11 @@ export class MembershipSectionComponent
     }
 
     if (normalizedStep === 'review') {
-      return ['awaiting-review', 'review', 'reviewed'].includes(status);
+      return this.isDraftInReview(membership);
     }
 
     if (normalizedStep === 'staged') {
-      return status === 'staged';
+      return this.isDraftStaged(membership);
     }
 
     return status === normalizedStep;
@@ -336,6 +372,8 @@ export class MembershipSectionComponent
       release?.releasedAt ??
       release?.release_date ??
       release?.releaseDate ??
+      release?.tagged_at ??
+      release?.taggedAt ??
       release?.modified ??
       release?.created_at ??
       release?.createdAt ??
@@ -384,6 +422,14 @@ export class MembershipSectionComponent
     );
   }
 
+  hasSelectedReleaseForTrack(membership: MembershipTrack): boolean {
+    const trackId = this.getTrackId(membership);
+
+    return [...this.selectedReleases.values()].some(
+      selection => this.getTrackId(selection.membership) === trackId
+    );
+  }
+
   clearSelection(): void {
     this.selectedReleases = new Map<string, SelectedRelease>();
 
diff --git a/src/app/services/connectors/rest-api/membership-section-data.service.spec.ts b/src/app/services/connectors/rest-api/membership-section-data.service.spec.ts
new file mode 100644
index 000000000..ff1a151a6
--- /dev/null
+++ b/src/app/services/connectors/rest-api/membership-section-data.service.spec.ts
@@ -0,0 +1,101 @@
+import { HttpClient } from '@angular/common/http';
+import { firstValueFrom, of } from 'rxjs';
+import { vi } from 'vitest';
+
+import { MembershipSectionDataService } from './membership-section-data.service';
+import { ReleaseTracksConnectorService } from './release-tracks.service';
+
+describe('MembershipSectionDataService', () => {
+  const objectRef = 'attack-pattern--063b5b92-5361-481a-9c3f-95492ed9a2d8';
+  const trackId = 'release-track--c3d8c25d-0dfe-4d8a-8249-1fc4016d0555';
+
+  let service: MembershipSectionDataService;
+  let releaseTracksConnector: {
+    listReleaseTracks: ReturnType<typeof vi.fn>;
+    listReleasesForObject: ReturnType<typeof vi.fn>;
+    listObjectVersions: ReturnType<typeof vi.fn>;
+  };
+
+  beforeEach(() => {
+    releaseTracksConnector = {
+      listReleaseTracks: vi.fn().mockReturnValue(
+        of({
+          data: [
+            {
+              id: trackId,
+              track_id: trackId,
+              name: 'Release Track v1',
+              type: 'standard',
+            },
+          ],
+        })
+      ),
+      listReleasesForObject: vi.fn().mockReturnValue(
+        of({
+          data: [
+            {
+              track_id: trackId,
+              version: '1.0',
+              tagged_at: '2026-07-20T14:57:40.134Z',
+              object_modified: '2025-04-15T19:58:03.170Z',
+            },
+            {
+              track_id: 'release-track--other',
+              version: '2.0',
+              tagged_at: '2026-07-21T14:57:40.134Z',
+            },
+          ],
+        })
+      ),
+      listObjectVersions: vi.fn().mockReturnValue(
+        of({
+          versions: [
+            {
+              tier: 'members',
+              object_ref: objectRef,
+              object_modified: '2025-04-15T19:58:03.170Z',
+            },
+          ],
+        })
+      ),
+    };
+
+    service = new MembershipSectionDataService(
+      {} as HttpClient,
+      releaseTracksConnector as unknown as ReleaseTracksConnectorService
+    );
+  });
+
+  it('maps tagged releases to the correct track without retaining a stale draft', async () => {
+    const tracks = await firstValueFrom(
+      service.loadMemberships(
+        objectRef,
+        {
+          workspace: {
+            release_tracks: [
+              {
+                id: trackId,
+                tier: 'staged',
+                status: 'reviewed',
+              },
+            ],
+          },
+        },
+        null
+      )
+    );
+
+    const standardTrack = tracks.find(track => track.type === 'STANDARD');
+
+    expect(standardTrack?.current_draft).toBeNull();
+    expect(standardTrack?.production_releases).toHaveLength(1);
+    expect(standardTrack?.production_releases?.[0]).toMatchObject({
+      track_id: trackId,
+      version: '1.0',
+    });
+    expect(releaseTracksConnector.listReleasesForObject).toHaveBeenCalledWith(
+      objectRef,
+      { order: 'desc', limit: 100, offset: 0 }
+    );
+  });
+});
diff --git a/src/app/services/connectors/rest-api/membership-section-data.service.ts b/src/app/services/connectors/rest-api/membership-section-data.service.ts
index 28ef90a5c..78236b163 100644
--- a/src/app/services/connectors/rest-api/membership-section-data.service.ts
+++ b/src/app/services/connectors/rest-api/membership-section-data.service.ts
@@ -108,8 +108,12 @@ export class MembershipSectionDataService {
             return of(null);
           })
         ),
+      releasesResponse: this.releaseTracksConnector.listReleasesForObject(
+        objectRef,
+        { order: 'desc', limit: 100, offset: 0 }
+      ),
     }).pipe(
-      map(({ rawObject, releaseTracksResponse }) => {
+      map(({ rawObject, releaseTracksResponse, releasesResponse }) => {
         const memberships = suppliedMemberships.length
           ? suppliedMemberships
           : this.extractMemberships(rawObject, {
@@ -120,7 +124,10 @@ export class MembershipSectionDataService {
           releaseTracksResponse
         );
 
-        return this.buildTracks(availableTracks, memberships, objectRef);
+        return this.applyTaggedReleases(
+          this.buildTracks(availableTracks, memberships, objectRef),
+          releasesResponse
+        );
       }),
       switchMap(tracks =>
         this.loadVersionsForMembershipTracks(tracks, objectRef)
@@ -304,15 +311,21 @@ export class MembershipSectionDataService {
       response?.releases ??
       null;
 
-    const currentDraft =
-      responseDraft ??
-      versions.find(version => this.isDraftVersion(version)) ??
-      track.current_draft ??
-      null;
+    const currentDraft = responseDraft
+      ? responseDraft
+      : versions.length
+        ? (versions.find(version => this.isDraftVersion(version)) ?? null)
+        : (track.current_draft ?? null);
+
+    const versionReleases = versions.filter(version =>
+      this.isProductionVersion(version)
+    );
 
     const productionReleases = Array.isArray(directReleases)
       ? directReleases
-      : versions.filter(version => this.isProductionVersion(version));
+      : versionReleases.length
+        ? versionReleases
+        : (track.production_releases ?? []);
 
     return {
       ...track,
@@ -323,6 +336,31 @@ export class MembershipSectionDataService {
     };
   }
 
+  private applyTaggedReleases(
+    tracks: MembershipTrack[],
+    response: any
+  ): MembershipTrack[] {
+    const releases = Array.isArray(response)
+      ? response
+      : Array.isArray(response?.data)
+        ? response.data
+        : [];
+
+    return tracks.map(track => {
+      const trackId = this.getTrackApiId(track);
+      const trackReleases = releases.filter(
+        (release: any) =>
+          String(release?.track_id ?? release?.trackId ?? '') === trackId
+      );
+
+      return {
+        ...track,
+        production_releases: trackReleases,
+        releases: trackReleases,
+      };
+    });
+  }
+
   private normalizeVersionList(response: any): any[] {
     if (!response) {
       return [];
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 44c2e0523..db45cf0d8 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -152,6 +152,21 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     );
   }
 
+  /** List tagged releases that directly contain an object. */
+  public listReleasesForObject(
+    objectRef: string,
+    options?: { order?: 'asc' | 'desc'; limit?: number; offset?: number }
+  ): Observable<any> {
+    const params = this.buildHttpParams(options);
+    const url = `${this.apiUrl}/release-tracks/objects/${encodeURIComponent(objectRef)}/releases`;
+
+    return this.http.get(url, { params }).pipe(
+      tap(() => logger.log(`retrieved tagged releases for ${objectRef}`)),
+      catchError(this.handleError_continue<any>(null)),
+      share()
+    );
+  }
+
   /**
    * POST /api/release-tracks/new
    * Create a new release track.

From 39e64785040dada9a242d71a168ba80d09314a5d Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Mon, 20 Jul 2026 16:45:38 -0400
Subject: [PATCH 091/190] fix: show release track status transition dates

---
 .../membership-section-data.service.spec.ts   | 148 +++++++++++-
 .../membership-section-data.service.ts        | 228 +++++++++++++++---
 2 files changed, 345 insertions(+), 31 deletions(-)

diff --git a/src/app/services/connectors/rest-api/membership-section-data.service.spec.ts b/src/app/services/connectors/rest-api/membership-section-data.service.spec.ts
index ff1a151a6..e2239d887 100644
--- a/src/app/services/connectors/rest-api/membership-section-data.service.spec.ts
+++ b/src/app/services/connectors/rest-api/membership-section-data.service.spec.ts
@@ -10,13 +10,46 @@ describe('MembershipSectionDataService', () => {
   const trackId = 'release-track--c3d8c25d-0dfe-4d8a-8249-1fc4016d0555';
 
   let service: MembershipSectionDataService;
+  let httpClient: { get: ReturnType<typeof vi.fn> };
   let releaseTracksConnector: {
     listReleaseTracks: ReturnType<typeof vi.fn>;
     listReleasesForObject: ReturnType<typeof vi.fn>;
     listObjectVersions: ReturnType<typeof vi.fn>;
+    getLatestSnapshot: ReturnType<typeof vi.fn>;
   };
 
   beforeEach(() => {
+    httpClient = {
+      get: vi.fn().mockReturnValue(
+        of([
+          {
+            stix: { modified: '2026-07-10T10:00:00.000Z' },
+            workspace: {
+              release_tracks: [
+                {
+                  id: trackId,
+                  tier: 'candidates',
+                  status: 'work-in-progress',
+                },
+              ],
+            },
+          },
+          {
+            stix: { modified: '2026-07-12T12:30:00.000Z' },
+            workspace: {
+              release_tracks: [
+                {
+                  id: trackId,
+                  tier: 'candidates',
+                  status: 'awaiting-review',
+                },
+              ],
+            },
+          },
+        ])
+      ),
+    };
+
     releaseTracksConnector = {
       listReleaseTracks: vi.fn().mockReturnValue(
         of({
@@ -58,14 +91,127 @@ describe('MembershipSectionDataService', () => {
           ],
         })
       ),
+      getLatestSnapshot: vi.fn().mockReturnValue(
+        of({
+          modified: '2026-07-20T15:32:46.907Z',
+          candidates: [
+            {
+              object_ref: objectRef,
+              object_status: 'work-in-progress',
+              object_added_at: '2026-07-20T15:32:46.901Z',
+            },
+          ],
+          staged: [],
+        })
+      ),
     };
 
     service = new MembershipSectionDataService(
-      {} as HttpClient,
+      httpClient as unknown as HttpClient,
       releaseTracksConnector as unknown as ReleaseTracksConnectorService
     );
   });
 
+  it('uses all object revisions to date the latest status change', async () => {
+    releaseTracksConnector.listReleasesForObject.mockReturnValue(
+      of({ data: [] })
+    );
+    releaseTracksConnector.listObjectVersions.mockReturnValue(
+      of({
+        versions: [
+          {
+            tier: 'candidates',
+            object_ref: objectRef,
+            object_status: 'awaiting-review',
+          },
+        ],
+      })
+    );
+
+    const tracks = await firstValueFrom(
+      service.loadMemberships(
+        objectRef,
+        {
+          type: 'attack-pattern',
+          workspace: {
+            release_tracks: [
+              {
+                id: trackId,
+                tier: 'candidates',
+                status: 'awaiting-review',
+              },
+            ],
+          },
+        },
+        null
+      )
+    );
+
+    expect(tracks[0].current_draft?.updated_at).toBe(
+      '2026-07-12T12:30:00.000Z'
+    );
+    expect(httpClient.get).toHaveBeenCalledWith(
+      expect.stringContaining(`/techniques/${objectRef}`),
+      { params: { versions: 'all' } }
+    );
+  });
+
+  it('falls back to the track snapshot date when revisions show no transition', async () => {
+    httpClient.get.mockReturnValue(
+      of([
+        {
+          stix: { modified: '2025-04-15T19:58:03.170Z' },
+          workspace: {
+            release_tracks: [
+              {
+                id: trackId,
+                tier: 'candidates',
+                status: 'work-in-progress',
+              },
+            ],
+          },
+        },
+      ])
+    );
+    releaseTracksConnector.listReleasesForObject.mockReturnValue(
+      of({ data: [] })
+    );
+    releaseTracksConnector.listObjectVersions.mockReturnValue(
+      of({
+        versions: [
+          {
+            tier: 'candidates',
+            object_ref: objectRef,
+            object_status: 'work-in-progress',
+          },
+        ],
+      })
+    );
+
+    const tracks = await firstValueFrom(
+      service.loadMemberships(
+        objectRef,
+        {
+          type: 'attack-pattern',
+          workspace: {
+            release_tracks: [
+              {
+                id: trackId,
+                tier: 'candidates',
+                status: 'work-in-progress',
+              },
+            ],
+          },
+        },
+        null
+      )
+    );
+
+    expect(tracks[0].current_draft?.updated_at).toBe(
+      '2026-07-20T15:32:46.901Z'
+    );
+  });
+
   it('maps tagged releases to the correct track without retaining a stale draft', async () => {
     const tracks = await firstValueFrom(
       service.loadMemberships(
diff --git a/src/app/services/connectors/rest-api/membership-section-data.service.ts b/src/app/services/connectors/rest-api/membership-section-data.service.ts
index 78236b163..d54085617 100644
--- a/src/app/services/connectors/rest-api/membership-section-data.service.ts
+++ b/src/app/services/connectors/rest-api/membership-section-data.service.ts
@@ -112,23 +112,37 @@ export class MembershipSectionDataService {
         objectRef,
         { order: 'desc', limit: 100, offset: 0 }
       ),
+      objectVersionsResponse: this.loadAllObjectVersions(
+        objectRef,
+        objectInput
+      ),
     }).pipe(
-      map(({ rawObject, releaseTracksResponse, releasesResponse }) => {
-        const memberships = suppliedMemberships.length
-          ? suppliedMemberships
-          : this.extractMemberships(rawObject, {
-              object: rawObject,
-            });
-
-        const availableTracks = this.normalizeReleaseTrackList(
-          releaseTracksResponse
-        );
-
-        return this.applyTaggedReleases(
-          this.buildTracks(availableTracks, memberships, objectRef),
-          releasesResponse
-        );
-      }),
+      map(
+        ({
+          rawObject,
+          releaseTracksResponse,
+          releasesResponse,
+          objectVersionsResponse,
+        }) => {
+          const memberships = suppliedMemberships.length
+            ? suppliedMemberships
+            : this.extractMemberships(rawObject, {
+                object: rawObject,
+              });
+
+          const availableTracks = this.normalizeReleaseTrackList(
+            releaseTracksResponse
+          );
+
+          return this.applyStatusChangeDates(
+            this.applyTaggedReleases(
+              this.buildTracks(availableTracks, memberships, objectRef),
+              releasesResponse
+            ),
+            objectVersionsResponse
+          );
+        }
+      ),
       switchMap(tracks =>
         this.loadVersionsForMembershipTracks(tracks, objectRef)
       ),
@@ -170,6 +184,31 @@ export class MembershipSectionDataService {
     );
   }
 
+  private loadAllObjectVersions(
+    objectRef: string,
+    objectInput: any
+  ): Observable<any> {
+    const objectType =
+      objectInput?.type ??
+      objectInput?.stix?.type ??
+      objectInput?.attackType ??
+      this.getTypeFromStixId(objectRef);
+    const resource = this.getResourceName(objectType);
+
+    if (!resource) {
+      return of([]);
+    }
+
+    const url = `${this.apiUrl}/${resource}/${encodeURIComponent(objectRef)}`;
+
+    return this.http.get<any>(url, { params: { versions: 'all' } }).pipe(
+      catchError(error => {
+        console.error(`Failed to load versions for object ${objectRef}`, error);
+        return of([]);
+      })
+    );
+  }
+
   private extractMemberships(
     objectInput: any,
     configInput: any
@@ -276,18 +315,28 @@ export class MembershipSectionDataService {
         return of(track);
       }
 
-      return this.releaseTracksConnector
-        .listObjectVersions(track.apiId, objectRef)
-        .pipe(
-          map(response => this.applyVersionResponse(track, response)),
-          catchError(error => {
-            console.error(
-              `Failed to load versions for track ${track.apiId}`,
-              error
-            );
-            return of(track);
-          })
-        );
+      return forkJoin({
+        versionsResponse: this.releaseTracksConnector.listObjectVersions(
+          track.apiId,
+          objectRef
+        ),
+        snapshot: this.releaseTracksConnector.getLatestSnapshot(track.apiId),
+      }).pipe(
+        map(({ versionsResponse, snapshot }) =>
+          this.applySnapshotStatusDate(
+            this.applyVersionResponse(track, versionsResponse),
+            snapshot,
+            objectRef
+          )
+        ),
+        catchError(error => {
+          console.error(
+            `Failed to load versions for track ${track.apiId}`,
+            error
+          );
+          return of(track);
+        })
+      );
     });
 
     return requests.length ? forkJoin(requests) : of(tracks);
@@ -311,10 +360,15 @@ export class MembershipSectionDataService {
       response?.releases ??
       null;
 
+    const detectedDraft = versions.find(version =>
+      this.isDraftVersion(version)
+    );
     const currentDraft = responseDraft
-      ? responseDraft
+      ? { ...(track.current_draft ?? {}), ...responseDraft }
       : versions.length
-        ? (versions.find(version => this.isDraftVersion(version)) ?? null)
+        ? detectedDraft
+          ? { ...(track.current_draft ?? {}), ...detectedDraft }
+          : null
         : (track.current_draft ?? null);
 
     const versionReleases = versions.filter(version =>
@@ -336,6 +390,40 @@ export class MembershipSectionDataService {
     };
   }
 
+  private applySnapshotStatusDate(
+    track: MembershipTrack,
+    snapshot: any,
+    objectRef: string
+  ): MembershipTrack {
+    if (!track.current_draft || track.current_draft.updated_at || !snapshot) {
+      return track;
+    }
+
+    const stagedEntry = snapshot.staged?.find(
+      (entry: any) => entry?.object_ref === objectRef
+    );
+    const candidateEntry = snapshot.candidates?.find(
+      (entry: any) => entry?.object_ref === objectRef
+    );
+    const date = stagedEntry
+      ? (stagedEntry.object_staged_at ?? snapshot.modified)
+      : candidateEntry
+        ? ((candidateEntry.object_status === 'work-in-progress'
+            ? candidateEntry.object_added_at
+            : snapshot.modified) ?? candidateEntry.object_added_at)
+        : null;
+
+    return date
+      ? {
+          ...track,
+          current_draft: {
+            ...track.current_draft,
+            updated_at: date,
+          },
+        }
+      : track;
+  }
+
   private applyTaggedReleases(
     tracks: MembershipTrack[],
     response: any
@@ -361,6 +449,86 @@ export class MembershipSectionDataService {
     });
   }
 
+  private applyStatusChangeDates(
+    tracks: MembershipTrack[],
+    response: any
+  ): MembershipTrack[] {
+    const revisions = this.normalizeObjectRevisionList(response).sort(
+      (first, second) =>
+        this.getObjectRevisionTimestamp(first) -
+        this.getObjectRevisionTimestamp(second)
+    );
+
+    return tracks.map(track => {
+      if (!track.current_draft) {
+        return track;
+      }
+
+      const trackId = this.getTrackApiId(track);
+      let previousStatus: string | null = null;
+      let changedAt: unknown = null;
+
+      revisions.forEach(revision => {
+        const membership = this.extractMemberships(revision, {
+          object: revision,
+        }).find(item => item.id === trackId);
+        const status = membership
+          ? this.normalizeStatus(membership.status ?? membership.tier)
+          : '';
+
+        if (!status) {
+          return;
+        }
+
+        if (previousStatus === null) {
+          previousStatus = status;
+          return;
+        }
+
+        if (status !== previousStatus) {
+          previousStatus = status;
+          changedAt = this.getObjectRevisionDate(revision);
+        }
+      });
+
+      return changedAt
+        ? {
+            ...track,
+            current_draft: {
+              ...track.current_draft,
+              updated_at: changedAt,
+            },
+          }
+        : track;
+    });
+  }
+
+  private normalizeObjectRevisionList(response: any): any[] {
+    if (Array.isArray(response)) {
+      return response;
+    }
+
+    const revisions =
+      response?.data ?? response?.items ?? response?.results ?? response ?? [];
+
+    return Array.isArray(revisions) ? revisions : [];
+  }
+
+  private getObjectRevisionTimestamp(revision: any): number {
+    const value = this.getObjectRevisionDate(revision);
+    const timestamp = value ? new Date(value).getTime() : 0;
+
+    return Number.isNaN(timestamp) ? 0 : timestamp;
+  }
+
+  private getObjectRevisionDate(revision: any): string | number | Date | null {
+    return (revision?.stix?.modified ??
+      revision?.modified ??
+      revision?.updated_at ??
+      revision?.updatedAt ??
+      null) as string | number | Date | null;
+  }
+
   private normalizeVersionList(response: any): any[] {
     if (!response) {
       return [];

From 529c9c9e0e0ac32d6db8aa8ff60c5e2d49fe5422 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 19:15:17 -0400
Subject: [PATCH 092/190] feat(release-tracks): manage workflow status across
 release tracks

---
 src/app/app.module.ts                         |   2 +
 src/app/classes/release-tracks/tiers.ts       |   4 +
 src/app/classes/stix/stix-object.ts           |   2 +
 .../name-property.component.html              | 123 ++++--
 .../name-property.component.scss              | 273 +++++++++---
 .../name-property.component.spec.ts           | 169 ++++++-
 .../name-property/name-property.component.ts  | 338 ++++++++++++--
 .../stix-page-tabs.component.scss             |   1 -
 .../subheading/subheading.component.html      |   2 +-
 .../subheading/subheading.component.spec.ts   |  25 ++
 .../subheading/subheading.component.ts        |  12 +
 .../workflow-status-dialog.component.html     | 127 ++++++
 .../workflow-status-dialog.component.scss     | 412 ++++++++++++++++++
 .../workflow-status-dialog.component.spec.ts  | 204 +++++++++
 .../workflow-status-dialog.component.ts       | 377 ++++++++++++++++
 src/app/utils/types.ts                        |  60 ++-
 src/style/colors.scss                         |  34 ++
 src/style/layouts/view-page.scss              |   2 +-
 src/style/typography.scss                     |   4 +
 19 files changed, 2037 insertions(+), 134 deletions(-)
 create mode 100644 src/app/components/workflow-status-dialog/workflow-status-dialog.component.html
 create mode 100644 src/app/components/workflow-status-dialog/workflow-status-dialog.component.scss
 create mode 100644 src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
 create mode 100644 src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 9b3e0b325..2382f7f25 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -85,6 +85,7 @@ import { ToolbarComponent } from './components/toolbar/toolbar.component';
 import { UserAvatarComponent } from './components/user-avatar/user-avatar.component';
 import { ValidationResultsComponent } from './components/validation-results/validation-results.component';
 import { VersionPopoverComponent } from './components/version-popover/version-popover.component';
+import { WorkflowStatusDialogComponent } from './components/workflow-status-dialog/workflow-status-dialog.component';
 
 // STIX components
 import { StixListComponent } from './components/stix/stix-list/stix-list.component';
@@ -257,6 +258,7 @@ export function initConfig(appConfigService: AppConfigService) {
     MarkdownViewDialogComponent,
     CollectionImportSummaryComponent,
     SaveDialogComponent,
+    WorkflowStatusDialogComponent,
     AddDialogComponent,
     DeleteDialogComponent,
     HistoryTimelineComponent,
diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index 1f80343d1..4d68d01c4 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -1,4 +1,8 @@
 import { WorkflowStatusType } from 'src/app/utils/types';
+import { SnapshotTier } from './enums';
+
+export type ReleaseTrackObjectTier =
+  SnapshotTier.Candidate | SnapshotTier.Staged;
 
 export interface TierEntryModifiedByUser {
   id?: string;
diff --git a/src/app/classes/stix/stix-object.ts b/src/app/classes/stix/stix-object.ts
index 515660743..3c6180c45 100644
--- a/src/app/classes/stix/stix-object.ts
+++ b/src/app/classes/stix/stix-object.ts
@@ -65,6 +65,7 @@ export abstract class StixObject extends Serializable {
     state: WorkflowStatusType;
     created_by_user_account?: string;
   };
+  public workspace?: any;
 
   public deprecated = false; //is object deprecated?
   public revoked = false; //is object revoked?
@@ -356,6 +357,7 @@ export abstract class StixObject extends Serializable {
     if ('workspace' in raw) {
       // parse workspace fields
       const workspaceData = raw.workspace;
+      this.workspace = workspaceData;
       if ('workflow' in workspaceData && workspaceData.workflow !== undefined) {
         if (typeof workspaceData.workflow == 'object') {
           this.workflow = workspaceData.workflow;
diff --git a/src/app/components/stix/name-property/name-property.component.html b/src/app/components/stix/name-property/name-property.component.html
index 4dbffbb7a..3fb1b747c 100644
--- a/src/app/components/stix/name-property/name-property.component.html
+++ b/src/app/components/stix/name-property/name-property.component.html
@@ -1,5 +1,6 @@
 <div class="name-property">
   <div *ngIf="!config.mode || config.mode === 'view'">
+    <!-- obj name -->
     <h1 class="lowercase">
       <span *ngIf="config.parent">
         <a class="external-link" [href]="internalParentLink" target="_blank">{{
@@ -8,41 +9,95 @@ <h1 class="lowercase">
         >:&nbsp;
       </span>
       {{ config.object[field] }}
-      <mat-form-field
-        *ngIf="showWorkflowControl"
-        class="workflow-select"
-        appearance="outline">
-        <mat-select
-          [formControl]="statusControl"
-          [aria-label]="'workflow status'"
-          [panelClass]="'workflow-select-panel'">
-          <mat-select-trigger>
-            <mat-icon
-              class="workflow-status-icon"
-              [class]="workflowColor(statusControl.value)"
-              [matTooltip]="statusControl.value?.replaceAll('-', ' ')"
-              matTooltipPosition="below">
-              {{ workflowIcon(statusControl.value) }}
-            </mat-icon>
-          </mat-select-trigger>
-          <mat-option
-            *ngFor="let workflow of workflows"
-            (onSelectionChange)="workflowChange($event)"
-            [value]="workflow[0]"
-            [attr.aria-label]="workflow[1]">
-            <div class="workflow-option">
-              <mat-icon
-                class="workflow-status-icon"
-                [class]="workflowColor(workflow[0])"
-                [matTooltip]="workflow[1]"
-                matTooltipPosition="right">
-                {{ workflowIcon(workflow[0]) }}
-              </mat-icon>
-            </div>
-          </mat-option>
-        </mat-select>
-      </mat-form-field>
     </h1>
+
+    <!-- copy stix id -->
+    <div *ngIf="showWorkflowControl" class="workflow-control-row">
+      <button
+        mat-button
+        type="button"
+        class="workflow-action-button stix-id-copy-button"
+        [cdkCopyToClipboard]="object.stixID"
+        (click)="
+          snackbar.open('STIX ID copied to clipboard', null, {
+            duration: 1000,
+          })
+        "
+        aria-label="Copy STIX ID">
+        <mat-icon>content_copy</mat-icon>
+        <span>Copy STIX ID</span>
+      </button>
+
+      <!-- update workflow status -->
+      <button
+        mat-button
+        type="button"
+        class="workflow-action-button workflow-trigger"
+        [matMenuTriggerFor]="workflowStatusMenu"
+        #workflowTriggerButton
+        #workflowMenuTrigger="matMenuTrigger"
+        aria-label="Submit object for review">
+        <mat-icon>assignment_ind</mat-icon>
+        <span>Submit for Review</span>
+      </button>
+
+      <mat-menu
+        #workflowStatusMenu="matMenu"
+        class="workflow-status-menu-panel"
+        xPosition="after"
+        yPosition="below">
+        <div class="workflow-status-menu">
+          <h3 class="workflow-menu-title">Object Release Tracks</h3>
+
+          <div *ngIf="loadingTracks" class="workflow-menu-empty">
+            Loading release tracks...
+          </div>
+
+          <div
+            *ngIf="!loadingTracks && hasTracks; else noReleaseTracks"
+            class="workflow-menu-track-list">
+            <section
+              *ngFor="let rt of trackStatuses"
+              class="workflow-menu-track">
+              <div class="workflow-menu-track-header">
+                <div>
+                  <h4>{{ rt.name }}</h4>
+                  <p *ngIf="rt.description">
+                    {{ rt.description }}
+                  </p>
+                </div>
+                <app-status-chip
+                  class="workflow-menu-state-chip"
+                  [status]="rt.status"></app-status-chip>
+              </div>
+
+              <div
+                class="workflow-menu-actions"
+                aria-label="Release track workflow status options">
+                <button
+                  *ngFor="let action of statusActions"
+                  type="button"
+                  [class]="'workflow-option-' + action.modifier"
+                  [class.active]="isStatusActive(rt, action.status)"
+                  [disabled]="isStatusActive(rt, action.status)"
+                  (click)="
+                    openStatusDialog(action.status, workflowMenuTrigger, rt)
+                  ">
+                  {{ action.label }}
+                </button>
+              </div>
+            </section>
+          </div>
+
+          <ng-template #noReleaseTracks>
+            <div *ngIf="!loadingTracks" class="workflow-menu-empty">
+              No active release track status found.
+            </div>
+          </ng-template>
+        </div>
+      </mat-menu>
+    </div>
+
     <h3 class="status">
       <span class="error-text" *ngIf="config.object['deprecated']"
         >deprecated</span
diff --git a/src/app/components/stix/name-property/name-property.component.scss b/src/app/components/stix/name-property/name-property.component.scss
index f169dc382..fcc2f3030 100644
--- a/src/app/components/stix/name-property/name-property.component.scss
+++ b/src/app/components/stix/name-property/name-property.component.scss
@@ -1,69 +1,114 @@
+@use 'sass:color';
 @use '../../../../style/colors';
 
-.workflow-status-icon {
-  &.warn {
-    color: colors.color(warn) !important;
+$workflow-wip-color: colors.color(info);
+$workflow-awaiting-review-color: color.mix(
+  colors.color(warn),
+  colors.color(spark-yellow),
+  70%
+);
+$workflow-reviewed-color: colors.color(success);
+
+@mixin workflow-option-color($status-color) {
+  .dark &,
+  .light & {
+    border-color: rgba($status-color, 0.3);
+    color: $status-color;
+    background: rgba($status-color, 0.06);
   }
 
-  &.error {
-    color: colors.color(error) !important;
+  &:hover:not(:disabled) {
+    .dark &,
+    .light & {
+      border-color: rgba($status-color, 0.55);
+      color: $status-color;
+      background: rgba($status-color, 0.11);
+    }
   }
 
-  &.success {
-    color: colors.color(success) !important;
+  &.active {
+    .dark &,
+    .light & {
+      border-color: $status-color;
+      color: $status-color;
+      background: rgba($status-color, 0.18);
+    }
   }
 }
 
 .name-property {
-  .workflow-select {
-    margin-left: 0.5rem;
-    width: auto;
+  .workflow-control-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    justify-content: center;
+    margin-top: 8px;
+  }
 
-    .mat-mdc-form-field-subscript-wrapper {
-      display: none;
-    }
+  .workflow-action-button {
+    flex: 0 0 auto;
+    border: 1px solid;
+    border-radius: 8px;
+    padding: 0 14px;
+    min-width: 0;
+    height: 34px;
+    font-size: 13px;
+    font-weight: 700;
+    line-height: 20px;
+    text-transform: none;
 
-    .mat-mdc-text-field-wrapper {
-      padding: 0 0.35rem;
+    .mat-icon {
+      margin-right: 6px;
+      width: 16px;
+      height: 16px;
+      font-size: 16px;
+      line-height: 16px;
     }
+  }
 
-    .mat-mdc-form-field-infix {
-      min-height: auto;
-      padding: 0.35rem 0;
-      width: auto;
-    }
+  .stix-id-copy-button {
+    @include colors.theme-border-color;
+    @include colors.theme-text-emphasis;
+    @include colors.theme-property(
+      background,
+      rgba(colors.on-color(dark), 0.04),
+      rgba(colors.on-color(light), 0.025)
+    );
 
-    .mat-mdc-select-trigger {
-      align-items: center;
-      display: inline-flex;
-      justify-content: center;
-      width: 100%;
+    &:hover {
+      @include colors.theme-property(
+        background,
+        rgba(colors.on-color(dark), 0.08),
+        rgba(colors.on-color(light), 0.055)
+      );
     }
+  }
 
-    .mat-mdc-select-arrow-wrapper {
-      margin-left: 0.15rem;
-    }
+  .workflow-trigger {
+    font-weight: 800;
+    color: colors.color(warn);
 
-    .mat-mdc-select-value {
-      display: flex;
-      justify-content: center;
+    .dark & {
+      border-color: rgba(colors.color(warn), 0.42);
+      background: rgba(colors.color(warn), 0.1);
     }
 
-    .mdc-notched-outline__leading,
-    .mdc-notched-outline__trailing {
-      width: 8px !important;
+    .light & {
+      border-color: rgba(colors.color(warn), 0.38);
+      background: rgba(colors.color(warn), 0.08);
     }
 
-    .mdc-notched-outline__notch {
-      border-right: none;
-    }
-  }
+    &:hover {
+      .dark & {
+        border-color: rgba(colors.color(warn), 0.62);
+        background: rgba(colors.color(warn), 0.16);
+      }
 
-  .workflow-option {
-    align-items: center;
-    display: flex;
-    justify-content: center;
-    width: 100%;
+      .light & {
+        border-color: rgba(colors.color(warn), 0.56);
+        background: rgba(colors.color(warn), 0.13);
+      }
+    }
   }
 
   .name-edit {
@@ -111,15 +156,143 @@
   }
 }
 
-.workflow-select-panel {
-  .mat-mdc-option {
-    .mat-icon {
-      margin-left: -3px !important;
-      margin-right: 0 !important;
+.workflow-status-menu-panel.mat-mdc-menu-panel {
+  max-width: none;
+  border-radius: 8px;
+  border: 1px solid;
+  overflow: hidden;
+  @include colors.theme-border-color;
+
+  @include colors.theme-property(
+    background,
+    colors.color(mitre-black),
+    colors.color(light)
+  );
+
+  .mat-mdc-menu-content {
+    padding: 0;
+  }
+}
+
+.workflow-status-menu {
+  box-sizing: border-box;
+  width: min(92vw, 460px);
+  padding: 14px 16px 16px;
+
+  .workflow-menu-title {
+    margin: 0 0 12px;
+    font-size: 13px;
+    font-weight: 800;
+    line-height: 18px;
+    @include colors.theme-text-emphasis;
+  }
+
+  .workflow-menu-track-list {
+    display: grid;
+  }
+
+  .workflow-menu-track {
+    display: grid;
+    gap: 10px;
+    padding: 14px 0;
+
+    &:first-child {
+      padding-top: 0;
+    }
+
+    &:last-child {
+      padding-bottom: 0;
+    }
+
+    & + .workflow-menu-track {
+      border-top: 1px solid;
+      @include colors.theme-border-color;
+    }
+  }
+
+  .workflow-menu-track-header {
+    display: flex;
+    align-items: start;
+    justify-content: space-between;
+    gap: 16px;
+
+    > div {
+      min-width: 0;
     }
 
-    .mat-pseudo-checkbox {
-      display: none !important;
+    h4,
+    p {
+      margin: 0;
     }
+
+    h4 {
+      font-size: 16px;
+      font-weight: 800;
+      line-height: 21px;
+    }
+
+    p {
+      margin-top: 2px;
+      font-size: 11px;
+      line-height: 16px;
+      @include colors.theme-text-deemphasis;
+    }
+  }
+
+  .workflow-menu-state-chip {
+    flex: 0 0 auto;
+  }
+
+  .workflow-menu-actions {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 6px;
+
+    button {
+      border: 1px solid;
+      border-radius: 6px;
+      padding: 5px 7px;
+      cursor: pointer;
+      font-size: 12px;
+      font-weight: 700;
+      line-height: 16px;
+      text-align: center;
+      text-transform: uppercase;
+
+      .dark & {
+        border-color: rgba(colors.on-color(dark), 0.09);
+        color: colors.on-color-deemphasis(dark);
+        background: rgba(colors.color(dark), 0.28);
+      }
+
+      .light & {
+        border-color: rgba(colors.on-color(light), 0.12);
+        color: colors.on-color-deemphasis(light);
+        background: rgba(colors.on-color(light), 0.02);
+      }
+
+      &.workflow-option-wip {
+        @include workflow-option-color($workflow-wip-color);
+      }
+
+      &.workflow-option-awaiting-review {
+        @include workflow-option-color($workflow-awaiting-review-color);
+      }
+
+      &.workflow-option-reviewed {
+        @include workflow-option-color($workflow-reviewed-color);
+      }
+
+      &:disabled {
+        cursor: default;
+      }
+    }
+  }
+
+  .workflow-menu-empty {
+    padding: 4px 0 2px;
+    font-size: 13px;
+    line-height: 19px;
+    @include colors.theme-text-deemphasis;
   }
 }
diff --git a/src/app/components/stix/name-property/name-property.component.spec.ts b/src/app/components/stix/name-property/name-property.component.spec.ts
index bf8d0dd05..18d2143d0 100644
--- a/src/app/components/stix/name-property/name-property.component.spec.ts
+++ b/src/app/components/stix/name-property/name-property.component.spec.ts
@@ -1,24 +1,76 @@
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { provideHttpClient } from '@angular/common/http';
+import { MatDialog } from '@angular/material/dialog';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatSnackBar } from '@angular/material/snack-bar';
 
 import { NamePropertyComponent } from './name-property.component';
+import { StixObject } from 'src/app/classes/stix/stix-object';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
+import { EditorService } from 'src/app/services/editor/editor.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 import { ActivatedRoute } from '@angular/router';
 import { of } from 'rxjs';
+import { vi } from 'vitest';
+import { WorkflowStatus } from 'src/app/utils/types';
+import { WorkflowStatusDialogComponent } from 'src/app/components/workflow-status-dialog/workflow-status-dialog.component';
 
 describe('NamePropertyComponent', () => {
   let component: NamePropertyComponent;
   let fixture: ComponentFixture<NamePropertyComponent>;
+  let mockDialog;
+  let mockEditorService;
+  let mockReleaseTracksService;
+  let mockSnackbar;
 
   beforeEach(async () => {
     const mockRestApiConnector = createMockRestApiConnector({});
+    mockDialog = {
+      open: vi.fn().mockReturnValue({
+        afterClosed: () => of(true),
+      }),
+    };
+    mockEditorService = {
+      onReload: {
+        emit: vi.fn(),
+      },
+    };
+    mockSnackbar = {
+      open: vi.fn(),
+    };
+    mockReleaseTracksService = {
+      getLatestSnapshot: vi.fn().mockReturnValue(
+        createAsyncObservable({
+          name: 'Core Objects',
+          description: 'Core workflow',
+          candidates: [
+            {
+              object_ref: 'attack-pattern--123',
+              object_status: WorkflowStatus.WorkInProgress,
+            },
+          ],
+          staged: [],
+        })
+      ),
+    };
 
     await TestBed.configureTestingModule({
       declarations: [NamePropertyComponent],
+      imports: [MatMenuModule],
       providers: [
         { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        { provide: MatDialog, useValue: mockDialog },
+        { provide: MatSnackBar, useValue: mockSnackbar },
+        { provide: EditorService, useValue: mockEditorService },
+        {
+          provide: ReleaseTracksConnectorService,
+          useValue: mockReleaseTracksService,
+        },
         {
           provide: ActivatedRoute,
           useValue: {
@@ -46,4 +98,119 @@ describe('NamePropertyComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should open workflow status dialog for a release track status action', async () => {
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'attack-pattern--123';
+    object.attackType = 'technique';
+    object.workflow = { state: WorkflowStatus.WorkInProgress };
+    object.workspace = {
+      release_tracks: [
+        {
+          track_id: 'release-track--core',
+          name: 'Core Objects',
+          object_ref: 'attack-pattern--123',
+          object_modified: '2026-01-01T00:00:00.000Z',
+          object_status: WorkflowStatus.WorkInProgress,
+        },
+      ],
+    };
+    component.config = {
+      mode: 'view',
+      object,
+    };
+    component.ngOnInit();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    const track = component.trackStatuses[0];
+    component.openStatusDialog(WorkflowStatus.Reviewed, undefined, track);
+
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      WorkflowStatusDialogComponent,
+      expect.objectContaining({
+        data: expect.objectContaining({
+          object,
+          targetStatus: WorkflowStatus.Reviewed,
+          track: expect.objectContaining({
+            trackId: 'release-track--core',
+          }),
+        }),
+      })
+    );
+    expect(component.statusControl.value).toBe(WorkflowStatus.Reviewed);
+    expect(mockEditorService.onReload.emit).toHaveBeenCalled();
+  });
+
+  it('should reset workflow status control when workflow status dialog is canceled', async () => {
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of(false),
+    });
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'attack-pattern--123';
+    object.attackType = 'technique';
+    object.workflow = { state: WorkflowStatus.WorkInProgress };
+    object.workspace = {
+      release_tracks: [
+        {
+          track_id: 'release-track--core',
+          name: 'Core Objects',
+          object_ref: 'attack-pattern--123',
+          object_modified: '2026-01-01T00:00:00.000Z',
+          object_status: WorkflowStatus.WorkInProgress,
+        },
+      ],
+    };
+    component.config = {
+      mode: 'view',
+      object,
+    };
+    component.ngOnInit();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    component.openStatusDialog(
+      WorkflowStatus.Reviewed,
+      undefined,
+      component.trackStatuses[0]
+    );
+
+    expect(component.statusControl.value).toBe(WorkflowStatus.WorkInProgress);
+  });
+
+  it('should load release track workflow rows for the status menu', async () => {
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'attack-pattern--123';
+    object.attackType = 'technique';
+    object.workflow = { state: WorkflowStatus.WorkInProgress };
+    object.workspace = {
+      release_tracks: [
+        {
+          track_id: 'release-track--core',
+          name: 'Core Objects',
+          object_ref: 'attack-pattern--123',
+          object_modified: '2026-01-01T00:00:00.000Z',
+          object_status: WorkflowStatus.WorkInProgress,
+        },
+      ],
+    };
+    component.config = {
+      mode: 'view',
+      object,
+    };
+
+    component.ngOnInit();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(mockReleaseTracksService.getLatestSnapshot).toHaveBeenCalledWith(
+      'release-track--core',
+      { include: 'all' }
+    );
+    expect(component.trackStatuses).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--core',
+        name: 'Core Objects',
+        description: 'Core workflow',
+        status: WorkflowStatus.WorkInProgress,
+      }),
+    ]);
+  });
 });
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index 8181c92c9..89c3886b1 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -1,13 +1,35 @@
-import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
+import {
+  Component,
+  ElementRef,
+  Input,
+  OnInit,
+  ViewChild,
+  ViewEncapsulation,
+} from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { forkJoin, of } from 'rxjs';
+import { catchError, map } from 'rxjs/operators';
+import { SnapshotTier } from 'src/app/classes/release-tracks';
+import type {
+  ReleaseTrackObjectTier,
+  StixObjectRef,
+} from 'src/app/classes/release-tracks';
 import { Relationship } from 'src/app/classes/stix/relationship';
 import { StixObject } from 'src/app/classes/stix/stix-object';
 import { Technique } from 'src/app/classes/stix/technique';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { EditorService } from 'src/app/services/editor/editor.service';
-import { SaveDialogComponent } from '../../save-dialog/save-dialog.component';
-import { WorkflowStatus, WorkflowStatusMap } from 'src/app/utils/types';
+import { WorkflowStatusDialogComponent } from 'src/app/components/workflow-status-dialog/workflow-status-dialog.component';
+import { WORKFLOW_STATUS_OPTIONS, WorkflowStatus } from 'src/app/utils/types';
+import type {
+  ReleaseTrackStatus,
+  WorkflowStatusType,
+} from 'src/app/utils/types';
+import { logger } from 'src/app/utils/logger';
 
 @Component({
   selector: 'app-name-property',
@@ -18,10 +40,20 @@ import { WorkflowStatus, WorkflowStatusMap } from 'src/app/utils/types';
 })
 export class NamePropertyComponent implements OnInit {
   @Input() public config: NamePropertyConfig;
+  @ViewChild('workflowTriggerButton')
+  private workflowTriggerButton?: ElementRef<HTMLElement>;
   public currentTargetObj?: any;
   public loaded = false;
   public statusControl: FormControl<WorkflowStatus | null>;
-  public workflows = Object.entries(WorkflowStatusMap);
+  public trackStatuses: ReleaseTrackStatus[] = [];
+  public loadingTracks = false;
+  public statusActions: WorkflowStatusAction[] = WORKFLOW_STATUS_OPTIONS.map(
+    option => ({
+      ...option,
+      status: option.value,
+      modifier: this.getWorkflowStatusModifier(option.value),
+    })
+  );
 
   public get field() {
     return this.config.field ? this.config.field : 'name';
@@ -41,6 +73,10 @@ export class NamePropertyComponent implements OnInit {
     );
   }
 
+  public get hasTracks(): boolean {
+    return this.trackStatuses.length > 0;
+  }
+
   /**
    * retrieve the internal link to the parent technique
    */
@@ -64,7 +100,9 @@ export class NamePropertyComponent implements OnInit {
   constructor(
     private dialog: MatDialog,
     private editorService: EditorService,
-    private restAPIService: RestApiConnectorService
+    private restAPIService: RestApiConnectorService,
+    private releaseTracksService: ReleaseTracksConnectorService,
+    public snackbar: MatSnackBar
   ) {}
 
   ngOnInit(): void {
@@ -73,6 +111,7 @@ export class NamePropertyComponent implements OnInit {
     this.statusControl.setValue(
       object?.workflow?.state || WorkflowStatus.WorkInProgress
     );
+    if (this.showWorkflowControl) this.loadTrackStatuses();
     if (this.config.mode !== 'diff' && object.revoked) {
       // retrieve revoking object
       const data$ = this.restAPIService.getRelatedTo({
@@ -98,53 +137,272 @@ export class NamePropertyComponent implements OnInit {
     return '';
   }
 
-  public workflowChange(event): void {
+  public openStatusDialog(
+    targetStatus: WorkflowStatusType,
+    menuTrigger: MatMenuTrigger | undefined,
+    track: ReleaseTrackStatus
+  ): void {
+    menuTrigger?.closeMenu();
     const previousWorkflowState =
       this.object?.workflow?.state || WorkflowStatus.WorkInProgress;
-    if (event.isUserInput) {
-      const dialogRef = this.dialog.open(SaveDialogComponent, {
-        maxWidth: '70em',
-        maxHeight: '70em',
-        data: {
-          object: this.object,
-          versionAlreadyIncremented: false,
-          initialWorkflowState: event.source.value,
+    const dialogRef = this.dialog.open(WorkflowStatusDialogComponent, {
+      maxWidth: '760px',
+      maxHeight: '86vh',
+      panelClass: 'workflow-status-dialog-panel',
+      backdropClass: 'workflow-status-dialog-backdrop',
+      data: {
+        object: this.object,
+        targetStatus,
+        track,
+      },
+      autoFocus: false,
+    });
+
+    dialogRef.afterClosed().subscribe(result => {
+      if (result) {
+        this.statusControl.setValue(targetStatus);
+        this.loadTrackStatuses();
+        this.editorService.onReload.emit();
+      } else {
+        this.statusControl.setValue(previousWorkflowState);
+      }
+    });
+  }
+
+  public isStatusActive(
+    row: ReleaseTrackStatus,
+    status: WorkflowStatusType
+  ): boolean {
+    return row.status === status;
+  }
+
+  private loadTrackStatuses(): void {
+    if (!this.object?.stixID) {
+      this.trackStatuses = [];
+      return;
+    }
+
+    this.loadingTracks = true;
+    const releaseTracks = this.getWorkspaceTracks();
+    if (!releaseTracks.length) {
+      this.trackStatuses = [];
+      this.loadingTracks = false;
+      return;
+    }
+
+    forkJoin(
+      releaseTracks.map(track =>
+        this.releaseTracksService
+          .getLatestSnapshot(track.trackId, { include: 'all' })
+          .pipe(
+            map(snapshot => this.toTrackStatus(track, snapshot)),
+            catchError(err => {
+              logger.error(
+                'Failed to load release track snapshot for workflow status menu',
+                err
+              );
+              return of(this.toTrackStatus(track, null));
+            })
+          )
+      )
+    )
+      .pipe(
+        map(rows =>
+          rows.filter((row): row is ReleaseTrackStatus => row !== null)
+        )
+      )
+      .subscribe({
+        next: rows => {
+          this.trackStatuses = rows;
+          this.loadingTracks = false;
+        },
+        error: err => {
+          logger.error(err);
+          this.trackStatuses = [];
+          this.loadingTracks = false;
         },
-        autoFocus: false,
       });
+  }
 
-      dialogRef.afterClosed().subscribe(result => {
-        if (result) {
-          this.statusControl.setValue(event.source.value);
-          this.editorService.onReload.emit();
-        } else {
-          this.statusControl.setValue(previousWorkflowState);
-        }
+  private toTrackStatus(
+    track: ReleaseTrackStatus,
+    snapshot: any
+  ): ReleaseTrackStatus | null {
+    const entry = this.getTrackedObjectEntry(snapshot);
+    if (!entry && !track.tier) return null;
+
+    const tier = this.getEntryTier(entry) || track.tier || null;
+    const status =
+      this.getEntryWorkflowStatus(entry) ||
+      track.status ||
+      this.getFallbackWorkflowStatus(tier);
+
+    return {
+      trackId: this.getTrackId(track) || '',
+      name: snapshot?.name || track.name || this.getTrackId(track) || '',
+      description: snapshot?.description || track.description || '',
+      tier,
+      status,
+      objectRef: entry ? this.getObjectRef(entry) : track.objectRef,
+    };
+  }
+
+  private getWorkspaceTracks(): ReleaseTrackStatus[] {
+    const releaseTracks = this.object?.workspace?.release_tracks;
+    if (!Array.isArray(releaseTracks)) return [];
+
+    const seen = new Set<string>();
+    return releaseTracks
+      .map(track => this.toWorkspaceTrack(track))
+      .filter((track): track is ReleaseTrackStatus => !!track)
+      .filter(track => {
+        if (seen.has(track.trackId)) return false;
+        seen.add(track.trackId);
+        return true;
       });
-    }
   }
 
-  public workflowIcon(status: WorkflowStatus): string {
-    switch (status) {
-      case WorkflowStatus.WorkInProgress:
-        return 'assignment';
-      case WorkflowStatus.AwaitingReview:
-        return 'assignment_ind';
-      case WorkflowStatus.Reviewed:
-        return 'assignment_turned_in';
-    }
+  private toWorkspaceTrack(track: any): ReleaseTrackStatus | null {
+    const trackId = typeof track === 'string' ? track : this.getTrackId(track);
+    if (!trackId) return null;
+    const tier = typeof track === 'string' ? null : this.getEntryTier(track);
+    const status =
+      typeof track === 'string'
+        ? WorkflowStatus.WorkInProgress
+        : this.getEntryWorkflowStatus(track) ||
+          this.getFallbackWorkflowStatus(tier);
+
+    return {
+      trackId,
+      name: typeof track === 'string' ? '' : track.name || track.track_name,
+      description: typeof track === 'string' ? '' : track.description || '',
+      tier,
+      status,
+      objectRef:
+        typeof track === 'string'
+          ? this.object.stixID
+          : this.getWorkspaceObjectRef(track),
+    };
+  }
+
+  private getTrackedObjectEntry(snapshot: any): any | null {
+    if (!snapshot) return null;
+    return (
+      this.getSnapshotWorkflowEntries(snapshot).find(
+        entry => this.getEntryObjectRef(entry) === this.object.stixID
+      ) || null
+    );
   }
 
-  public workflowColor(status: WorkflowStatus): string {
+  private getSnapshotWorkflowEntries(snapshot: any): any[] {
+    return [
+      this.withTier(snapshot?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.contents?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.contents?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.workspace?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.workspace?.staged, SnapshotTier.Staged),
+    ]
+      .filter(Array.isArray)
+      .reduce((entries, tierEntries) => entries.concat(tierEntries), []);
+  }
+
+  private withTier(
+    entries: any,
+    tier: ReleaseTrackObjectTier
+  ): any[] | undefined {
+    if (!Array.isArray(entries)) return undefined;
+    return entries.map(entry => ({
+      ...entry,
+      tier: this.getEntryTier(entry) || tier,
+    }));
+  }
+
+  private getEntryTier(entry: any): ReleaseTrackObjectTier | null {
+    if (!entry) return null;
+    const tier = String(entry.tier || entry.object_tier || '').toLowerCase();
+    if (tier === SnapshotTier.Staged) return SnapshotTier.Staged;
+    if (tier === SnapshotTier.Candidate) return SnapshotTier.Candidate;
+    if (entry.object_staged_at || entry.staged_at) return SnapshotTier.Staged;
+    if (this.getEntryWorkflowStatus(entry)) return SnapshotTier.Candidate;
+    return null;
+  }
+
+  private getEntryWorkflowStatus(entry: any): WorkflowStatusType | null {
+    if (!entry) return null;
+    const status = entry.object_status || entry.status;
+    if (Object.values(WorkflowStatus).includes(status)) return status;
+    return null;
+  }
+
+  private getFallbackWorkflowStatus(
+    tier: ReleaseTrackObjectTier | null
+  ): WorkflowStatusType {
+    return tier === SnapshotTier.Staged
+      ? WorkflowStatus.Reviewed
+      : WorkflowStatus.WorkInProgress;
+  }
+
+  private getWorkflowStatusModifier(
+    status: WorkflowStatusType
+  ): WorkflowStatusAction['modifier'] {
     switch (status) {
-      case WorkflowStatus.WorkInProgress:
-        return 'error';
       case WorkflowStatus.AwaitingReview:
-        return 'warn';
+        return 'awaiting-review';
       case WorkflowStatus.Reviewed:
-        return 'success';
+        return 'reviewed';
+      default:
+        return 'wip';
     }
   }
+
+  private getEntryObjectRef(entry: any): string | null {
+    return entry?.object_ref || entry?.ref || entry?.id || null;
+  }
+
+  private getObjectRef(entry: any): StixObjectRef {
+    const modified =
+      this.toIsoString(entry.object_modified) ||
+      this.toIsoString(entry.modified) ||
+      this.object.modified?.toISOString();
+
+    return modified
+      ? {
+          id: this.getEntryObjectRef(entry) || this.object.stixID,
+          modified,
+        }
+      : this.getEntryObjectRef(entry) || this.object.stixID;
+  }
+
+  private getWorkspaceObjectRef(track: any): StixObjectRef {
+    const modified =
+      this.toIsoString(track?.object_modified) ||
+      this.toIsoString(track?.modified) ||
+      this.object.modified?.toISOString();
+
+    return modified
+      ? {
+          id: track?.object_ref || track?.ref || this.object.stixID,
+          modified,
+        }
+      : track?.object_ref || track?.ref || this.object.stixID;
+  }
+
+  private toIsoString(value: any): string | null {
+    if (!value) return null;
+    if (value instanceof Date) return value.toISOString();
+    return String(value);
+  }
+
+  private getTrackId(track: any): string | null {
+    return (
+      track?.trackId ||
+      track?.track_id ||
+      track?.release_track_id ||
+      track?.releaseTrackId ||
+      (track?.id?.startsWith('release-track--') ? track.id : null)
+    );
+  }
 }
 
 export interface NamePropertyConfig {
@@ -167,3 +425,9 @@ export interface NamePropertyConfig {
    */
   field?: string;
 }
+
+interface WorkflowStatusAction {
+  label: string;
+  status: WorkflowStatusType;
+  modifier: 'wip' | 'awaiting-review' | 'reviewed';
+}
diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
index e9128a9a7..ef7ee4e08 100644
--- a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
@@ -16,7 +16,6 @@
     text-transform: uppercase;
     letter-spacing: 0.4px;
     display: inline-block;
-    padding: 0 8px;
   }
 
   .details-tpl-wrapper {
diff --git a/src/app/components/subheading/subheading.component.html b/src/app/components/subheading/subheading.component.html
index efa42b3b8..209fd18d8 100644
--- a/src/app/components/subheading/subheading.component.html
+++ b/src/app/components/subheading/subheading.component.html
@@ -2,7 +2,7 @@
 <app-stixid-property
   class="stixid-property grow-to-row"
   [class.editing]="editing"
-  *ngIf="object['stixID']"
+  *ngIf="showStixIdProperty"
   [config]="{
     object: config.object,
   }"></app-stixid-property>
diff --git a/src/app/components/subheading/subheading.component.spec.ts b/src/app/components/subheading/subheading.component.spec.ts
index c4532435e..f8d9d67b2 100644
--- a/src/app/components/subheading/subheading.component.spec.ts
+++ b/src/app/components/subheading/subheading.component.spec.ts
@@ -6,6 +6,7 @@ import { MtxPopoverModule } from '@ng-matero/extensions/popover';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { SubheadingComponent } from './subheading.component';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 describe('SubheadingComponent', () => {
   let component: SubheadingComponent;
@@ -39,4 +40,28 @@ describe('SubheadingComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should hide the STIX ID property when the name header shows workflow actions', () => {
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'attack-pattern--123';
+    object.attackType = 'technique';
+    component.config = {
+      mode: 'view',
+      object,
+    } as any;
+
+    expect(component.showStixIdProperty).toBe(false);
+  });
+
+  it('should keep the STIX ID property for collections', () => {
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'x-mitre-collection--123';
+    object.attackType = 'collection';
+    component.config = {
+      mode: 'view',
+      object,
+    } as any;
+
+    expect(component.showStixIdProperty).toBe(true);
+  });
 });
diff --git a/src/app/components/subheading/subheading.component.ts b/src/app/components/subheading/subheading.component.ts
index 3d8197a39..4e6c0ac01 100644
--- a/src/app/components/subheading/subheading.component.ts
+++ b/src/app/components/subheading/subheading.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, ViewEncapsulation } from '@angular/core';
 import { StixViewConfig } from 'src/app/views/stix/stix-view-page';
 import { EditorService } from 'src/app/services/editor/editor.service';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 @Component({
   selector: 'app-subheading',
@@ -21,6 +22,17 @@ export class SubheadingComponent {
     return this.editorService.editing;
   }
 
+  public get showStixIdProperty(): boolean {
+    return (
+      !!this.object?.stixID &&
+      !(
+        this.config.mode === 'view' &&
+        this.object instanceof StixObject &&
+        this.object.attackType !== 'collection'
+      )
+    );
+  }
+
   constructor(private editorService: EditorService) {
     // intentionally left blank
   }
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.html b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.html
new file mode 100644
index 000000000..fe3f444b3
--- /dev/null
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.html
@@ -0,0 +1,127 @@
+<div class="workflow-status-dialog">
+  <header class="workflow-status-header">
+    <div class="workflow-status-title-group">
+      <span class="workflow-status-icon-badge" aria-hidden="true">
+        <mat-icon>assignment_ind</mat-icon>
+      </span>
+      <div>
+        <h2 id="workflow-status-dialog-title">{{ dialogTitle }}</h2>
+        <p>{{ config.object.stixID }}</p>
+      </div>
+    </div>
+
+    <button
+      mat-icon-button
+      type="button"
+      class="workflow-status-close"
+      aria-label="Close"
+      (click)="onCancel()">
+      <mat-icon>close</mat-icon>
+    </button>
+  </header>
+
+  <section class="active-object-banner" aria-label="Selected object">
+    <span>Object</span>
+    <strong>{{ objectDisplayName }}</strong>
+  </section>
+
+  <section class="workflow-status-section validation-section">
+    <div class="workflow-status-section-header">
+      <h3>
+        <mat-icon>verified_user</mat-icon>
+        Validation
+      </h3>
+      <span
+        *ngIf="validation"
+        class="validation-status"
+        [ngClass]="'validation-status-' + validationStatus">
+        {{ validationStatusLabel }}
+      </span>
+    </div>
+
+    <div class="validation-context">
+      Validating against
+      <strong>{{ targetStatusLabel }}</strong>
+      requirements.
+    </div>
+
+    <div *ngIf="validation; else validating">
+      <app-validation-results
+        [validation]="validation"></app-validation-results>
+    </div>
+    <ng-template #validating>
+      <app-loading-overlay></app-loading-overlay>
+    </ng-template>
+  </section>
+
+  <section class="workflow-status-section track-section">
+    <div class="workflow-status-section-header">
+      <h4>Release Track to Update</h4>
+      <span *ngIf="loadingTracks" class="track-loading">
+        Loading tracks...
+      </span>
+    </div>
+
+    <div *ngIf="trackStatus as row; else noTracks">
+      <div class="track-card-grid">
+        <div class="track-card">
+          <span class="track-card-copy">
+            <strong>{{ row.name }}</strong>
+            <span *ngIf="row.description; else noDescription">
+              {{ row.description }}
+            </span>
+            <ng-template #noDescription>
+              <span>No description provided.</span>
+            </ng-template>
+          </span>
+          <app-status-chip
+            class="track-status-chip"
+            [status]="row.status"></app-status-chip>
+        </div>
+      </div>
+    </div>
+
+    <ng-template #noTracks>
+      <div class="track-empty">
+        <strong>
+          {{
+            loadingTracks
+              ? 'Loading release tracks'
+              : 'No release tracks to update'
+          }}
+        </strong>
+        <span>
+          {{
+            loadingTracks
+              ? 'Checking standard release tracks for this object.'
+              : 'This object is not currently enrolled in a standard release track that needs this status change.'
+          }}
+        </span>
+      </div>
+    </ng-template>
+  </section>
+
+  <footer class="workflow-status-footer">
+    <div class="workflow-status-footer-summary">
+      <mat-icon>sync_alt</mat-icon>
+      Updates
+      <strong>{{ trackStatus?.name || 'release track' }}</strong>
+      to
+      <strong>{{ targetStatusLabel }}</strong>
+    </div>
+    <div class="workflow-status-footer-actions">
+      <button mat-stroked-button type="button" (click)="onCancel()">
+        Cancel
+      </button>
+      <button
+        *ngIf="hasTrack"
+        mat-raised-button
+        color="primary"
+        type="button"
+        [disabled]="!saveEnabled"
+        (click)="onConfirm()">
+        {{ primaryActionLabel }}
+      </button>
+    </div>
+  </footer>
+</div>
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.scss b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.scss
new file mode 100644
index 000000000..b0042b460
--- /dev/null
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.scss
@@ -0,0 +1,412 @@
+@use '../../../style/colors';
+@use '../../../style/typography';
+
+.workflow-status-dialog-backdrop {
+  background: rgba(colors.color(mitre-black), 0.72);
+}
+
+.workflow-status-dialog-panel .mat-mdc-dialog-surface {
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.workflow-status-dialog {
+  width: min(92vw, 760px);
+  max-height: 86vh;
+  box-sizing: border-box;
+  overflow: auto;
+  padding: 24px;
+
+  .workflow-status-header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 16px;
+  }
+
+  .workflow-status-title-group {
+    display: flex;
+    align-items: flex-start;
+    min-width: 0;
+    gap: 12px;
+
+    h2,
+    p {
+      margin: 0;
+    }
+
+    h2 {
+      font-size: 22px;
+      font-weight: 800;
+      line-height: 28px;
+    }
+
+    p {
+      margin-top: 2px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-family: typography.$mono-font;
+      font-size: 12px;
+      line-height: 18px;
+      @include colors.theme-text-deemphasis;
+    }
+  }
+
+  .workflow-status-icon-badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    width: 36px;
+    height: 36px;
+    border-radius: 8px;
+    color: colors.color(pending);
+    background: rgba(colors.color(pending), 0.12);
+
+    .mat-icon {
+      width: 20px;
+      height: 20px;
+      font-size: 20px;
+      line-height: 20px;
+    }
+  }
+
+  .workflow-status-close {
+    flex: 0 0 auto;
+    @include colors.theme-text-deemphasis;
+
+    &:hover {
+      @include colors.theme-property(
+        color,
+        colors.on-color(dark),
+        colors.on-color(light)
+      );
+      @include colors.theme-property(
+        background,
+        rgba(colors.on-color(dark), 0.08),
+        rgba(colors.on-color(light), 0.06)
+      );
+    }
+  }
+
+  .active-object-banner {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    margin-bottom: 16px;
+    border: 1px solid;
+    border-radius: 8px;
+    padding: 14px 16px;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.on-color(dark), 0.05),
+      rgba(colors.on-color(light), 0.04)
+    );
+
+    span {
+      font-size: 12px;
+      font-weight: 800;
+      letter-spacing: 0.08em;
+      line-height: 16px;
+      text-transform: uppercase;
+      @include colors.theme-text-deemphasis;
+    }
+
+    strong {
+      overflow-wrap: anywhere;
+      font-size: 20px;
+      font-weight: 800;
+      line-height: 26px;
+    }
+  }
+
+  .workflow-status-section {
+    border: 1px solid;
+    border-radius: 6px;
+    padding: 16px;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.color(mitre-silver), 0.025),
+      rgba(colors.color(mitre-black), 0.014)
+    );
+
+    & + .workflow-status-section {
+      margin-top: 16px;
+    }
+  }
+
+  .validation-section {
+    padding: 18px 20px 8px;
+    min-width: 0;
+  }
+
+  .workflow-status-section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 12px;
+  }
+
+  h3,
+  h4 {
+    margin: 0;
+    font-weight: 800;
+  }
+
+  h3 {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 17px;
+    line-height: 24px;
+
+    .mat-icon {
+      width: 20px;
+      height: 20px;
+      font-size: 20px;
+      line-height: 20px;
+    }
+  }
+
+  h4 {
+    font-size: 13px;
+    letter-spacing: 0.08em;
+    line-height: 18px;
+    text-transform: uppercase;
+    @include colors.theme-text-emphasis;
+  }
+
+  .validation-status {
+    border-radius: 4px;
+    padding: 3px 8px;
+    font-family: typography.$mono-font;
+    font-size: 12px;
+    font-weight: 800;
+    line-height: 18px;
+  }
+
+  @each $status, $color in (success: success, warning: warn, error: error) {
+    .validation-status-#{$status} {
+      color: colors.color($color);
+      background: rgba(colors.color($color), 0.14);
+    }
+  }
+
+  .validation-context,
+  .track-loading {
+    font-size: 12px;
+    line-height: 18px;
+    @include colors.theme-text-deemphasis;
+  }
+
+  .validation-context {
+    margin: -4px 0 8px;
+
+    strong {
+      font-weight: 700;
+
+      .dark &,
+      .light & {
+        color: colors.color(primary);
+      }
+    }
+  }
+
+  .validation-results {
+    padding: 2px 0 0;
+  }
+
+  .validation-item.mat-mdc-list-item {
+    min-height: 32px;
+    padding: 2px 0;
+    --mdc-list-list-item-one-line-container-height: 32px;
+    --mdc-list-list-item-two-line-container-height: 44px;
+    --mdc-list-list-item-three-line-container-height: 56px;
+  }
+
+  .validation-item .mat-mdc-list-item-icon {
+    align-self: center;
+    margin-right: 8px;
+  }
+
+  .validation-item .mat-mdc-list-item-line {
+    line-height: 20px;
+  }
+
+  .validation-item .mat-icon {
+    padding: 2px !important;
+  }
+
+  .track-card-grid {
+    display: grid;
+    gap: 10px;
+    width: 100%;
+  }
+
+  .track-card {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 14px;
+    max-width: 100%;
+    width: 100%;
+    border: 1px solid;
+    border-radius: 8px;
+    padding: 12px 14px;
+    text-align: left;
+    @include colors.theme-property(
+      border-color,
+      rgba(colors.on-color(dark), 0.08),
+      rgba(colors.on-color(light), 0.12)
+    );
+    @include colors.theme-property(
+      color,
+      colors.on-color(dark),
+      colors.on-color(light)
+    );
+    @include colors.theme-property(
+      background,
+      rgba(colors.on-color(dark), 0.035),
+      rgba(colors.on-color(light), 0.025)
+    );
+  }
+
+  .track-card-copy {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    gap: 3px;
+
+    strong {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-size: 15px;
+      font-weight: 800;
+      line-height: 20px;
+    }
+
+    span {
+      display: -webkit-box;
+      overflow: hidden;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      font-size: 12px;
+      line-height: 17px;
+      @include colors.theme-text-deemphasis;
+    }
+  }
+
+  .track-status-chip {
+    flex: 0 0 auto;
+  }
+
+  .track-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 6px;
+    border: 1px dashed;
+    border-radius: 8px;
+    padding: 28px 20px;
+    text-align: center;
+    font-size: 13px;
+    line-height: 19px;
+    @include colors.theme-property(
+      border-color,
+      rgba(colors.on-color(dark), 0.12),
+      rgba(colors.on-color(light), 0.14)
+    );
+    @include colors.theme-text-deemphasis;
+    @include colors.theme-property(
+      background,
+      rgba(colors.on-color(dark), 0.025),
+      rgba(colors.on-color(light), 0.018)
+    );
+
+    strong {
+      font-size: 15px;
+      line-height: 21px;
+    }
+
+    span {
+      max-width: 420px;
+    }
+  }
+
+  .workflow-status-footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin: 18px -24px -24px;
+    padding: 14px 24px;
+    border-top: 1px solid;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.color(dark), 0.42),
+      rgba(colors.color(mitre-black), 0.02)
+    );
+  }
+
+  .workflow-status-footer-summary {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    min-width: 0;
+    font-size: 13px;
+    line-height: 20px;
+    @include colors.theme-text-deemphasis;
+
+    .mat-icon {
+      width: 18px;
+      height: 18px;
+      font-size: 18px;
+      line-height: 18px;
+    }
+
+    strong {
+      border-radius: 4px;
+      padding: 3px 6px;
+      font-family: typography.$mono-font;
+      @include colors.theme-property(
+        color,
+        colors.on-color(dark),
+        colors.on-color(light)
+      );
+      @include colors.theme-property(
+        background,
+        rgba(colors.on-color(dark), 0.1),
+        rgba(colors.on-color(light), 0.08)
+      );
+    }
+  }
+
+  .workflow-status-footer-actions {
+    display: flex;
+    flex: 0 0 auto;
+    gap: 10px;
+  }
+}
+
+@media (max-width: 600px) {
+  .workflow-status-dialog {
+    width: 92vw;
+
+    .workflow-status-footer {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .workflow-status-footer-actions {
+      justify-content: flex-end;
+    }
+  }
+}
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
new file mode 100644
index 000000000..287704bb7
--- /dev/null
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
@@ -0,0 +1,204 @@
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { vi } from 'vitest';
+
+import { WorkflowStatusDialogComponent } from './workflow-status-dialog.component';
+import { SnapshotTier } from 'src/app/classes/release-tracks';
+import { VersionNumber } from 'src/app/classes/version-number';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
+import { WorkflowStatus } from 'src/app/utils/types';
+
+describe('WorkflowStatusDialogComponent', () => {
+  let component: WorkflowStatusDialogComponent;
+  let fixture: ComponentFixture<WorkflowStatusDialogComponent>;
+  let mockObject;
+  let mockDialogRef;
+  let mockReleaseTracksService;
+
+  beforeEach(async () => {
+    mockObject = {
+      stixID: 'attack-pattern--123',
+      attackType: 'technique',
+      modified: new Date('2026-01-01T00:00:00.000Z'),
+      version: new VersionNumber('1.0'),
+      workflow: {
+        state: WorkflowStatus.WorkInProgress,
+      },
+      workspace: {
+        release_tracks: [
+          {
+            track_id: 'release-track--core',
+            name: 'Core Objects',
+            description: 'Core object workflow',
+            object_ref: 'attack-pattern--123',
+            object_modified: '2026-01-01T00:00:00.000Z',
+            object_status: WorkflowStatus.WorkInProgress,
+          },
+        ],
+      },
+      validate: vi.fn(
+        (_restApi, workflowState = WorkflowStatus.WorkInProgress) => {
+          mockObject.workflow = { state: workflowState };
+          return createAsyncObservable({
+            successes: [],
+            errors: [],
+            warnings: [],
+            info: [],
+          });
+        }
+      ),
+      save: vi.fn().mockReturnValue(createAsyncObservable({})),
+    };
+    mockDialogRef = {
+      close: vi.fn(),
+    };
+    mockReleaseTracksService = {
+      getLatestSnapshot: vi.fn((trackId: string) =>
+        createAsyncObservable({
+          name:
+            trackId === 'release-track--core'
+              ? 'Core Objects'
+              : 'Groups & Campaigns',
+          description:
+            trackId === 'release-track--core'
+              ? 'Core object workflow'
+              : 'Groups workflow',
+          candidates:
+            trackId === 'release-track--core'
+              ? [
+                  {
+                    object_ref: 'attack-pattern--123',
+                    object_modified: '2026-01-01T00:00:00.000Z',
+                    object_status: WorkflowStatus.WorkInProgress,
+                  },
+                ]
+              : [
+                  {
+                    object_ref: 'attack-pattern--123',
+                    object_modified: '2026-01-01T00:00:00.000Z',
+                    object_status: WorkflowStatus.AwaitingReview,
+                  },
+                ],
+          staged: [],
+        })
+      ),
+      reviewCandidates: vi.fn().mockReturnValue(createAsyncObservable({})),
+      demoteStaged: vi.fn().mockReturnValue(createAsyncObservable({})),
+    };
+
+    await TestBed.configureTestingModule({
+      declarations: [WorkflowStatusDialogComponent],
+      imports: [FormsModule, NoopAnimationsModule],
+      providers: [
+        { provide: MatDialogRef, useValue: mockDialogRef },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            object: mockObject,
+            targetStatus: WorkflowStatus.AwaitingReview,
+            track: {
+              trackId: 'release-track--core',
+              name: 'Core Objects',
+              description: 'Core object workflow',
+              tier: SnapshotTier.Candidate,
+              status: WorkflowStatus.WorkInProgress,
+              objectRef: {
+                id: 'attack-pattern--123',
+                modified: '2026-01-01T00:00:00.000Z',
+              },
+            },
+          },
+        },
+        {
+          provide: RestApiConnectorService,
+          useValue: createMockRestApiConnector(),
+        },
+        {
+          provide: ReleaseTracksConnectorService,
+          useValue: mockReleaseTracksService,
+        },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(WorkflowStatusDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should validate against the selected status and load the target track', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(component.dialogTitle).toBe('Submit for Review');
+    expect(component.targetStatusLabel).toBe('Awaiting Review');
+    expect(mockObject.validate).toHaveBeenCalledWith(
+      expect.anything(),
+      WorkflowStatus.AwaitingReview
+    );
+    expect(mockReleaseTracksService.getLatestSnapshot).toHaveBeenCalledWith(
+      'release-track--core',
+      { include: 'all' }
+    );
+    expect(component.trackStatus).toEqual(
+      expect.objectContaining({
+        trackId: 'release-track--core',
+        name: 'Core Objects',
+        description: 'Core object workflow',
+        status: WorkflowStatus.WorkInProgress,
+      })
+    );
+  });
+
+  it('should save the object and update the target release track', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    component.onConfirm();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(mockObject.workflow).toEqual({
+      state: WorkflowStatus.AwaitingReview,
+    });
+    expect(mockObject.save).toHaveBeenCalled();
+    expect(mockReleaseTracksService.reviewCandidates).toHaveBeenCalledWith(
+      'release-track--core',
+      {
+        from: WorkflowStatus.WorkInProgress,
+        to: WorkflowStatus.AwaitingReview,
+        object_refs: [
+          {
+            id: 'attack-pattern--123',
+            modified: '2026-01-01T00:00:00.000Z',
+          },
+        ],
+      }
+    );
+    expect(mockDialogRef.close).toHaveBeenCalledWith(true);
+  });
+
+  it('should restore the previous workflow status on cancel', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(mockObject.workflow).toEqual({
+      state: WorkflowStatus.AwaitingReview,
+    });
+
+    component.onCancel();
+
+    expect(mockObject.workflow).toEqual({
+      state: WorkflowStatus.WorkInProgress,
+    });
+    expect(mockDialogRef.close).toHaveBeenCalledWith(false);
+  });
+});
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
new file mode 100644
index 000000000..be3779d33
--- /dev/null
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
@@ -0,0 +1,377 @@
+import {
+  Component,
+  Inject,
+  OnDestroy,
+  OnInit,
+  ViewEncapsulation,
+} from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Observable, of } from 'rxjs';
+import { catchError, concatMap, map, switchMap } from 'rxjs/operators';
+import { SnapshotTier } from 'src/app/classes/release-tracks';
+import type {
+  ReleaseTrackObjectTier,
+  StixObjectRef,
+} from 'src/app/classes/release-tracks';
+import { ValidationData } from 'src/app/classes/serializable';
+import { StixObject } from 'src/app/classes/stix/stix-object';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { WORKFLOW_STATUS_LABELS, WorkflowStatus } from 'src/app/utils/types';
+import type { ReleaseTrackStatus, WorkflowStatusDialogData, WorkflowStatusType } from 'src/app/utils/types';
+import { logger } from 'src/app/utils/logger';
+
+@Component({
+  selector: 'app-workflow-status-dialog',
+  templateUrl: './workflow-status-dialog.component.html',
+  styleUrls: ['./workflow-status-dialog.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  standalone: false,
+})
+export class WorkflowStatusDialogComponent implements OnInit, OnDestroy {
+  public validation: ValidationData = null;
+  public validating = false;
+  public saving = false;
+  public trackStatus: ReleaseTrackStatus | null = null;
+  public loadingTracks = false;
+
+  private saved = false;
+  private previousWorkflow?: StixObject['workflow'];
+
+  public get saveEnabled(): boolean {
+    return (
+      !this.validating &&
+      !this.saving &&
+      this.validation &&
+      this.validation.errors.length === 0 &&
+      this.hasTrack
+    );
+  }
+
+  public get validationStatus(): ValidationStatus {
+    if (!this.validation) return 'success';
+    if (this.validation.errors.length) return 'error';
+    if (this.validation.warnings.length) return 'warning';
+    return 'success';
+  }
+
+  public get validationStatusLabel(): string {
+    switch (this.validationStatus) {
+      case 'error':
+        return 'Error';
+      case 'warning':
+        return 'Warning';
+      default:
+        return 'Success';
+    }
+  }
+
+  public get targetStatusLabel(): string {
+    return this.getWorkflowStatusLabel(this.config.targetStatus);
+  }
+
+  public get dialogTitle(): string {
+    switch (this.config.targetStatus) {
+      case WorkflowStatus.AwaitingReview:
+        return 'Submit for Review';
+      case WorkflowStatus.Reviewed:
+        return 'Mark as Reviewed';
+      case WorkflowStatus.WorkInProgress:
+        return 'Move to Work In Progress';
+    }
+  }
+
+  public get primaryActionLabel(): string {
+    return this.config.targetStatus === WorkflowStatus.AwaitingReview
+      ? 'Submit for Review'
+      : 'Save Status';
+  }
+
+  public get objectDisplayName(): string {
+    return (
+      this.config.object?.['name'] ||
+      this.config.object?.['stix']?.name ||
+      'Untitled object'
+    );
+  }
+
+  public get hasTrack(): boolean {
+    return !!this.trackStatus;
+  }
+
+  constructor(
+    public dialogRef: MatDialogRef<WorkflowStatusDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public config: WorkflowStatusDialogData,
+    public restApiService: RestApiConnectorService,
+    private releaseTracksService: ReleaseTracksConnectorService
+  ) {
+    this.previousWorkflow = this.config.object.workflow
+      ? { ...this.config.object.workflow }
+      : undefined;
+  }
+
+  ngOnInit(): void {
+    this.validateObject();
+    this.loadTrack();
+  }
+
+  ngOnDestroy(): void {
+    if (!this.saved) this.restorePreviousWorkflow();
+  }
+
+  public onCancel(): void {
+    this.restorePreviousWorkflow();
+    this.dialogRef.close(false);
+  }
+
+  public onConfirm(): void {
+    if (!this.saveEnabled) return;
+
+    this.saving = true;
+    this.config.object.workflow = { state: this.config.targetStatus };
+    const subscription = this.config.object
+      .save(this.restApiService)
+      .pipe(switchMap(() => this.syncTrack()))
+      .subscribe({
+        next: () => {
+          this.saved = true;
+          this.dialogRef.close(true);
+        },
+        error: err => {
+          logger.error(err);
+          this.saving = false;
+        },
+        complete: () => subscription.unsubscribe(),
+      });
+  }
+
+  private validateObject(): void {
+    this.validation = null;
+    this.validating = true;
+
+    this.config.object
+      .validate(this.restApiService, this.config.targetStatus)
+      .subscribe({
+        next: result => {
+          this.validation = result;
+        },
+        error: err => {
+          logger.error(err);
+          this.validating = false;
+        },
+        complete: () => {
+          this.validating = false;
+        },
+      });
+  }
+
+  private loadTrack(): void {
+    if (!this.config.object?.stixID) {
+      this.trackStatus = null;
+      return;
+    }
+
+    this.loadingTracks = true;
+    const track = this.config.track;
+
+    if (!track) {
+      this.trackStatus = null;
+      this.loadingTracks = false;
+      return;
+    }
+
+    this.releaseTracksService
+      .getLatestSnapshot(track.trackId, { include: 'all' })
+      .pipe(
+        map(snapshot => this.toTrackStatus(track, snapshot)),
+        catchError(err => {
+          logger.error(
+            'Failed to load release track snapshot for workflow status dialog',
+            err
+          );
+          return of(this.toTrackStatus(track, null));
+        }),
+        map(row => (row !== null && this.canUpdateTrack(row) ? row : null))
+      )
+      .subscribe({
+        next: row => {
+          this.trackStatus = row;
+          this.loadingTracks = false;
+        },
+        error: err => {
+          logger.error(err);
+          this.trackStatus = null;
+          this.loadingTracks = false;
+        },
+      });
+  }
+
+  private toTrackStatus(
+    track: ReleaseTrackStatus,
+    snapshot: any
+  ): ReleaseTrackStatus | null {
+    const entry = this.getTrackedObjectEntry(snapshot);
+    if (!entry && !track.tier) return null;
+
+    const tier = this.getEntryTier(entry) || track.tier || null;
+    const status =
+      this.getEntryWorkflowStatus(entry) ||
+      track.status ||
+      this.getFallbackWorkflowStatus(tier);
+
+    return {
+      trackId: this.getTrackId(track) || '',
+      name: snapshot?.name || track?.name || this.getTrackId(track) || '',
+      description: snapshot?.description || track.description || '',
+      tier,
+      status,
+      objectRef: entry ? this.getObjectRef(entry) : track.objectRef,
+    };
+  }
+
+  private syncTrack(): Observable<unknown> {
+    if (!this.trackStatus) return of(null);
+
+    return this.updateTrack(this.trackStatus).pipe(
+      catchError(err => {
+        logger.error('Failed to update release track object status', err);
+        return of(null);
+      })
+    );
+  }
+
+  private updateTrack(row: ReleaseTrackStatus): Observable<unknown> {
+    if (!row.trackId) return of(null);
+    if (row.status === this.config.targetStatus) return of(null);
+
+    if (row.tier === SnapshotTier.Staged) {
+      return this.releaseTracksService
+        .demoteStaged(row.trackId, [row.objectRef])
+        .pipe(
+          concatMap(() =>
+            this.releaseTracksService.reviewCandidates(row.trackId, {
+              from: row.status,
+              to: this.config.targetStatus,
+              object_refs: [row.objectRef],
+            })
+          )
+        );
+    }
+
+    return this.releaseTracksService.reviewCandidates(row.trackId, {
+      from: row.status,
+      to: this.config.targetStatus,
+      object_refs: [row.objectRef],
+    });
+  }
+
+  private getTrackedObjectEntry(snapshot: any): any | null {
+    if (!snapshot) return null;
+    return (
+      this.getSnapshotWorkflowEntries(snapshot).find(
+        entry => this.getEntryObjectRef(entry) === this.config.object.stixID
+      ) || null
+    );
+  }
+
+  private canUpdateTrack(row: ReleaseTrackStatus): boolean {
+    return row.status !== this.config.targetStatus;
+  }
+
+  private getSnapshotWorkflowEntries(snapshot: any): any[] {
+    return [
+      this.withTier(snapshot?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.contents?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.contents?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.workspace?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.workspace?.staged, SnapshotTier.Staged),
+    ]
+      .filter(Array.isArray)
+      .reduce((entries, tierEntries) => entries.concat(tierEntries), []);
+  }
+
+  private withTier(
+    entries: any,
+    tier: ReleaseTrackObjectTier
+  ): any[] | undefined {
+    if (!Array.isArray(entries)) return undefined;
+    return entries.map(entry => ({
+      ...entry,
+      tier: this.getEntryTier(entry) || tier,
+    }));
+  }
+
+  private getEntryTier(entry: any): ReleaseTrackObjectTier | null {
+    if (!entry) return null;
+    const tier = String(entry.tier || entry.object_tier || '').toLowerCase();
+    if (tier === SnapshotTier.Staged) return SnapshotTier.Staged;
+    if (tier === SnapshotTier.Candidate) return SnapshotTier.Candidate;
+    if (entry.object_staged_at || entry.staged_at) return SnapshotTier.Staged;
+    if (this.getEntryWorkflowStatus(entry)) return SnapshotTier.Candidate;
+    return null;
+  }
+
+  private getEntryWorkflowStatus(entry: any): WorkflowStatusType | null {
+    if (!entry) return null;
+    const status = entry.object_status || entry.status;
+    if (Object.values(WorkflowStatus).includes(status)) return status;
+    return null;
+  }
+
+  private getFallbackWorkflowStatus(
+    tier: ReleaseTrackObjectTier | null
+  ): WorkflowStatusType {
+    return tier === SnapshotTier.Staged
+      ? WorkflowStatus.Reviewed
+      : WorkflowStatus.WorkInProgress;
+  }
+
+  private getObjectRef(entry: any): StixObjectRef {
+    const modified =
+      this.toIsoString(entry.object_modified) ||
+      this.toIsoString(entry.modified) ||
+      this.config.object.modified?.toISOString();
+
+    return modified
+      ? {
+          id: this.getEntryObjectRef(entry) || this.config.object.stixID,
+          modified,
+        }
+      : this.getEntryObjectRef(entry) || this.config.object.stixID;
+  }
+
+  private getEntryObjectRef(entry: any): string | null {
+    return entry?.object_ref || entry?.ref || entry?.id || null;
+  }
+
+  private toIsoString(value: any): string | null {
+    if (!value) return null;
+    if (value instanceof Date) return value.toISOString();
+    return String(value);
+  }
+
+  private getTrackId(track: any): string | null {
+    return (
+      track?.trackId ||
+      track?.track_id ||
+      track?.release_track_id ||
+      track?.releaseTrackId ||
+      (track?.id?.startsWith('release-track--') ? track.id : null)
+    );
+  }
+
+  private getWorkflowStatusLabel(status: WorkflowStatusType): string {
+    return WORKFLOW_STATUS_LABELS[status] || status;
+  }
+
+  private restorePreviousWorkflow(): void {
+    if (this.previousWorkflow) {
+      this.config.object.workflow = { ...this.previousWorkflow };
+      return;
+    }
+    this.config.object.workflow = undefined;
+  }
+}
+
+type ValidationStatus = 'success' | 'warning' | 'error';
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 3374eb998..493195183 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -1,3 +1,6 @@
+import { ReleaseTrackObjectTier, StixObjectRef } from "../classes/release-tracks";
+import { StixObject } from "../classes/stix";
+
 /**
  * ATT&CK type definitions
  */
@@ -57,18 +60,57 @@ export type WorkflowStatusType =
   | WorkflowStatus.AwaitingReview
   | WorkflowStatus.Reviewed;
 
-export const WorkflowStatusMap: Record<WorkflowStatus, string> = {
-  'work-in-progress': 'work in progress',
-  'awaiting-review': 'awaiting review',
-  'reviewed': 'reviewed',
+export const WORKFLOW_STATUS_LABELS: Record<WorkflowStatusType, string> = {
+  [WorkflowStatus.WorkInProgress]: 'WIP',
+  [WorkflowStatus.AwaitingReview]: 'Awaiting Review',
+  [WorkflowStatus.Reviewed]: 'Reviewed',
+};
+
+export const WorkflowStatusMap = WORKFLOW_STATUS_LABELS;
+
+export interface WorkflowStatusOption {
+  value: WorkflowStatusType;
+  label: string;
+}
+
+export const WORKFLOW_STATUS_OPTIONS: WorkflowStatusOption[] = [
+  {
+    value: WorkflowStatus.WorkInProgress,
+    label: WORKFLOW_STATUS_LABELS[WorkflowStatus.WorkInProgress],
+  },
+  {
+    value: WorkflowStatus.AwaitingReview,
+    label: WORKFLOW_STATUS_LABELS[WorkflowStatus.AwaitingReview],
+  },
+  {
+    value: WorkflowStatus.Reviewed,
+    label: WORKFLOW_STATUS_LABELS[WorkflowStatus.Reviewed],
+  },
+];
+
+export const WORKFLOW_STATUS_RANK: Record<WorkflowStatusType, number> = {
+  [WorkflowStatus.WorkInProgress]: 0,
+  [WorkflowStatus.AwaitingReview]: 1,
+  [WorkflowStatus.Reviewed]: 2,
 };
 
 /**
  * Collection/release changelog categories
  */
 export type ChangelogCategory =
-  | 'additions'
-  | 'changes'
-  | 'minor_changes'
-  | 'revocations'
-  | 'deprecations';
+  'additions' | 'changes' | 'minor_changes' | 'revocations' | 'deprecations';
+
+export interface ReleaseTrackStatus {
+  trackId: string;
+  name: string;
+  description: string;
+  tier: ReleaseTrackObjectTier | null;
+  status: WorkflowStatusType;
+  objectRef: StixObjectRef;
+}
+
+export interface WorkflowStatusDialogData {
+  object: StixObject;
+  targetStatus: WorkflowStatusType;
+  track: ReleaseTrackStatus;
+}
diff --git a/src/style/colors.scss b/src/style/colors.scss
index b332072ba..00a9ce4c7 100644
--- a/src/style/colors.scss
+++ b/src/style/colors.scss
@@ -146,6 +146,40 @@ $colors: (
   // @return rgba(invert(color($name)), 0.125);
 }
 
+@mixin theme-property($property, $dark-value, $light-value) {
+  .dark & {
+    #{$property}: $dark-value;
+  }
+
+  .light & {
+    #{$property}: $light-value;
+  }
+}
+
+@mixin theme-border-color {
+  @include theme-property(
+    border-color,
+    border-color(dark),
+    border-color(light)
+  );
+}
+
+@mixin theme-text-emphasis {
+  @include theme-property(
+    color,
+    on-color-emphasis(dark),
+    on-color-emphasis(light)
+  );
+}
+
+@mixin theme-text-deemphasis {
+  @include theme-property(
+    color,
+    on-color-deemphasis(dark),
+    on-color-deemphasis(light)
+  );
+}
+
 // escape the color. Note param is a color and not a color name: this is not an accessor to the color map above.
 // replaces # with %23 in hex colors
 // see https://codepen.io/gunnarbittersmann/pen/BoovjR for explanation of why we have to escape # for the background image
diff --git a/src/style/layouts/view-page.scss b/src/style/layouts/view-page.scss
index 3c09ddcfb..d32e4ec42 100644
--- a/src/style/layouts/view-page.scss
+++ b/src/style/layouts/view-page.scss
@@ -9,7 +9,7 @@
   h1 {
     margin: 0;
   }
-  width: 45em;
+  width: 55em;
   max-width: 100%;
   margin: 0 auto;
   padding-bottom: 3em;
diff --git a/src/style/typography.scss b/src/style/typography.scss
index e5a2d5115..490e3d59c 100644
--- a/src/style/typography.scss
+++ b/src/style/typography.scss
@@ -2,6 +2,10 @@
 @use 'colors';
 @use 'fonts';
 
+$mono-font:
+  Roboto Mono,
+  monospace;
+
 .superheading {
   //super big display text
   font-size: 60px;

From dfc5f2b0440a8ff5f12682ff6c6373654b39f08e Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 19:16:34 -0400
Subject: [PATCH 093/190] chore: formatting

---
 .../components/stix/stix-list/stix-list.component.ts   | 10 ++++------
 .../workflow-status-dialog.component.ts                |  6 +++++-
 src/app/utils/types.ts                                 |  7 +++++--
 .../relationship-view/relationship-view.component.ts   |  8 +++++---
 4 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 8813e6ea6..b3e02c29e 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -387,12 +387,10 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
               this.config.sourceRef ? sticky_allowed : false,
               ['relationship-name']
             );
-            if (
-              !(
-                this.config.relationshipType &&
-                this.config.relationshipType == 'subtechnique-of'
-              )
-            )
+            if (!(
+              this.config.relationshipType &&
+              this.config.relationshipType == 'subtechnique-of'
+            ))
               this.addColumn(
                 'description',
                 'description',
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
index be3779d33..5576d5ae6 100644
--- a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
@@ -18,7 +18,11 @@ import { StixObject } from 'src/app/classes/stix/stix-object';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { WORKFLOW_STATUS_LABELS, WorkflowStatus } from 'src/app/utils/types';
-import type { ReleaseTrackStatus, WorkflowStatusDialogData, WorkflowStatusType } from 'src/app/utils/types';
+import type {
+  ReleaseTrackStatus,
+  WorkflowStatusDialogData,
+  WorkflowStatusType,
+} from 'src/app/utils/types';
 import { logger } from 'src/app/utils/logger';
 
 @Component({
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 493195183..68a34ac0f 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -1,5 +1,8 @@
-import { ReleaseTrackObjectTier, StixObjectRef } from "../classes/release-tracks";
-import { StixObject } from "../classes/stix";
+import {
+  ReleaseTrackObjectTier,
+  StixObjectRef,
+} from '../classes/release-tracks';
+import { StixObject } from '../classes/stix';
 
 /**
  * ATT&CK type definitions
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.ts b/src/app/views/stix/relationship-view/relationship-view.component.ts
index d94638960..fe588de8f 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.ts
+++ b/src/app/views/stix/relationship-view/relationship-view.component.ts
@@ -240,9 +240,11 @@ export class RelationshipViewComponent extends StixViewPage implements OnInit {
    * @param {any} obj the raw STIX object
    */
   public navigateTo(obj: any): void {
-    if (
-      !(obj?.stix?.type && obj?.stix?.id && StixTypeToAttackType[obj.stix.type])
-    ) {
+    if (!(
+      obj?.stix?.type &&
+      obj?.stix?.id &&
+      StixTypeToAttackType[obj.stix.type]
+    )) {
       console.warn('Invalid object passed to navigateTo:', obj);
       return;
     }

From 80451794c99e916298e0ae5de5b8eb1126e4f8ab Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 19:17:55 -0400
Subject: [PATCH 094/190] feat(release-tracks): add release track status
 updates to save dialog

---
 .../save-dialog/save-dialog.component.html    | 200 +++++--
 .../save-dialog/save-dialog.component.scss    | 405 +++++++++++--
 .../save-dialog/save-dialog.component.spec.ts | 259 +++++++-
 .../save-dialog/save-dialog.component.ts      | 566 ++++++++++++++++--
 4 files changed, 1281 insertions(+), 149 deletions(-)

diff --git a/src/app/components/save-dialog/save-dialog.component.html b/src/app/components/save-dialog/save-dialog.component.html
index 4783abb04..f23c7c41e 100644
--- a/src/app/components/save-dialog/save-dialog.component.html
+++ b/src/app/components/save-dialog/save-dialog.component.html
@@ -1,64 +1,167 @@
-<div class="save-dialog grid spacing-20">
-  <div *ngIf="stage === 0" class="row">
-    <div class="column validation">
-      <h3>Validation</h3>
-      <div *ngIf="validation; else validating">
-        <app-validation-results
-          [validation]="validation"
-          [patchId]="config.patchId"
-          [patchAnalytics]="config.patchAnalytics">
-        </app-validation-results>
+<div class="save-dialog">
+  <div *ngIf="stage === 0" class="save-dialog-content">
+    <div class="save-top-grid">
+      <section class="save-section validation-section">
+        <div class="save-section-header">
+          <h3>
+            <mat-icon>verified_user</mat-icon>
+            Validation
+          </h3>
+          <span
+            *ngIf="validation"
+            class="validation-status"
+            [ngClass]="'validation-status-' + validationStatus">
+            {{ validationStatusLabel }}
+          </span>
+        </div>
+        <div class="validation-context" *ngIf="validationReviewStatusLabel">
+          Validating against
+          <strong>{{ validationReviewStatusLabel }}</strong>
+          requirements.
+        </div>
+        <div *ngIf="validation; else validating">
+          <app-validation-results
+            [validation]="validation"
+            [patchId]="config.patchId"
+            [patchAnalytics]="config.patchAnalytics">
+          </app-validation-results>
+        </div>
+        <ng-template #validating>
+          <app-loading-overlay></app-loading-overlay>
+        </ng-template>
+      </section>
+
+      <section class="save-section version-section">
+        <h4>Version Increment</h4>
+        <mat-radio-group
+          class="version-options"
+          [(ngModel)]="versionChoice"
+          aria-label="Version increment">
+          <mat-radio-button value="keep" [disabled]="!saveEnabled">
+            <span class="version-option-label">Keep</span>
+            <span class="version-option-value">v{{ currentVersion }}</span>
+          </mat-radio-button>
+          <mat-radio-button
+            value="minor"
+            [disabled]="config.versionAlreadyIncremented || !saveEnabled">
+            <span class="version-option-label">Minor</span>
+            <span class="version-option-value">
+              v{{ currentVersion }} &rarr; v{{ nextMinorVersion }}
+            </span>
+          </mat-radio-button>
+          <mat-radio-button
+            value="major"
+            [disabled]="config.versionAlreadyIncremented || !saveEnabled">
+            <span class="version-option-label">Major</span>
+            <span class="version-option-value">
+              v{{ currentVersion }} &rarr; v{{ nextMajorVersion }}
+            </span>
+          </mat-radio-button>
+        </mat-radio-group>
+      </section>
+    </div>
+
+    <section class="save-section track-section">
+      <div class="track-section-header">
+        <h4>Object Review Status</h4>
+        <span *ngIf="loadingTracks" class="track-loading">
+          Loading tracks...
+        </span>
+      </div>
+
+      <div class="track-table" *ngIf="hasStatusRows; else noEnrolledTracks">
+        <div class="track-table-row track-table-head">
+          <span>Release Track</span>
+          <span>Current Draft</span>
+          <span>New Status</span>
+        </div>
+
+        <div class="track-table-row" *ngFor="let row of statusRows">
+          <span class="track-name">{{ row.name }}</span>
+
+          <app-status-chip
+            *ngIf="row.enrolled; else notEnrolledStatus"
+            [status]="row.status"></app-status-chip>
+          <ng-template #notEnrolledStatus>
+            <span class="track-not-enrolled">Not enrolled</span>
+          </ng-template>
+
+          <mat-button-toggle-group
+            class="track-status-toggle"
+            [(ngModel)]="row.targetStatus"
+            (change)="onTrackStatusChanged()"
+            hideSingleSelectionIndicator
+            aria-label="Track status">
+            <mat-button-toggle
+              *ngFor="let option of trackStatusOptions"
+              [value]="option.value">
+              {{ option.label }}
+            </mat-button-toggle>
+          </mat-button-toggle-group>
+        </div>
       </div>
-      <ng-template #validating>
-        <app-loading-overlay></app-loading-overlay>
+
+      <ng-template #noEnrolledTracks>
+        <div class="track-empty">
+          {{
+            loadingTracks
+              ? 'Loading release tracks.'
+              : 'This object is not enrolled in any release tracks.'
+          }}
+        </div>
       </ng-template>
-    </div>
-    <div class="column narrow version-buttons">
-      <mat-action-list>
-        <mat-form-field class="workflow-status" appearance="outline">
-          <mat-label>mark as...</mat-label>
-          <mat-select
-            [(ngModel)]="newState"
-            (selectionChange)="onStatusChanged($event)">
-            <mat-option
-              *ngFor="let workflow of workflows"
-              [value]="workflow[0]">
-              {{ workflow[1] }}
+
+      <div class="track-enrollment">
+        <h5>Enroll in New Release Track</h5>
+        <mat-form-field appearance="outline" class="enrollment-field no-hint">
+          <input
+            matInput
+            type="text"
+            [(ngModel)]="enrollmentSearch"
+            [disabled]="!saveEnabled || loadingTracks"
+            [matAutocomplete]="enrollmentAutocomplete"
+            placeholder="Search release tracks..." />
+          <mat-autocomplete
+            #enrollmentAutocomplete="matAutocomplete"
+            [displayWith]="displayTrack"
+            (optionSelected)="selectEnrollmentTrack($event)">
+            <mat-option *ngFor="let row of enrollmentOptions" [value]="row">
+              {{ row.name }}
             </mat-option>
-          </mat-select>
+            <mat-option *ngIf="!enrollmentOptions.length" disabled>
+              No matching standard tracks
+            </mat-option>
+          </mat-autocomplete>
         </mat-form-field>
-        <button
-          mat-list-item
-          [disabled]="config.versionAlreadyIncremented || !saveEnabled"
-          (click)="saveNextMajorVersion()">
-          <div class="save-list-item">save new major version</div>
-          <div>{{ currentVersion }} &#8594; {{ nextMajorVersion }}</div>
-        </button>
-        <button
-          mat-list-item
-          [disabled]="config.versionAlreadyIncremented || !saveEnabled"
-          (click)="saveNextMinorVersion()">
-          <div class="save-list-item">save new minor version</div>
-          <div>{{ currentVersion }} &#8594; {{ nextMinorVersion }}</div>
+      </div>
+    </section>
+
+    <footer class="save-footer">
+      <div class="save-footer-summary">
+        <mat-icon>schedule</mat-icon>
+        Saves revision as
+        <strong>{{ selectedVersionLabel }}</strong>
+      </div>
+      <div class="save-footer-actions">
+        <button mat-stroked-button mat-dialog-close>
+          Cancel, Keep Editing
         </button>
         <button
-          mat-list-item
+          mat-raised-button
+          color="primary"
           [disabled]="!saveEnabled"
-          (click)="saveCurrentVersion()">
-          <div class="save-list-item">save current version</div>
-          <div>{{ currentVersion }} &#8594; {{ currentVersion }}</div>
+          (click)="onConfirmSave()">
+          Save & Update Status
         </button>
-        <button mat-list-item mat-dialog-close>
-          <div class="save-list-item">cancel</div>
-          <div>keep editing</div>
-        </button>
-      </mat-action-list>
-    </div>
+      </div>
+    </footer>
   </div>
+
   <div *ngIf="stage === 1" class="stage parsing">
     <h1>Determining required knowledge base patches...</h1>
     <app-loading-overlay></app-loading-overlay>
   </div>
+
   <div *ngIf="stage === 2" class="stage reviewing">
     <h1>Required Patches</h1>
     <ng-container *ngIf="patch_objects.length === 0; else linkPatches">
@@ -101,6 +204,7 @@ <h3>Objects</h3>
       </button>
     </div>
   </div>
+
   <div *ngIf="stage === 3" class="stage patching">
     <h1>Patching links...</h1>
     <app-loading-overlay></app-loading-overlay>
diff --git a/src/app/components/save-dialog/save-dialog.component.scss b/src/app/components/save-dialog/save-dialog.component.scss
index a642e018f..6091d0658 100644
--- a/src/app/components/save-dialog/save-dialog.component.scss
+++ b/src/app/components/save-dialog/save-dialog.component.scss
@@ -1,67 +1,400 @@
 @use '../../../style/globals';
 @use '../../../style/colors';
+@use '../../../style/typography';
 
 .save-dialog {
+  width: min(92vw, 820px);
+  max-height: 86vh;
+  box-sizing: border-box;
+  overflow: auto;
   padding: 24px;
-  .version-buttons {
-    .mat-mdc-form-field-subscript-wrapper {
-      display: none;
+
+  .save-dialog-content {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+  }
+
+  .save-section {
+    border: 1px solid;
+    border-radius: 6px;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.color(mitre-silver), 0.025),
+      rgba(colors.color(mitre-black), 0.014)
+    );
+  }
+
+  .validation-section {
+    padding: 18px 20px 8px;
+    min-width: 0;
+  }
+
+  .save-section-header,
+  .track-section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 12px;
+  }
+
+  h3,
+  h4 {
+    margin: 0;
+    font-weight: 800;
+  }
+
+  h3 {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 17px;
+    line-height: 24px;
+
+    .mat-icon {
+      width: 20px;
+      height: 20px;
+      font-size: 20px;
+      line-height: 20px;
     }
-    .save-list-item {
-      @extend .subheading;
-      font-weight: 700 !important;
+  }
+
+  h4 {
+    font-size: 13px;
+    letter-spacing: 0.08em;
+    line-height: 18px;
+    text-transform: uppercase;
+    @include colors.theme-text-emphasis;
+  }
+
+  .validation-status {
+    border-radius: 4px;
+    padding: 3px 8px;
+    font-family: typography.$mono-font;
+    font-size: 12px;
+    font-weight: 800;
+    line-height: 18px;
+  }
+
+  @each $status, $color in (success: success, warning: warn, error: error) {
+    .validation-status-#{$status} {
+      color: colors.color($color);
+      background: rgba(colors.color($color), 0.14);
     }
-    .mat-mdc-list-item {
-      padding: 16px !important;
-      height: fit-content;
+  }
+
+  .validation-section {
+    .validation-results {
+      padding: 2px 0 0;
     }
-    .mat-mdc-list-item:hover:not(.mdc-list-item--disabled) {
-      .save-list-item {
-        color: colors.color(primary);
+
+    .validation-context {
+      margin: -4px 0 8px;
+      font-size: 12px;
+      line-height: 18px;
+      @include colors.theme-text-deemphasis;
+
+      strong {
+        font-weight: 700;
+
+        .dark &,
+        .light & {
+          color: colors.color(primary);
+        }
       }
     }
-    .mat-mdc-list-item + .mat-mdc-list-item {
+
+    .validation-item.mat-mdc-list-item {
+      min-height: 32px;
+      padding: 2px 0;
+      --mdc-list-list-item-one-line-container-height: 32px;
+      --mdc-list-list-item-two-line-container-height: 44px;
+      --mdc-list-list-item-three-line-container-height: 56px;
+    }
+
+    .validation-item .mat-mdc-list-item-icon {
+      align-self: center;
+      margin-right: 8px;
+    }
+
+    .validation-item .mat-mdc-list-item-line {
+      line-height: 20px;
+    }
+
+    .validation-item .mat-icon {
+      padding: 2px !important;
+    }
+  }
+
+  .save-top-grid {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) 250px;
+    gap: 16px;
+  }
+
+  .version-section,
+  .track-section {
+    padding: 16px;
+  }
+
+  .version-options {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    margin-top: 18px;
+  }
+
+  .mat-mdc-radio-button {
+    --mdc-radio-state-layer-size: 28px;
+  }
+
+  .version-option-label {
+    margin-right: 4px;
+    font-weight: 800;
+  }
+
+  .version-option-value {
+    font-family: typography.$mono-font;
+    font-size: 13px;
+    font-weight: 700;
+  }
+
+  .track-section {
+    min-width: 0;
+    margin-top: 16px;
+  }
+
+  .track-loading,
+  .track-enrollment,
+  .track-not-enrolled {
+    font-size: 12px;
+    line-height: 18px;
+    @include colors.theme-text-deemphasis;
+  }
+
+  .track-empty {
+    font-size: 12px;
+    line-height: 18px;
+    @include colors.theme-property(
+      color,
+      colors.on-color(dark),
+      colors.on-color(light)
+    );
+  }
+
+  .track-table {
+    overflow-x: auto;
+  }
+
+  .track-table-row {
+    display: grid;
+    grid-template-columns: minmax(180px, 1fr) 140px 230px;
+    align-items: center;
+    gap: 12px;
+    min-width: 574px;
+    padding: 10px 0;
+
+    & + .track-table-row {
+      border-top: 1px solid;
+      @include colors.theme-border-color;
+    }
+  }
+
+  .track-table-head {
+    padding-top: 0;
+    font-size: 13px;
+    font-weight: 700;
+    line-height: 20px;
+    @include colors.theme-text-deemphasis;
+
+    span:last-child {
       .dark & {
-        border-top: 1px solid colors.border-color(dark);
+        color: colors.color(primary);
       }
+
       .light & {
-        border-top: 1px solid colors.border-color(light);
+        color: colors.color(primary);
       }
     }
-    .mat-mdc-list-item.mdc-list-item--disabled {
+  }
+
+  .track-table-head span:nth-child(2),
+  .track-table-head span:last-child,
+  app-status-chip,
+  .track-status-toggle,
+  .track-not-enrolled {
+    justify-self: start;
+  }
+
+  .track-name {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 16px;
+    font-weight: 400;
+  }
+
+  .track-status-toggle {
+    display: flex;
+    width: fit-content;
+    max-width: 100%;
+    overflow: hidden;
+    border: 1px solid;
+    border-radius: 4px;
+    white-space: nowrap;
+    @include colors.theme-border-color;
+
+    .mat-button-toggle {
+      font-size: 12px;
+      font-weight: 600;
+      line-height: 28px;
+    }
+
+    .mat-button-toggle-label-content {
+      line-height: 28px;
+      padding: 0 10px;
+    }
+
+    .mat-button-toggle-checked {
+      .dark &,
       .light & {
-        color: colors.on-color-deemphasis(light);
-      }
-      .dark & {
-        color: colors.on-color-deemphasis(dark);
+        color: colors.on-color(dark);
+        background: colors.color(primary);
       }
     }
-    .mat-mdc-form-field {
-      width: 100%;
-    }
   }
-  .stage.reviewing {
-    text-align: center;
+
+  .track-enrollment {
+    padding-top: 14px;
+    border-top: 1px solid;
+    @include colors.theme-border-color;
+
+    h5 {
+      margin: 0 0 8px;
+      font-size: 11px;
+      font-weight: 800;
+      letter-spacing: 0.08em;
+      line-height: 16px;
+      text-transform: uppercase;
+      @include colors.theme-text-emphasis;
+    }
   }
-  .validation {
-    h3 {
-      margin-bottom: 0px;
+
+  .enrollment-field {
+    display: block;
+    max-width: 260px;
+
+    .mat-mdc-form-field-subscript-wrapper {
+      display: none;
+    }
+
+    .mat-mdc-text-field-wrapper {
+      height: 36px;
+      padding: 0 12px;
+    }
+
+    .mat-mdc-form-field-flex {
+      height: 36px;
+    }
+
+    .mat-mdc-form-field-infix {
+      min-height: 0;
+      padding: 7px 0;
+    }
+
+    input {
+      font-size: 13px;
     }
   }
-  .column + .column {
-    padding-left: 16px;
-    .dark & {
-      border-left: 1px solid colors.border-color(dark);
+
+  .save-footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin: 18px -24px -24px;
+    padding: 14px 24px;
+    border-top: 1px solid;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.color(dark), 0.42),
+      rgba(colors.color(mitre-black), 0.02)
+    );
+  }
+
+  .save-footer-summary {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    min-width: 0;
+    font-size: 13px;
+    line-height: 20px;
+    @include colors.theme-text-deemphasis;
+
+    .mat-icon {
+      width: 18px;
+      height: 18px;
+      font-size: 18px;
+      line-height: 18px;
     }
-    .light & {
-      border-left: 1px solid colors.border-color(light);
+
+    strong {
+      border-radius: 4px;
+      padding: 3px 6px;
+      font-family: typography.$mono-font;
+      @include colors.theme-property(
+        color,
+        colors.on-color(dark),
+        colors.on-color(light)
+      );
+      @include colors.theme-property(
+        background,
+        rgba(colors.on-color(dark), 0.1),
+        rgba(colors.on-color(light), 0.08)
+      );
     }
   }
+
+  .save-footer-actions {
+    display: flex;
+    flex: 0 0 auto;
+    gap: 10px;
+  }
+
+  .stage.reviewing {
+    padding: 24px;
+    text-align: center;
+  }
+
   .buttons {
+    margin-top: 24px;
+    margin-bottom: 24px;
+
     button + button {
       margin-left: 10px;
     }
-    margin-top: 24px;
-    margin-bottom: 24px;
+  }
+}
+
+@media (max-width: 600px) {
+  .save-dialog {
+    width: 92vw;
+
+    .save-top-grid {
+      grid-template-columns: 1fr;
+    }
+
+    .save-footer {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .save-footer-actions {
+      justify-content: flex-end;
+    }
   }
 }
diff --git a/src/app/components/save-dialog/save-dialog.component.spec.ts b/src/app/components/save-dialog/save-dialog.component.spec.ts
index 730c8bf9c..f952462e5 100644
--- a/src/app/components/save-dialog/save-dialog.component.spec.ts
+++ b/src/app/components/save-dialog/save-dialog.component.spec.ts
@@ -1,32 +1,124 @@
+import { provideHttpClient } from '@angular/common/http';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { provideHttpClient } from '@angular/common/http';
+import { FormsModule } from '@angular/forms';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatRadioModule } from '@angular/material/radio';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { vi } from 'vitest';
 
 import { SaveDialogComponent } from './save-dialog.component';
 import { VersionNumber } from 'src/app/classes/version-number';
-import { createAsyncObservable } from 'src/app/testing/mocks/rest-api-connector.mock';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
+import { WorkflowStatus } from 'src/app/utils/types';
 
 describe('SaveDialogComponent', () => {
   let component: SaveDialogComponent;
   let fixture: ComponentFixture<SaveDialogComponent>;
+  let mockObject;
+  let mockReleaseTracksService;
 
   beforeEach(async () => {
-    const mockObject = {
+    mockObject = {
+      stixID: 'attack-pattern--123',
+      attackType: 'technique',
+      modified: new Date('2026-01-01T00:00:00.000Z'),
       version: new VersionNumber('1.0'),
-      validate: vi.fn().mockReturnValue(
+      workflow: {
+        state: WorkflowStatus.WorkInProgress,
+      },
+      workspace: {
+        release_tracks: [
+          {
+            track_id: 'release-track--core',
+            name: 'Core Objects',
+            object_ref: 'attack-pattern--123',
+            object_modified: '2026-01-01T00:00:00.000Z',
+            object_status: WorkflowStatus.AwaitingReview,
+          },
+        ],
+      },
+      validate: vi.fn(
+        (_restApi, workflowState = WorkflowStatus.WorkInProgress) =>
+          createAsyncObservable({
+            successes: [],
+            errors:
+              workflowState === WorkflowStatus.Reviewed
+                ? [
+                    {
+                      field: 'workflow',
+                      result: 'error',
+                      message: 'reviewed objects require stricter validation',
+                    },
+                  ]
+                : [],
+            warnings: [],
+            info: [],
+          })
+      ),
+      save: vi.fn().mockReturnValue(createAsyncObservable({})),
+    };
+    mockReleaseTracksService = {
+      listReleaseTracks: vi.fn().mockReturnValue(
         createAsyncObservable({
-          errors: [],
-          info: [],
+          data: [
+            {
+              track_id: 'release-track--core',
+              name: 'Core Objects',
+              type: 'standard',
+            },
+            {
+              track_id: 'release-track--groups',
+              name: 'Groups & Campaigns',
+              type: 'standard',
+            },
+          ],
         })
       ),
+      getLatestSnapshot: vi.fn((trackId: string) =>
+        createAsyncObservable({
+          name: trackId === 'release-track--core' ? 'Core Objects' : '',
+          candidates:
+            trackId === 'release-track--core'
+              ? [
+                  {
+                    object_ref: 'attack-pattern--123',
+                    object_modified: '2026-01-01T00:00:00.000Z',
+                    object_status: WorkflowStatus.AwaitingReview,
+                  },
+                ]
+              : [],
+          staged: [],
+        })
+      ),
+      addCandidates: vi.fn().mockReturnValue(createAsyncObservable({})),
+      reviewCandidates: vi.fn().mockReturnValue(createAsyncObservable({})),
+      promoteCandidates: vi.fn().mockReturnValue(createAsyncObservable({})),
+      demoteStaged: vi.fn().mockReturnValue(createAsyncObservable({})),
     };
 
     await TestBed.configureTestingModule({
       declarations: [SaveDialogComponent],
+      imports: [
+        FormsModule,
+        MatAutocompleteModule,
+        MatButtonToggleModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatRadioModule,
+        NoopAnimationsModule,
+      ],
       providers: [
-        { provide: MatDialogRef, useValue: {} },
+        { provide: MatDialogRef, useValue: { close: vi.fn() } },
         {
           provide: MAT_DIALOG_DATA,
           useValue: {
@@ -34,6 +126,14 @@ describe('SaveDialogComponent', () => {
             versionAlreadyIncremented: false,
           },
         },
+        {
+          provide: RestApiConnectorService,
+          useValue: createMockRestApiConnector(),
+        },
+        {
+          provide: ReleaseTracksConnectorService,
+          useValue: mockReleaseTracksService,
+        },
         provideHttpClient(),
       ],
       schemas: [NO_ERRORS_SCHEMA],
@@ -49,4 +149,147 @@ describe('SaveDialogComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should default to keeping the version and syncing tracks to WIP', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(component.versionChoice).toBe('keep');
+    expect(mockReleaseTracksService.getLatestSnapshot).toHaveBeenCalledWith(
+      'release-track--core',
+      { include: 'all' }
+    );
+    expect(component.trackRows).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--core',
+        name: 'Core Objects',
+        selected: false,
+        enrolled: true,
+        targetStatus: WorkflowStatus.WorkInProgress,
+      }),
+      expect.objectContaining({
+        trackId: 'release-track--groups',
+        name: 'Groups & Campaigns',
+        selected: false,
+        enrolled: false,
+        targetStatus: WorkflowStatus.WorkInProgress,
+      }),
+    ]);
+    expect(component.statusRows).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--core',
+      }),
+    ]);
+    expect(component.enrollmentOptions).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--groups',
+      }),
+    ]);
+  });
+
+  it('should move newly enrolled tracks into the release track status table', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    const row = component.enrollmentOptions[0];
+    component.selectEnrollmentTrack({ option: { value: row } });
+
+    expect(row.selected).toBe(true);
+    expect(row.targetStatus).toBe(WorkflowStatus.WorkInProgress);
+    expect(component.statusRows).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--core',
+      }),
+      expect.objectContaining({
+        trackId: 'release-track--groups',
+      }),
+    ]);
+    expect(component.enrollmentOptions).toEqual([]);
+  });
+
+  it('should revalidate against the highest selected release track status', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(component.validationReviewStatus).toBe(
+      WorkflowStatus.WorkInProgress
+    );
+    expect(component.validationReviewStatusLabel).toBe('WIP');
+
+    mockObject.validate.mockClear();
+    component.trackRows[0].targetStatus = WorkflowStatus.Reviewed;
+    component.onTrackStatusChanged();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(component.validationReviewStatus).toBe(WorkflowStatus.Reviewed);
+    expect(component.validationReviewStatusLabel).toBe('Reviewed');
+    expect(mockObject.validate).toHaveBeenCalledWith(
+      expect.anything(),
+      WorkflowStatus.Reviewed
+    );
+    expect(component.validationStatus).toBe('error');
+
+    component.trackRows[0].targetStatus = WorkflowStatus.AwaitingReview;
+    component.onTrackStatusChanged();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(component.validationReviewStatus).toBe(
+      WorkflowStatus.AwaitingReview
+    );
+    expect(component.validationReviewStatusLabel).toBe('Awaiting Review');
+    expect(component.validationStatus).toBe('success');
+  });
+
+  it('should sync existing and newly enrolled release tracks on save', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    const newTrack = component.enrollmentOptions[0];
+    component.selectEnrollmentTrack({ option: { value: newTrack } });
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    component.onConfirmSave();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(mockReleaseTracksService.reviewCandidates).toHaveBeenCalledWith(
+      'release-track--core',
+      {
+        from: WorkflowStatus.AwaitingReview,
+        to: WorkflowStatus.WorkInProgress,
+        object_refs: [
+          {
+            id: 'attack-pattern--123',
+            modified: '2026-01-01T00:00:00.000Z',
+          },
+        ],
+      }
+    );
+    expect(mockReleaseTracksService.addCandidates).toHaveBeenCalledWith(
+      'release-track--groups',
+      ['attack-pattern--123']
+    );
+  });
+
+  it('should summarize validation status by severity', () => {
+    component.validation = {
+      successes: [],
+      errors: [],
+      warnings: [],
+      info: [],
+    };
+    expect(component.validationStatus).toBe('success');
+    expect(component.validationStatusLabel).toBe('Success');
+
+    component.validation.warnings.push({
+      field: 'name',
+      result: 'warning',
+      message: 'name warning',
+    });
+    expect(component.validationStatus).toBe('warning');
+    expect(component.validationStatusLabel).toBe('Warning');
+
+    component.validation.errors.push({
+      field: 'name',
+      result: 'error',
+      message: 'name error',
+    });
+    expect(component.validationStatus).toBe('error');
+    expect(component.validationStatusLabel).toBe('Error');
+  });
 });
diff --git a/src/app/components/save-dialog/save-dialog.component.ts b/src/app/components/save-dialog/save-dialog.component.ts
index 35714cb51..0b0d97982 100644
--- a/src/app/components/save-dialog/save-dialog.component.ts
+++ b/src/app/components/save-dialog/save-dialog.component.ts
@@ -1,14 +1,25 @@
 import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { forkJoin } from 'rxjs';
+import { forkJoin, Observable, of } from 'rxjs';
+import { catchError, concatMap, map, switchMap } from 'rxjs/operators';
+import { SnapshotTier } from 'src/app/classes/release-tracks';
+import type {
+  ReleaseTrackObjectTier,
+  StixObjectRef,
+} from 'src/app/classes/release-tracks';
 import { ValidationData } from 'src/app/classes/serializable';
 import { DetectionStrategy } from 'src/app/classes/stix';
 import { StixObject } from 'src/app/classes/stix/stix-object';
 import { VersionNumber } from 'src/app/classes/version-number';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import {
+  WORKFLOW_STATUS_OPTIONS,
+  WORKFLOW_STATUS_RANK,
   WorkflowStatus,
-  WorkflowStatusMap,
+} from 'src/app/utils/types';
+import type {
+  ReleaseTrackStatus,
   WorkflowStatusType,
 } from 'src/app/utils/types';
 import { logger } from '../../utils/logger';
@@ -27,44 +38,67 @@ export class SaveDialogComponent implements OnInit {
   public nextMinorVersion: string;
   public patch_objects = [];
   public validation: ValidationData = null;
+  public validating = false;
   public newState: WorkflowStatus | undefined = WorkflowStatus.WorkInProgress;
-  public workflows = Object.entries(WorkflowStatusMap);
   public analyticsToPatch = new Set<string>(); // list of stix ids of analytics that need patching
+  public versionChoice: SaveVersionChoice = 'keep';
+  public trackRows: TrackRow[] = [];
+  public enrollmentSearch: string | TrackRow = '';
+  public loadingTracks = false;
+  public trackStatusOptions = WORKFLOW_STATUS_OPTIONS;
+  private validationRequestId = 0;
 
   public get saveEnabled() {
-    return this.validation && this.validation.errors.length == 0;
+    return (
+      !this.validating && this.validation && this.validation.errors.length == 0
+    );
+  }
+
+  public get validationStatus(): ValidationStatus {
+    if (!this.validation) return 'success';
+    if (this.validation.errors.length) return 'error';
+    if (
+      this.validation.warnings.length ||
+      this.config.patchId ||
+      this.config.patchAnalytics
+    )
+      return 'warning';
+    return 'success';
+  }
+
+  public get validationStatusLabel(): string {
+    switch (this.validationStatus) {
+      case 'error':
+        return 'Error';
+      case 'warning':
+        return 'Warning';
+      default:
+        return 'Success';
+    }
+  }
+
+  public get validationReviewStatus(): WorkflowStatusType | undefined {
+    if (this.config.object.attackType === 'relationship') return undefined;
+    return this.getHighestWorkflowStatus(
+      this.statusRows.map(row => row.targetStatus)
+    );
+  }
+
+  public get validationReviewStatusLabel(): string {
+    const status = this.validationReviewStatus;
+    if (!status) return '';
+    return this.getWorkflowStatusLabel(status);
   }
 
   constructor(
     public dialogRef: MatDialogRef<SaveDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public config: SaveDialogConfig,
-    public restApiService: RestApiConnectorService
+    public restApiService: RestApiConnectorService,
+    private releaseTracksService: ReleaseTracksConnectorService
   ) {
     this.currentVersion = config.object.version.toString();
     this.nextMajorVersion = config.object.version.nextMajorVersion().toString();
     this.nextMinorVersion = config.object.version.nextMinorVersion().toString();
-
-    const subscription = config.object.validate(this.restApiService).subscribe({
-      next: result => {
-        // tell the user version has been incremented, but not if the version has an error
-        if (
-          this.config.versionAlreadyIncremented &&
-          !result.errors.some(x => x.field == 'version')
-        )
-          result.info.push({
-            field: 'version',
-            result: 'info',
-            message: 'version has already been changed',
-          });
-        this.validation = result;
-      },
-      error: err => {
-        logger.error(err);
-      },
-      complete: () => {
-        subscription.unsubscribe();
-      },
-    });
   }
 
   ngOnInit(): void {
@@ -94,32 +128,70 @@ export class SaveDialogComponent implements OnInit {
         for (const a of newAnalytics) this.analyticsToPatch.add(a);
       }
     }
-    // Run validation for the initial state
-    const subscription = this.config.object
-      .validate(this.restApiService, this.newState)
-      .subscribe({
-        next: result => {
-          this.validation = result;
-        },
-        error: err => {
-          logger.error(err);
-        },
-        complete: () => subscription.unsubscribe(),
-      });
+    this.validateObject();
+    this.loadTrackRows();
   }
 
-  onStatusChanged(event) {
-    const subscription = this.config.object
-      .validate(this.restApiService, event.value)
-      .subscribe({
-        next: result => {
-          this.validation = result;
-        },
-        error: err => {
-          logger.error(err);
-        },
-        complete: () => subscription.unsubscribe(),
-      });
+  public get selectedVersion(): string {
+    switch (this.versionChoice) {
+      case 'major':
+        return this.nextMajorVersion;
+      case 'minor':
+        return this.nextMinorVersion;
+      default:
+        return this.currentVersion;
+    }
+  }
+
+  public get selectedVersionLabel(): string {
+    return `v${this.selectedVersion}`;
+  }
+
+  public get statusRows(): TrackRow[] {
+    return this.trackRows.filter(row => row.enrolled || row.selected);
+  }
+
+  public get hasStatusRows(): boolean {
+    return this.statusRows.length > 0;
+  }
+
+  public get enrollmentOptions(): TrackRow[] {
+    const search = this.getEnrollmentSearchText().toLowerCase().trim();
+    return this.trackRows
+      .filter(row => !row.enrolled && !row.selected)
+      .filter(row => !search || row.name.toLowerCase().includes(search));
+  }
+
+  public onConfirmSave(): void {
+    switch (this.versionChoice) {
+      case 'major':
+        this.saveNextMajorVersion();
+        return;
+      case 'minor':
+        this.saveNextMinorVersion();
+        return;
+      default:
+        this.saveCurrentVersion();
+    }
+  }
+
+  public displayTrack(track: TrackRow | string): string {
+    if (typeof track === 'string') return track;
+    return track?.name || '';
+  }
+
+  public selectEnrollmentTrack(event): void {
+    const row = event?.option?.value as TrackRow;
+    if (!row) return;
+
+    row.selected = true;
+    row.targetStatus = WorkflowStatus.WorkInProgress;
+    this.enrollmentSearch = '';
+    this.onTrackStatusChanged();
+  }
+
+  public onTrackStatusChanged(): void {
+    this.validateObject();
   }
 
   /**
@@ -272,14 +344,394 @@ export class SaveDialogComponent implements OnInit {
     if (!this.saveEnabled) {
       return;
     }
-    this.config.object.workflow = { state: this.newState };
-    const sub = this.saveObject().subscribe({
-      next: () => {
-        this.dialogRef.close(true);
-      },
-      complete: () => sub.unsubscribe(),
+    this.config.object.workflow = this.newState
+      ? { state: this.newState }
+      : undefined;
+    const sub = this.saveObject()
+      .pipe(switchMap(() => this.syncTracks()))
+      .subscribe({
+        next: () => {
+          this.dialogRef.close(true);
+        },
+        complete: () => sub.unsubscribe(),
+      });
+  }
+
+  private loadTrackRows(): void {
+    if (
+      !this.config.object?.stixID ||
+      this.config.object.attackType === 'relationship'
+    ) {
+      this.trackRows = [];
+      return;
+    }
+
+    this.loadingTracks = true;
+    this.releaseTracksService
+      .listReleaseTracks({ type: 'standard' })
+      .pipe(
+        switchMap(tracksResult => {
+          const tracks = this.getTrackList(tracksResult);
+          if (!tracks.length) return of([]);
+          const workspaceTracksByTrack = this.getWorkspaceTracksById();
+
+          return forkJoin(
+            tracks.map(track => {
+              const trackId = this.getTrackId(track);
+              const workspaceTrack = trackId
+                ? workspaceTracksByTrack.get(trackId) || null
+                : null;
+
+              if (!trackId || !workspaceTrack) {
+                return of(this.toTrackRow(track, null, workspaceTrack));
+              }
+
+              return this.releaseTracksService
+                .getLatestSnapshot(trackId, { include: 'all' })
+                .pipe(
+                  map(snapshot =>
+                    this.toTrackRow(track, snapshot, workspaceTrack)
+                  ),
+                  catchError(err => {
+                    logger.error(
+                      'Failed to load release track snapshot for save dialog',
+                      err
+                    );
+                    return of(this.toTrackRow(track, null, workspaceTrack));
+                  })
+                );
+            })
+          );
+        }),
+        catchError(err => {
+          logger.error('Failed to load release tracks for save dialog', err);
+          return of([]);
+        })
+      )
+      .subscribe({
+        next: rows => {
+          this.trackRows = rows;
+          this.loadingTracks = false;
+        },
+        error: err => {
+          logger.error(err);
+          this.trackRows = [];
+          this.loadingTracks = false;
+        },
+      });
+  }
+
+  private toTrackRow(
+    track: any,
+    snapshot: any,
+    workspaceTrack?: ReleaseTrackStatus | null
+  ): TrackRow {
+    const trackId = this.getTrackId(track) || '';
+    const entry = this.getTrackedObjectEntry(snapshot);
+    const tier = this.getEntryTier(entry) || workspaceTrack?.tier || null;
+    const status =
+      this.getEntryWorkflowStatus(entry) ||
+      workspaceTrack?.status ||
+      this.getFallbackWorkflowStatus(tier);
+
+    return {
+      trackId,
+      name:
+        track?.name ||
+        snapshot?.name ||
+        workspaceTrack?.name ||
+        trackId ||
+        'Release track',
+      tier,
+      status,
+      objectRef: entry
+        ? this.getObjectRef(entry)
+        : workspaceTrack?.objectRef || this.config.object.stixID,
+      enrolled: !!entry || !!workspaceTrack,
+      selected: false,
+      targetStatus: WorkflowStatus.WorkInProgress,
+    };
+  }
+
+  private getTrackedObjectEntry(snapshot: any): any | null {
+    if (!snapshot) return null;
+    return (
+      this.getSnapshotWorkflowEntries(snapshot).find(
+        entry => this.getEntryObjectRef(entry) === this.config.object.stixID
+      ) || null
+    );
+  }
+
+  private getSnapshotWorkflowEntries(snapshot: any): any[] {
+    return [
+      this.withTier(snapshot?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.contents?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.contents?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.workspace?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.workspace?.staged, SnapshotTier.Staged),
+    ]
+      .filter(Array.isArray)
+      .reduce((entries, tierEntries) => entries.concat(tierEntries), []);
+  }
+
+  private withTier(
+    entries: any,
+    tier: ReleaseTrackObjectTier
+  ): any[] | undefined {
+    if (!Array.isArray(entries)) return undefined;
+    return entries.map(entry => ({
+      ...entry,
+      tier: this.getEntryTier(entry) || tier,
+    }));
+  }
+
+  private getEntryTier(entry: any): ReleaseTrackObjectTier | null {
+    if (!entry) return null;
+    const tier = String(entry.tier || entry.object_tier || '').toLowerCase();
+    if (tier === SnapshotTier.Staged) return SnapshotTier.Staged;
+    if (tier === SnapshotTier.Candidate) return SnapshotTier.Candidate;
+    if (entry.object_staged_at || entry.staged_at) return SnapshotTier.Staged;
+    if (this.getEntryWorkflowStatus(entry)) return SnapshotTier.Candidate;
+    return null;
+  }
+
+  private getEntryWorkflowStatus(entry: any): WorkflowStatusType | null {
+    if (!entry) return null;
+    const status = entry.object_status || entry.status;
+    if (Object.values(WorkflowStatus).includes(status)) return status;
+    return null;
+  }
+
+  private getFallbackWorkflowStatus(
+    tier: ReleaseTrackObjectTier | null
+  ): WorkflowStatusType {
+    return tier === SnapshotTier.Staged
+      ? WorkflowStatus.Reviewed
+      : WorkflowStatus.WorkInProgress;
+  }
+
+  private validateObject(): void {
+    const requestId = ++this.validationRequestId;
+    this.validation = null;
+    this.validating = true;
+
+    this.config.object
+      .validate(this.restApiService, this.validationReviewStatus)
+      .subscribe({
+        next: result => {
+          if (requestId !== this.validationRequestId) return;
+          this.applyValidationResult(result);
+        },
+        error: err => {
+          if (requestId !== this.validationRequestId) return;
+          logger.error(err);
+        },
+        complete: () => {
+          if (requestId === this.validationRequestId) {
+            this.validating = false;
+          }
+        },
+      });
+  }
+
+  private applyValidationResult(result: ValidationData): void {
+    // tell the user version has been incremented, but not if the version has an error
+    if (
+      this.config.versionAlreadyIncremented &&
+      !result.errors.some(x => x.field == 'version')
+    ) {
+      result.info.push({
+        field: 'version',
+        result: 'info',
+        message: 'version has already been changed',
+      });
+    }
+    this.validation = result;
+  }
+
+  private getHighestWorkflowStatus(
+    statuses: WorkflowStatusType[]
+  ): WorkflowStatusType {
+    return statuses.reduce(
+      (highest, status) =>
+        WORKFLOW_STATUS_RANK[status] > WORKFLOW_STATUS_RANK[highest]
+          ? status
+          : highest,
+      WorkflowStatus.WorkInProgress
+    );
+  }
+
+  private getWorkflowStatusLabel(status: WorkflowStatusType): string {
+    return (
+      this.trackStatusOptions.find(option => option.value === status)?.label ||
+      status
+    );
+  }
+
+  private syncTracks(): Observable<unknown> {
+    const rows = this.trackRows.filter(row => row.enrolled || row.selected);
+    if (!rows.length) return of(null);
+
+    return forkJoin(
+      rows.map(row =>
+        this.syncTrack(row).pipe(
+          catchError(err => {
+            logger.error('Failed to update release track object status', err);
+            return of(null);
+          })
+        )
+      )
+    );
+  }
+
+  private syncTrack(row: TrackRow): Observable<unknown> {
+    if (!row.trackId) return of(null);
+    if (!row.enrolled) return this.addCandidateToTrack(row);
+    if (row.status === row.targetStatus) return of(null);
+    if (row.tier === SnapshotTier.Staged) {
+      return this.releaseTracksService
+        .demoteStaged(row.trackId, [row.objectRef])
+        .pipe(
+          concatMap(() =>
+            this.releaseTracksService.reviewCandidates(row.trackId, {
+              from: row.status,
+              to: row.targetStatus,
+              object_refs: [row.objectRef],
+            })
+          )
+        );
+    }
+    return this.releaseTracksService.reviewCandidates(row.trackId, {
+      from: row.status,
+      to: row.targetStatus,
+      object_refs: [row.objectRef],
     });
   }
+
+  private addCandidateToTrack(row: TrackRow): Observable<unknown> {
+    return this.releaseTracksService
+      .addCandidates(row.trackId, [row.objectRef])
+      .pipe(
+        concatMap(() => {
+          if (row.targetStatus === WorkflowStatus.WorkInProgress) {
+            return of(null);
+          }
+          return this.releaseTracksService.reviewCandidates(row.trackId, {
+            from: WorkflowStatus.WorkInProgress,
+            to: row.targetStatus,
+            object_refs: [row.objectRef],
+          });
+        })
+      );
+  }
+
+  private getTrackList(result: any): any[] {
+    if (Array.isArray(result?.data)) return result.data;
+    if (Array.isArray(result?.release_tracks)) return result.release_tracks;
+    if (Array.isArray(result)) return result;
+    return [];
+  }
+
+  private getTrackId(track: any): string | null {
+    return (
+      track?.trackId ||
+      track?.track_id ||
+      track?.release_track_id ||
+      track?.releaseTrackId ||
+      (track?.id?.startsWith('release-track--') ? track.id : null)
+    );
+  }
+
+  private getObjectRef(entry: any): StixObjectRef {
+    const modified =
+      this.toIsoString(entry.object_modified) ||
+      this.toIsoString(entry.modified) ||
+      this.config.object.modified?.toISOString();
+
+    return modified
+      ? {
+          id: this.getEntryObjectRef(entry) || this.config.object.stixID,
+          modified,
+        }
+      : this.getEntryObjectRef(entry) || this.config.object.stixID;
+  }
+
+  private getWorkspaceTracksById(): Map<string, ReleaseTrackStatus> {
+    const releaseTracks = this.config.object?.workspace?.release_tracks;
+    if (!Array.isArray(releaseTracks)) return new Map();
+
+    return releaseTracks.reduce((lookup, track) => {
+      const ref = this.toWorkspaceTrack(track);
+      if (ref && !lookup.has(ref.trackId)) lookup.set(ref.trackId, ref);
+      return lookup;
+    }, new Map<string, ReleaseTrackStatus>());
+  }
+
+  private toWorkspaceTrack(track: any): ReleaseTrackStatus | null {
+    const trackId = typeof track === 'string' ? track : this.getTrackId(track);
+    if (!trackId) return null;
+    const tier = typeof track === 'string' ? null : this.getEntryTier(track);
+    const status =
+      typeof track === 'string'
+        ? WorkflowStatus.WorkInProgress
+        : this.getEntryWorkflowStatus(track) ||
+          this.getFallbackWorkflowStatus(tier);
+
+    return {
+      trackId,
+      name: typeof track === 'string' ? '' : track.name || track.track_name,
+      description: typeof track === 'string' ? '' : track.description || '',
+      tier,
+      status,
+      objectRef:
+        typeof track === 'string'
+          ? this.config.object.stixID
+          : this.getWorkspaceObjectRef(track),
+    };
+  }
+
+  private getWorkspaceObjectRef(track: any): StixObjectRef {
+    const modified =
+      this.toIsoString(track?.object_modified) ||
+      this.toIsoString(track?.modified) ||
+      this.config.object.modified?.toISOString();
+
+    return modified
+      ? {
+          id: track?.object_ref || track?.ref || this.config.object.stixID,
+          modified,
+        }
+      : track?.object_ref || track?.ref || this.config.object.stixID;
+  }
+
+  private getEntryObjectRef(entry: any): string | null {
+    return entry?.object_ref || entry?.ref || entry?.id || null;
+  }
+
+  private toIsoString(value: any): string | null {
+    if (!value) return null;
+    if (value instanceof Date) return value.toISOString();
+    return String(value);
+  }
+
+  private getEnrollmentSearchText(): string {
+    return this.displayTrack(this.enrollmentSearch);
+  }
+}
+
+type SaveVersionChoice = 'keep' | 'minor' | 'major';
+type ValidationStatus = 'success' | 'warning' | 'error';
+
+interface TrackRow {
+  trackId: string;
+  name: string;
+  tier: ReleaseTrackObjectTier | null;
+  status: WorkflowStatusType;
+  objectRef: StixObjectRef;
+  enrolled: boolean;
+  selected: boolean;
+  targetStatus: WorkflowStatusType;
 }
 
 export interface SaveDialogConfig {

From 4d1f74fde967e5660442ae5795b71a70de184f5e Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 19:31:27 -0400
Subject: [PATCH 095/190] fix(workflow-status): disable workflow status options
 below the current status

---
 .../name-property/name-property.component.html   |  2 +-
 .../name-property/name-property.component.scss   | 13 +++++++++++++
 .../name-property.component.spec.ts              | 16 ++++++++++++++++
 .../name-property/name-property.component.ts     | 13 ++++++++++++-
 4 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/src/app/components/stix/name-property/name-property.component.html b/src/app/components/stix/name-property/name-property.component.html
index 3fb1b747c..4eb827596 100644
--- a/src/app/components/stix/name-property/name-property.component.html
+++ b/src/app/components/stix/name-property/name-property.component.html
@@ -79,7 +79,7 @@ <h4>{{ rt.name }}</h4>
                   type="button"
                   [class]="'workflow-option-' + action.modifier"
                   [class.active]="isStatusActive(rt, action.status)"
-                  [disabled]="isStatusActive(rt, action.status)"
+                  [disabled]="isStatusDisabled(rt, action.status)"
                   (click)="
                     openStatusDialog(action.status, workflowMenuTrigger, rt)
                   ">
diff --git a/src/app/components/stix/name-property/name-property.component.scss b/src/app/components/stix/name-property/name-property.component.scss
index fcc2f3030..073dcca33 100644
--- a/src/app/components/stix/name-property/name-property.component.scss
+++ b/src/app/components/stix/name-property/name-property.component.scss
@@ -285,6 +285,19 @@ $workflow-reviewed-color: colors.color(success);
 
       &:disabled {
         cursor: default;
+        opacity: 0.65;
+
+        .dark & {
+          border-color: rgba(colors.on-color(dark), 0.08);
+          color: colors.on-color-deemphasis(dark);
+          background: rgba(colors.on-color(dark), 0.04);
+        }
+
+        .light & {
+          border-color: rgba(colors.on-color(light), 0.12);
+          color: colors.on-color-deemphasis(light);
+          background: rgba(colors.on-color(light), 0.035);
+        }
       }
     }
   }
diff --git a/src/app/components/stix/name-property/name-property.component.spec.ts b/src/app/components/stix/name-property/name-property.component.spec.ts
index 18d2143d0..800b28386 100644
--- a/src/app/components/stix/name-property/name-property.component.spec.ts
+++ b/src/app/components/stix/name-property/name-property.component.spec.ts
@@ -213,4 +213,20 @@ describe('NamePropertyComponent', () => {
       }),
     ]);
   });
+
+  it('should only allow forward workflow status changes from the menu', () => {
+    const row = {
+      status: WorkflowStatus.AwaitingReview,
+    } as any;
+
+    expect(component.isStatusDisabled(row, WorkflowStatus.WorkInProgress)).toBe(
+      true
+    );
+    expect(component.isStatusDisabled(row, WorkflowStatus.AwaitingReview)).toBe(
+      true
+    );
+    expect(component.isStatusDisabled(row, WorkflowStatus.Reviewed)).toBe(
+      false
+    );
+  });
 });
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index 89c3886b1..10d832d8e 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -24,7 +24,11 @@ import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { EditorService } from 'src/app/services/editor/editor.service';
 import { WorkflowStatusDialogComponent } from 'src/app/components/workflow-status-dialog/workflow-status-dialog.component';
-import { WORKFLOW_STATUS_OPTIONS, WorkflowStatus } from 'src/app/utils/types';
+import {
+  WORKFLOW_STATUS_OPTIONS,
+  WORKFLOW_STATUS_RANK,
+  WorkflowStatus,
+} from 'src/app/utils/types';
 import type {
   ReleaseTrackStatus,
   WorkflowStatusType,
@@ -176,6 +180,13 @@ export class NamePropertyComponent implements OnInit {
     return row.status === status;
   }
 
+  public isStatusDisabled(
+    row: ReleaseTrackStatus,
+    status: WorkflowStatusType
+  ): boolean {
+    return WORKFLOW_STATUS_RANK[status] <= WORKFLOW_STATUS_RANK[row.status];
+  }
+
   private loadTrackStatuses(): void {
     if (!this.object?.stixID) {
       this.trackStatuses = [];

From 493946388d5498914bc5732bf64e32f62a3f5e40 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 19:48:07 -0400
Subject: [PATCH 096/190] style(save-dialog): align release track status reset
 display

---
 .../save-dialog/save-dialog.component.html    | 32 ++++------
 .../save-dialog/save-dialog.component.scss    | 60 ++++++-------------
 .../save-dialog/save-dialog.component.spec.ts | 27 +--------
 .../save-dialog/save-dialog.component.ts      | 60 ++++---------------
 4 files changed, 40 insertions(+), 139 deletions(-)

diff --git a/src/app/components/save-dialog/save-dialog.component.html b/src/app/components/save-dialog/save-dialog.component.html
index f23c7c41e..76f727f81 100644
--- a/src/app/components/save-dialog/save-dialog.component.html
+++ b/src/app/components/save-dialog/save-dialog.component.html
@@ -72,32 +72,22 @@ <h4>Object Review Status</h4>
       <div class="track-table" *ngIf="hasStatusRows; else noEnrolledTracks">
         <div class="track-table-row track-table-head">
           <span>Release Track</span>
-          <span>Current Draft</span>
-          <span>New Status</span>
+          <span>Status Change</span>
         </div>
 
         <div class="track-table-row" *ngFor="let row of statusRows">
           <span class="track-name">{{ row.name }}</span>
 
-          <app-status-chip
-            *ngIf="row.enrolled; else notEnrolledStatus"
-            [status]="row.status"></app-status-chip>
-          <ng-template #notEnrolledStatus>
-            <span class="track-not-enrolled">Not enrolled</span>
-          </ng-template>
-
-          <mat-button-toggle-group
-            class="track-status-toggle"
-            [(ngModel)]="row.targetStatus"
-            (change)="onTrackStatusChanged()"
-            hideSingleSelectionIndicator
-            aria-label="Track status">
-            <mat-button-toggle
-              *ngFor="let option of trackStatusOptions"
-              [value]="option.value">
-              {{ option.label }}
-            </mat-button-toggle>
-          </mat-button-toggle-group>
+          <div class="track-status-change">
+            <app-status-chip
+              *ngIf="row.enrolled; else notEnrolledStatus"
+              [status]="row.status"></app-status-chip>
+            <ng-template #notEnrolledStatus>
+              <span class="track-not-enrolled">Not enrolled</span>
+            </ng-template>
+            <mat-icon>arrow_forward</mat-icon>
+            <app-status-chip [status]="resetWorkflowStatus"></app-status-chip>
+          </div>
         </div>
       </div>
 
diff --git a/src/app/components/save-dialog/save-dialog.component.scss b/src/app/components/save-dialog/save-dialog.component.scss
index 6091d0658..4cb374b9f 100644
--- a/src/app/components/save-dialog/save-dialog.component.scss
+++ b/src/app/components/save-dialog/save-dialog.component.scss
@@ -190,10 +190,10 @@
 
   .track-table-row {
     display: grid;
-    grid-template-columns: minmax(180px, 1fr) 140px 230px;
+    grid-template-columns: minmax(180px, 1fr) minmax(300px, 1fr);
     align-items: center;
-    gap: 12px;
-    min-width: 574px;
+    column-gap: 24px;
+    min-width: 540px;
     padding: 10px 0;
 
     & + .track-table-row {
@@ -208,23 +208,10 @@
     font-weight: 700;
     line-height: 20px;
     @include colors.theme-text-deemphasis;
-
-    span:last-child {
-      .dark & {
-        color: colors.color(primary);
-      }
-
-      .light & {
-        color: colors.color(primary);
-      }
-    }
   }
 
-  .track-table-head span:nth-child(2),
   .track-table-head span:last-child,
-  app-status-chip,
-  .track-status-toggle,
-  .track-not-enrolled {
+  .track-status-change {
     justify-self: start;
   }
 
@@ -237,33 +224,20 @@
     font-weight: 400;
   }
 
-  .track-status-toggle {
-    display: flex;
-    width: fit-content;
-    max-width: 100%;
-    overflow: hidden;
-    border: 1px solid;
-    border-radius: 4px;
-    white-space: nowrap;
-    @include colors.theme-border-color;
-
-    .mat-button-toggle {
-      font-size: 12px;
-      font-weight: 600;
-      line-height: 28px;
-    }
-
-    .mat-button-toggle-label-content {
-      line-height: 28px;
-      padding: 0 10px;
-    }
+  .track-status-change {
+    display: grid;
+    grid-template-columns: 180px 18px max-content;
+    align-items: center;
+    column-gap: 12px;
+    min-width: 0;
 
-    .mat-button-toggle-checked {
-      .dark &,
-      .light & {
-        color: colors.on-color(dark);
-        background: colors.color(primary);
-      }
+    .mat-icon {
+      width: 17px;
+      height: 17px;
+      font-size: 17px;
+      line-height: 17px;
+      justify-self: center;
+      @include colors.theme-text-deemphasis;
     }
   }
 
diff --git a/src/app/components/save-dialog/save-dialog.component.spec.ts b/src/app/components/save-dialog/save-dialog.component.spec.ts
index f952462e5..997897f75 100644
--- a/src/app/components/save-dialog/save-dialog.component.spec.ts
+++ b/src/app/components/save-dialog/save-dialog.component.spec.ts
@@ -3,7 +3,6 @@ import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -111,7 +110,6 @@ describe('SaveDialogComponent', () => {
       imports: [
         FormsModule,
         MatAutocompleteModule,
-        MatButtonToggleModule,
         MatFormFieldModule,
         MatInputModule,
         MatRadioModule,
@@ -164,14 +162,12 @@ describe('SaveDialogComponent', () => {
         name: 'Core Objects',
         selected: false,
         enrolled: true,
-        targetStatus: WorkflowStatus.WorkInProgress,
       }),
       expect.objectContaining({
         trackId: 'release-track--groups',
         name: 'Groups & Campaigns',
         selected: false,
         enrolled: false,
-        targetStatus: WorkflowStatus.WorkInProgress,
       }),
     ]);
     expect(component.statusRows).toEqual([
@@ -193,7 +189,6 @@ describe('SaveDialogComponent', () => {
     component.selectEnrollmentTrack({ option: { value: row } });
 
     expect(row.selected).toBe(true);
-    expect(row.targetStatus).toBe(WorkflowStatus.WorkInProgress);
     expect(component.statusRows).toEqual([
       expect.objectContaining({
         trackId: 'release-track--core',
@@ -205,35 +200,17 @@ describe('SaveDialogComponent', () => {
     expect(component.enrollmentOptions).toEqual([]);
   });
 
-  it('should revalidate against the highest selected release track status', async () => {
+  it('should always validate save updates against WIP', async () => {
     await new Promise(resolve => setTimeout(resolve, 10));
 
     expect(component.validationReviewStatus).toBe(
       WorkflowStatus.WorkInProgress
     );
     expect(component.validationReviewStatusLabel).toBe('WIP');
-
-    mockObject.validate.mockClear();
-    component.trackRows[0].targetStatus = WorkflowStatus.Reviewed;
-    component.onTrackStatusChanged();
-    await new Promise(resolve => setTimeout(resolve, 10));
-
-    expect(component.validationReviewStatus).toBe(WorkflowStatus.Reviewed);
-    expect(component.validationReviewStatusLabel).toBe('Reviewed');
     expect(mockObject.validate).toHaveBeenCalledWith(
       expect.anything(),
-      WorkflowStatus.Reviewed
-    );
-    expect(component.validationStatus).toBe('error');
-
-    component.trackRows[0].targetStatus = WorkflowStatus.AwaitingReview;
-    component.onTrackStatusChanged();
-    await new Promise(resolve => setTimeout(resolve, 10));
-
-    expect(component.validationReviewStatus).toBe(
-      WorkflowStatus.AwaitingReview
+      WorkflowStatus.WorkInProgress
     );
-    expect(component.validationReviewStatusLabel).toBe('Awaiting Review');
     expect(component.validationStatus).toBe('success');
   });
 
diff --git a/src/app/components/save-dialog/save-dialog.component.ts b/src/app/components/save-dialog/save-dialog.component.ts
index 0b0d97982..8f8b77882 100644
--- a/src/app/components/save-dialog/save-dialog.component.ts
+++ b/src/app/components/save-dialog/save-dialog.component.ts
@@ -13,11 +13,7 @@ import { StixObject } from 'src/app/classes/stix/stix-object';
 import { VersionNumber } from 'src/app/classes/version-number';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import {
-  WORKFLOW_STATUS_OPTIONS,
-  WORKFLOW_STATUS_RANK,
-  WorkflowStatus,
-} from 'src/app/utils/types';
+import { WORKFLOW_STATUS_LABELS, WorkflowStatus } from 'src/app/utils/types';
 import type {
   ReleaseTrackStatus,
   WorkflowStatusType,
@@ -45,7 +41,7 @@ export class SaveDialogComponent implements OnInit {
   public trackRows: TrackRow[] = [];
   public enrollmentSearch: string | TrackRow = '';
   public loadingTracks = false;
-  public trackStatusOptions = WORKFLOW_STATUS_OPTIONS;
+  public readonly resetWorkflowStatus = WorkflowStatus.WorkInProgress;
   private validationRequestId = 0;
 
   public get saveEnabled() {
@@ -79,9 +75,7 @@ export class SaveDialogComponent implements OnInit {
 
   public get validationReviewStatus(): WorkflowStatusType | undefined {
     if (this.config.object.attackType === 'relationship') return undefined;
-    return this.getHighestWorkflowStatus(
-      this.statusRows.map(row => row.targetStatus)
-    );
+    return this.resetWorkflowStatus;
   }
 
   public get validationReviewStatusLabel(): string {
@@ -185,13 +179,7 @@ export class SaveDialogComponent implements OnInit {
     if (!row) return;
 
     row.selected = true;
-    row.targetStatus = WorkflowStatus.WorkInProgress;
     this.enrollmentSearch = '';
-    this.onTrackStatusChanged();
-  }
-
-  public onTrackStatusChanged(): void {
-    this.validateObject();
   }
 
   /**
@@ -449,7 +437,6 @@ export class SaveDialogComponent implements OnInit {
         : workspaceTrack?.objectRef || this.config.object.stixID,
       enrolled: !!entry || !!workspaceTrack,
       selected: false,
-      targetStatus: WorkflowStatus.WorkInProgress,
     };
   }
 
@@ -550,23 +537,8 @@ export class SaveDialogComponent implements OnInit {
     this.validation = result;
   }
 
-  private getHighestWorkflowStatus(
-    statuses: WorkflowStatusType[]
-  ): WorkflowStatusType {
-    return statuses.reduce(
-      (highest, status) =>
-        WORKFLOW_STATUS_RANK[status] > WORKFLOW_STATUS_RANK[highest]
-          ? status
-          : highest,
-      WorkflowStatus.WorkInProgress
-    );
-  }
-
   private getWorkflowStatusLabel(status: WorkflowStatusType): string {
-    return (
-      this.trackStatusOptions.find(option => option.value === status)?.label ||
-      status
-    );
+    return WORKFLOW_STATUS_LABELS[status] || status;
   }
 
   private syncTracks(): Observable<unknown> {
@@ -588,7 +560,7 @@ export class SaveDialogComponent implements OnInit {
   private syncTrack(row: TrackRow): Observable<unknown> {
     if (!row.trackId) return of(null);
     if (!row.enrolled) return this.addCandidateToTrack(row);
-    if (row.status === row.targetStatus) return of(null);
+    if (row.status === this.resetWorkflowStatus) return of(null);
     if (row.tier === SnapshotTier.Staged) {
       return this.releaseTracksService
         .demoteStaged(row.trackId, [row.objectRef])
@@ -596,7 +568,7 @@ export class SaveDialogComponent implements OnInit {
           concatMap(() =>
             this.releaseTracksService.reviewCandidates(row.trackId, {
               from: row.status,
-              to: row.targetStatus,
+              to: this.resetWorkflowStatus,
               object_refs: [row.objectRef],
             })
           )
@@ -604,26 +576,15 @@ export class SaveDialogComponent implements OnInit {
     }
     return this.releaseTracksService.reviewCandidates(row.trackId, {
       from: row.status,
-      to: row.targetStatus,
+      to: this.resetWorkflowStatus,
       object_refs: [row.objectRef],
     });
   }
 
   private addCandidateToTrack(row: TrackRow): Observable<unknown> {
-    return this.releaseTracksService
-      .addCandidates(row.trackId, [row.objectRef])
-      .pipe(
-        concatMap(() => {
-          if (row.targetStatus === WorkflowStatus.WorkInProgress) {
-            return of(null);
-          }
-          return this.releaseTracksService.reviewCandidates(row.trackId, {
-            from: WorkflowStatus.WorkInProgress,
-            to: row.targetStatus,
-            object_refs: [row.objectRef],
-          });
-        })
-      );
+    return this.releaseTracksService.addCandidates(row.trackId, [
+      row.objectRef,
+    ]);
   }
 
   private getTrackList(result: any): any[] {
@@ -731,7 +692,6 @@ interface TrackRow {
   objectRef: StixObjectRef;
   enrolled: boolean;
   selected: boolean;
-  targetStatus: WorkflowStatusType;
 }
 
 export interface SaveDialogConfig {

From 2c55ad47789f063730575d85ed9293397cd4d4ae Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 20:02:00 -0400
Subject: [PATCH 097/190] fix(objects): refresh release track statuses after
 save

---
 .../save-dialog/save-dialog.component.spec.ts | 17 ++---
 .../save-dialog/save-dialog.component.ts      | 25 +------
 .../name-property.component.spec.ts           | 67 ++++++++++++++++++-
 .../name-property/name-property.component.ts  | 67 +++++++++++++++++--
 4 files changed, 133 insertions(+), 43 deletions(-)

diff --git a/src/app/components/save-dialog/save-dialog.component.spec.ts b/src/app/components/save-dialog/save-dialog.component.spec.ts
index 997897f75..618b9b6c4 100644
--- a/src/app/components/save-dialog/save-dialog.component.spec.ts
+++ b/src/app/components/save-dialog/save-dialog.component.spec.ts
@@ -214,7 +214,7 @@ describe('SaveDialogComponent', () => {
     expect(component.validationStatus).toBe('success');
   });
 
-  it('should sync existing and newly enrolled release tracks on save', async () => {
+  it('should add the saved object as a WIP candidate without reviewing tracks', async () => {
     await new Promise(resolve => setTimeout(resolve, 10));
 
     const newTrack = component.enrollmentOptions[0];
@@ -224,18 +224,11 @@ describe('SaveDialogComponent', () => {
     component.onConfirmSave();
     await new Promise(resolve => setTimeout(resolve, 10));
 
-    expect(mockReleaseTracksService.reviewCandidates).toHaveBeenCalledWith(
+    expect(mockReleaseTracksService.reviewCandidates).not.toHaveBeenCalled();
+    expect(mockReleaseTracksService.demoteStaged).not.toHaveBeenCalled();
+    expect(mockReleaseTracksService.addCandidates).toHaveBeenCalledWith(
       'release-track--core',
-      {
-        from: WorkflowStatus.AwaitingReview,
-        to: WorkflowStatus.WorkInProgress,
-        object_refs: [
-          {
-            id: 'attack-pattern--123',
-            modified: '2026-01-01T00:00:00.000Z',
-          },
-        ],
-      }
+      ['attack-pattern--123']
     );
     expect(mockReleaseTracksService.addCandidates).toHaveBeenCalledWith(
       'release-track--groups',
diff --git a/src/app/components/save-dialog/save-dialog.component.ts b/src/app/components/save-dialog/save-dialog.component.ts
index 8f8b77882..540851669 100644
--- a/src/app/components/save-dialog/save-dialog.component.ts
+++ b/src/app/components/save-dialog/save-dialog.component.ts
@@ -1,7 +1,7 @@
 import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { forkJoin, Observable, of } from 'rxjs';
-import { catchError, concatMap, map, switchMap } from 'rxjs/operators';
+import { catchError, map, switchMap } from 'rxjs/operators';
 import { SnapshotTier } from 'src/app/classes/release-tracks';
 import type {
   ReleaseTrackObjectTier,
@@ -559,31 +559,12 @@ export class SaveDialogComponent implements OnInit {
 
   private syncTrack(row: TrackRow): Observable<unknown> {
     if (!row.trackId) return of(null);
-    if (!row.enrolled) return this.addCandidateToTrack(row);
-    if (row.status === this.resetWorkflowStatus) return of(null);
-    if (row.tier === SnapshotTier.Staged) {
-      return this.releaseTracksService
-        .demoteStaged(row.trackId, [row.objectRef])
-        .pipe(
-          concatMap(() =>
-            this.releaseTracksService.reviewCandidates(row.trackId, {
-              from: row.status,
-              to: this.resetWorkflowStatus,
-              object_refs: [row.objectRef],
-            })
-          )
-        );
-    }
-    return this.releaseTracksService.reviewCandidates(row.trackId, {
-      from: row.status,
-      to: this.resetWorkflowStatus,
-      object_refs: [row.objectRef],
-    });
+    return this.addCandidateToTrack(row);
   }
 
   private addCandidateToTrack(row: TrackRow): Observable<unknown> {
     return this.releaseTracksService.addCandidates(row.trackId, [
-      row.objectRef,
+      this.config.object.stixID,
     ]);
   }
 
diff --git a/src/app/components/stix/name-property/name-property.component.spec.ts b/src/app/components/stix/name-property/name-property.component.spec.ts
index 800b28386..f197b21c1 100644
--- a/src/app/components/stix/name-property/name-property.component.spec.ts
+++ b/src/app/components/stix/name-property/name-property.component.spec.ts
@@ -27,6 +27,7 @@ describe('NamePropertyComponent', () => {
   let mockEditorService;
   let mockReleaseTracksService;
   let mockSnackbar;
+  let snapshotStatus;
 
   beforeEach(async () => {
     const mockRestApiConnector = createMockRestApiConnector({});
@@ -43,15 +44,16 @@ describe('NamePropertyComponent', () => {
     mockSnackbar = {
       open: vi.fn(),
     };
+    snapshotStatus = WorkflowStatus.WorkInProgress;
     mockReleaseTracksService = {
-      getLatestSnapshot: vi.fn().mockReturnValue(
+      getLatestSnapshot: vi.fn(() =>
         createAsyncObservable({
           name: 'Core Objects',
           description: 'Core workflow',
           candidates: [
             {
               object_ref: 'attack-pattern--123',
-              object_status: WorkflowStatus.WorkInProgress,
+              object_status: snapshotStatus,
             },
           ],
           staged: [],
@@ -214,6 +216,67 @@ describe('NamePropertyComponent', () => {
     ]);
   });
 
+  it('should refresh release track statuses when the saved object reloads', async () => {
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'attack-pattern--123';
+    object.attackType = 'technique';
+    object.modified = new Date('2026-01-01T00:00:00.000Z');
+    object.workflow = { state: WorkflowStatus.WorkInProgress };
+    object.workspace = {
+      release_tracks: [
+        {
+          track_id: 'release-track--core',
+          name: 'Core Objects',
+          object_ref: 'attack-pattern--123',
+          object_modified: '2026-01-01T00:00:00.000Z',
+          object_status: WorkflowStatus.WorkInProgress,
+        },
+      ],
+    };
+    component.config = {
+      mode: 'view',
+      object,
+    };
+    component.ngOnInit();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    snapshotStatus = WorkflowStatus.AwaitingReview;
+    const updatedObject = Object.create(StixObject.prototype);
+    updatedObject.stixID = 'attack-pattern--123';
+    updatedObject.attackType = 'technique';
+    updatedObject.modified = new Date('2026-01-02T00:00:00.000Z');
+    updatedObject.workflow = { state: WorkflowStatus.WorkInProgress };
+    updatedObject.workspace = {
+      release_tracks: [
+        {
+          track_id: 'release-track--core',
+          name: 'Core Objects',
+          object_ref: 'attack-pattern--123',
+          object_modified: '2026-01-02T00:00:00.000Z',
+          object_status: WorkflowStatus.AwaitingReview,
+        },
+      ],
+    };
+    component.config = {
+      mode: 'view',
+      object: updatedObject,
+    };
+    component.ngOnChanges({
+      config: {
+        previousValue: { mode: 'view', object },
+        currentValue: component.config,
+        firstChange: false,
+        isFirstChange: () => false,
+      },
+    });
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(mockReleaseTracksService.getLatestSnapshot).toHaveBeenCalledTimes(2);
+    expect(component.trackStatuses[0].status).toBe(
+      WorkflowStatus.AwaitingReview
+    );
+  });
+
   it('should only allow forward workflow status changes from the menu', () => {
     const row = {
       status: WorkflowStatus.AwaitingReview,
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index 10d832d8e..58fd2db78 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -2,7 +2,9 @@ import {
   Component,
   ElementRef,
   Input,
+  OnChanges,
   OnInit,
+  SimpleChanges,
   ViewChild,
   ViewEncapsulation,
 } from '@angular/core';
@@ -42,7 +44,7 @@ import { logger } from 'src/app/utils/logger';
   encapsulation: ViewEncapsulation.None,
   standalone: false,
 })
-export class NamePropertyComponent implements OnInit {
+export class NamePropertyComponent implements OnChanges, OnInit {
   @Input() public config: NamePropertyConfig;
   @ViewChild('workflowTriggerButton')
   private workflowTriggerButton?: ElementRef<HTMLElement>;
@@ -51,6 +53,7 @@ export class NamePropertyComponent implements OnInit {
   public statusControl: FormControl<WorkflowStatus | null>;
   public trackStatuses: ReleaseTrackStatus[] = [];
   public loadingTracks = false;
+  private trackStatusLoadKey: string | null = null;
   public statusActions: WorkflowStatusAction[] = WORKFLOW_STATUS_OPTIONS.map(
     option => ({
       ...option,
@@ -109,13 +112,16 @@ export class NamePropertyComponent implements OnInit {
     public snackbar: MatSnackBar
   ) {}
 
+  ngOnChanges(changes: SimpleChanges): void {
+    if (!changes.config) return;
+    this.syncStatusControl();
+    this.loadTrackStatuses();
+  }
+
   ngOnInit(): void {
     const object = this.object;
-    this.statusControl = new FormControl(WorkflowStatus.WorkInProgress);
-    this.statusControl.setValue(
-      object?.workflow?.state || WorkflowStatus.WorkInProgress
-    );
-    if (this.showWorkflowControl) this.loadTrackStatuses();
+    this.syncStatusControl();
+    this.loadTrackStatuses();
     if (this.config.mode !== 'diff' && object.revoked) {
       // retrieve revoking object
       const data$ = this.restAPIService.getRelatedTo({
@@ -165,7 +171,7 @@ export class NamePropertyComponent implements OnInit {
     dialogRef.afterClosed().subscribe(result => {
       if (result) {
         this.statusControl.setValue(targetStatus);
-        this.loadTrackStatuses();
+        this.getTrackStatuses();
         this.editorService.onReload.emit();
       } else {
         this.statusControl.setValue(previousWorkflowState);
@@ -187,7 +193,54 @@ export class NamePropertyComponent implements OnInit {
     return WORKFLOW_STATUS_RANK[status] <= WORKFLOW_STATUS_RANK[row.status];
   }
 
+  private syncStatusControl(): void {
+    const state = this.object?.workflow?.state || WorkflowStatus.WorkInProgress;
+    if (!this.statusControl) {
+      this.statusControl = new FormControl(state);
+      return;
+    }
+    this.statusControl.setValue(state, { emitEvent: false });
+  }
+
   private loadTrackStatuses(): void {
+    if (!this.showWorkflowControl) {
+      this.trackStatuses = [];
+      this.trackStatusLoadKey = null;
+      return;
+    }
+
+    const loadKey = this.getTrackStatusLoadKey();
+    if (loadKey === this.trackStatusLoadKey) return;
+    this.trackStatusLoadKey = loadKey;
+    this.getTrackStatuses();
+  }
+
+  private getTrackStatusLoadKey(): string {
+    const object = this.object;
+    const releaseTracks = Array.isArray(object?.workspace?.release_tracks)
+      ? object.workspace.release_tracks
+      : [];
+    const trackKey = releaseTracks
+      .map(track => {
+        if (typeof track === 'string') return track;
+        return [
+          this.getTrackId(track),
+          this.getEntryWorkflowStatus(track),
+          this.getEntryTier(track),
+          this.toIsoString(track?.object_modified || track?.modified),
+        ].join(':');
+      })
+      .join('|');
+
+    return [
+      this.config?.mode || 'view',
+      object?.stixID || '',
+      this.toIsoString(object?.modified),
+      trackKey,
+    ].join('|');
+  }
+
+  private getTrackStatuses(): void {
     if (!this.object?.stixID) {
       this.trackStatuses = [];
       return;

From e7c8a9cb47f1e67b47b01ea8d3b26b7def94ae19 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 20:10:26 -0400
Subject: [PATCH 098/190] fix(stix-list): remove workflow status column from
 object lists

---
 .../stix-list/stix-list.component.spec.ts     | 27 +++++++++++++++++++
 .../stix/stix-list/stix-list.component.ts     | 21 ++++++---------
 2 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/src/app/components/stix/stix-list/stix-list.component.spec.ts b/src/app/components/stix/stix-list/stix-list.component.spec.ts
index ffbb3cb78..941271218 100644
--- a/src/app/components/stix/stix-list/stix-list.component.spec.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.spec.ts
@@ -83,4 +83,31 @@ describe('StixListComponent', () => {
       'modified',
     ]);
   });
+
+  it('should not show the workflow status column for STIX object lists', () => {
+    const types: StixListConfig['type'][] = [
+      'asset',
+      'campaign',
+      'data-component',
+      'data-source',
+      'detection-strategy',
+      'group',
+      'matrix',
+      'mitigation',
+      'software',
+      'tactic',
+      'technique',
+    ];
+
+    types.forEach(type => {
+      component.config = { type };
+      component.tableColumns = [];
+      component.tableColumns_settings = new Map<string, any>();
+
+      (component as any).buildTable();
+
+      expect(component.tableColumns).not.toContain('workflow');
+      expect(component.tableColumns).toContain('state');
+    });
+  });
 });
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index b3e02c29e..1a56b1188 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -282,24 +282,24 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
         case 'mitigation':
         case 'tactic':
         case 'data-component':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addDomainColumn();
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'matrix':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addNameColumn(sticky_allowed);
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'detection-strategy':
         case 'campaign':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'analytic':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addColumn('ID', 'attackID', 'plain', false);
           this.addColumn(
             'related detection strategy',
@@ -314,13 +314,13 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'group':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addColumn('associated groups', 'aliases', 'list');
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'software':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addColumn('type', 'type', 'plain');
           this.addDomainColumn();
@@ -328,14 +328,14 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
           break;
         case 'data-source':
         case 'technique':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addDomainColumn();
           this.addPlatformsColumn();
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'asset':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addPlatformsColumn();
           this.addColumn('sectors', 'sectors', 'list');
@@ -421,11 +421,6 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     }
   }
 
-  private addWorkflowAndStateColumns(): void {
-    this.addColumn('', 'workflow', 'icon');
-    this.addColumn('', 'state', 'icon');
-  }
-
   private addStateColumnOnly(): void {
     this.addColumn('', 'state', 'icon');
   }

From 1d351f654d69b0239e65e19456c81d2c762533a2 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 20:43:40 -0400
Subject: [PATCH 099/190] feat(release-tracks): delete release track workflow

---
 .../delete-dialog.component.html              | 16 ++++-
 .../delete-dialog.component.scss              | 39 +++++++++++
 .../delete-dialog.component.spec.ts           | 15 +++++
 .../delete-dialog/delete-dialog.component.ts  | 12 +++-
 .../release-track-page.component.html         |  9 +++
 .../release-track-page.component.spec.ts      | 66 +++++++++++++++++++
 .../release-track-page.component.ts           | 48 ++++++++++++++
 .../stix/stix-dialog/stix-dialog.component.ts |  3 +
 .../stix/stix-page/stix-page.component.ts     |  1 +
 9 files changed, 205 insertions(+), 4 deletions(-)

diff --git a/src/app/components/delete-dialog/delete-dialog.component.html b/src/app/components/delete-dialog/delete-dialog.component.html
index 5940ec7c0..699ee45db 100644
--- a/src/app/components/delete-dialog/delete-dialog.component.html
+++ b/src/app/components/delete-dialog/delete-dialog.component.html
@@ -1,12 +1,24 @@
 <div class="delete-dialog">
-  <h2>Are you sure you want to delete this object?</h2>
+  <h2>{{ title }}</h2>
+  <h4 *ngIf="warning">{{ warning }}</h4>
   <h4 *ngIf="hardDelete">WARNING: This object will be permanently deleted.</h4>
   <h4 *ngIf="collectionDelete">
     WARNING: This will delete ALL objects associated with the collection. If an
     object is referenced in another collection, it will not be deleted.
   </h4>
   <div class="confirm-form">
-    <span>Please type <strong>DELETE</strong> to confirm.</span>
+    <p class="confirm-instruction">
+      Please enter
+      <button
+        type="button"
+        class="confirmation-token"
+        [cdkCopyToClipboard]="confirmationText"
+        [attr.aria-label]="'Copy ' + confirmationText">
+        <strong class="confirmation-text">{{ confirmationText }}</strong>
+        <mat-icon>content_copy</mat-icon>
+      </button>
+      to confirm.
+    </p>
     <mat-form-field appearance="outline">
       <input matInput required [(ngModel)]="confirmInput" />
     </mat-form-field>
diff --git a/src/app/components/delete-dialog/delete-dialog.component.scss b/src/app/components/delete-dialog/delete-dialog.component.scss
index e11e4a178..aff9fc839 100644
--- a/src/app/components/delete-dialog/delete-dialog.component.scss
+++ b/src/app/components/delete-dialog/delete-dialog.component.scss
@@ -1,16 +1,55 @@
 @use '../../../style/colors.scss';
 .delete-dialog {
   margin: 0 24px;
+
   .confirm-form {
+    font-size: 14px;
+    line-height: 20px;
+
     .mat-mdc-form-field {
       display: block;
+      width: 100%;
     }
   }
+
+  .confirm-instruction {
+    margin: 0 0 8px;
+  }
+
+  .confirmation-token {
+    background: transparent;
+    border: 0;
+    color: colors.color(secondary);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    gap: 4px;
+    max-width: 100%;
+    padding: 0 2px;
+    text-align: left;
+    vertical-align: baseline;
+    white-space: normal;
+
+    .confirmation-text {
+      overflow-wrap: anywhere;
+      user-select: all;
+      white-space: normal;
+    }
+
+    mat-icon {
+      font-size: 16px;
+      height: 16px;
+      width: 16px;
+    }
+  }
+
   .buttons {
     margin: 18px 0;
+
     button + button {
       margin-left: 10px;
     }
+
     .warn {
       color: colors.color(error);
     }
diff --git a/src/app/components/delete-dialog/delete-dialog.component.spec.ts b/src/app/components/delete-dialog/delete-dialog.component.spec.ts
index 7bfb56929..5eb4522db 100644
--- a/src/app/components/delete-dialog/delete-dialog.component.spec.ts
+++ b/src/app/components/delete-dialog/delete-dialog.component.spec.ts
@@ -31,4 +31,19 @@ describe('DeleteDialogComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should default the confirmation text to DELETE', () => {
+    component.confirmInput = 'DELETE';
+
+    expect(component.confirmationText).toBe('DELETE');
+    expect(component.invalid).toBe(false);
+  });
+
+  it('should use a STIX ID as the confirmation text when provided', () => {
+    component.config = { stixId: 'attack-pattern--123' };
+    component.confirmInput = 'attack-pattern--123';
+
+    expect(component.confirmationText).toBe('attack-pattern--123');
+    expect(component.invalid).toBe(false);
+  });
 });
diff --git a/src/app/components/delete-dialog/delete-dialog.component.ts b/src/app/components/delete-dialog/delete-dialog.component.ts
index 4490b48c2..e55f1afd1 100644
--- a/src/app/components/delete-dialog/delete-dialog.component.ts
+++ b/src/app/components/delete-dialog/delete-dialog.component.ts
@@ -9,13 +9,21 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
   standalone: false,
 })
 export class DeleteDialogComponent {
-  private deleteConfirmation = 'DELETE';
   public confirmInput: string;
+  public get title(): string {
+    return this.config?.title || 'Are you sure you want to delete this object?';
+  }
+  public get warning(): string {
+    return this.config?.warning || '';
+  }
+  public get confirmationText(): string {
+    return this.config?.stixId || this.config?.stixID || 'DELETE';
+  }
   public get hardDelete(): boolean {
     return this.config && this.config.hardDelete;
   }
   public get invalid(): boolean {
-    return this.confirmInput != this.deleteConfirmation;
+    return this.confirmInput != this.confirmationText;
   }
   public get collectionDelete(): boolean {
     return this.config && this.config.collectionDelete;
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 9494d9f07..cb7fc3be6 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -8,6 +8,15 @@ <h1>
         Export Latest
         <mat-icon>file_download</mat-icon>
       </button>
+      <button
+        *ngIf="canEditReleaseTrack"
+        mat-stroked-button
+        color="warn"
+        [disabled]="!id || isDeleting"
+        (click)="onDeleteReleaseTrack()">
+        Delete
+        <mat-icon>delete</mat-icon>
+      </button>
       <button
         *ngIf="isVirtualReleaseTrack"
         mat-stroked-button
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index e50126602..c1ccb37f1 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -15,6 +15,8 @@ import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
 import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
+import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-dialog.component';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import {
   ConflictPolicy,
@@ -34,6 +36,7 @@ describe('ReleaseTrackPageComponent', () => {
   let mockDialog: any;
   let mockRestApiConnector: any;
   let mockRouter: any;
+  let mockAuthenticationService: any;
 
   beforeEach(async () => {
     mockReleaseTrackApiConnector = createMockReleaseTrackApiConnector({
@@ -53,6 +56,7 @@ describe('ReleaseTrackPageComponent', () => {
       reviewCandidates: vi.fn(() => createAsyncObservable({})),
       updateMetadataByLatest: vi.fn(() => createAsyncObservable({})),
       addCandidates: vi.fn(() => createAsyncObservable({})),
+      deleteReleaseTrack: vi.fn(() => createAsyncObservable({})),
     });
     mockDialog = {
       open: vi.fn(),
@@ -69,6 +73,9 @@ describe('ReleaseTrackPageComponent', () => {
     mockRouter = {
       navigate: vi.fn(),
     };
+    mockAuthenticationService = {
+      canEdit: vi.fn(() => true),
+    };
 
     await TestBed.configureTestingModule({
       declarations: [ReleaseTrackPageComponent],
@@ -82,6 +89,10 @@ describe('ReleaseTrackPageComponent', () => {
           provide: RestApiConnectorService,
           useValue: mockRestApiConnector,
         },
+        {
+          provide: AuthenticationService,
+          useValue: mockAuthenticationService,
+        },
         {
           provide: MatDialog,
           useValue: mockDialog,
@@ -115,6 +126,61 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component).toBeTruthy();
   });
 
+  it('should delete the release track after confirmation', () => {
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of(true),
+    });
+    mockReleaseTrackApiConnector.deleteReleaseTrack.mockReturnValue(of({}));
+    component.id = 'release-track--123';
+    component.releaseTrack = { name: 'Enterprise Release' } as any;
+
+    component.onDeleteReleaseTrack();
+
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      DeleteDialogComponent,
+      expect.objectContaining({
+        maxWidth: '35em',
+        disableClose: true,
+        autoFocus: false,
+        data: expect.objectContaining({
+          title: 'Are you sure you want to delete this release track?',
+          warning:
+            'Enterprise Release and its snapshots will be permanently deleted.',
+          stixId: 'release-track--123',
+        }),
+      })
+    );
+    expect(
+      mockReleaseTrackApiConnector.deleteReleaseTrack
+    ).toHaveBeenCalledWith('release-track--123');
+    expect(mockRouter.navigate).toHaveBeenCalledWith([
+      '/dashboard/release-management',
+    ]);
+  });
+
+  it('should not delete the release track when confirmation is cancelled', () => {
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of(false),
+    });
+    component.id = 'release-track--123';
+
+    component.onDeleteReleaseTrack();
+
+    expect(
+      mockReleaseTrackApiConnector.deleteReleaseTrack
+    ).not.toHaveBeenCalled();
+    expect(mockRouter.navigate).not.toHaveBeenCalled();
+  });
+
+  it('should not open the delete dialog without editor authorization', () => {
+    mockAuthenticationService.canEdit.mockReturnValue(false);
+    component.id = 'release-track--123';
+
+    component.onDeleteReleaseTrack();
+
+    expect(mockDialog.open).not.toHaveBeenCalled();
+  });
+
   it('should download the release track in the selected export format', () => {
     const exportPayload = { type: 'bundle', objects: [] };
     mockDialog.open.mockReturnValue({
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index ef1a09c0a..648c0b6f2 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -29,8 +29,10 @@ import {
   StixObjectRef,
 } from 'src/app/classes/release-tracks';
 import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
+import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-dialog.component';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
 import { ReleaseTrackObjectItem } from 'src/app/components/release-track-object-card/release-track-object-card.component';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
@@ -154,6 +156,7 @@ export class ReleaseTrackPageComponent implements OnInit {
   public isEditingDescription = false;
   public isSavingDescription = false;
   public isCreatingDraft = false;
+  public isDeleting = false;
   public isLoadingSnapshotHistory = false;
   public isReleasing = false;
   public isLoadingConfig = false;
@@ -194,6 +197,7 @@ export class ReleaseTrackPageComponent implements OnInit {
     private router: Router,
     private dialog: MatDialog,
     private restApiConnectorService: RestApiConnectorService,
+    private authenticationService: AuthenticationService,
     private fb: FormBuilder
   ) {
     this.configForm = this.fb.group({
@@ -458,6 +462,10 @@ export class ReleaseTrackPageComponent implements OnInit {
     return !!this.id && this.isVirtualReleaseTrack && !this.isCreatingDraft;
   }
 
+  public get canEditReleaseTrack(): boolean {
+    return this.authenticationService.canEdit();
+  }
+
   public getReleaseTrack(): void {
     this.connector
       .getLatestSnapshot(this.id, { include: 'all' })
@@ -496,6 +504,46 @@ export class ReleaseTrackPageComponent implements OnInit {
     this.getSnapshotHistory();
   }
 
+  public onDeleteReleaseTrack(): void {
+    if (!this.id || !this.canEditReleaseTrack || this.isDeleting) return;
+
+    const prompt = this.dialog.open(DeleteDialogComponent, {
+      maxWidth: '35em',
+      disableClose: true,
+      autoFocus: false,
+      data: {
+        title: 'Are you sure you want to delete this release track?',
+        warning: `${this.releaseTrackName || 'This release track'} and its snapshots will be permanently deleted.`,
+        stixId: this.id,
+      },
+    });
+
+    prompt
+      .afterClosed()
+      .pipe(take(1))
+      .subscribe(confirm => {
+        if (!confirm) return;
+
+        this.isDeleting = true;
+        this.connector
+          .deleteReleaseTrack(this.id)
+          .pipe(
+            take(1),
+            finalize(() => {
+              this.isDeleting = false;
+            })
+          )
+          .subscribe({
+            next: () => {
+              this.router.navigate(['/dashboard/release-management']);
+            },
+            error: err => {
+              console.error('Failed to delete release track', err);
+            },
+          });
+      });
+  }
+
   public getSnapshotHistory(): void {
     if (!this.id) return;
 
diff --git a/src/app/views/stix/stix-dialog/stix-dialog.component.ts b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
index 8af4e803f..9ed9de8ca 100644
--- a/src/app/views/stix/stix-dialog/stix-dialog.component.ts
+++ b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
@@ -210,6 +210,9 @@ export class StixDialogComponent implements OnInit {
       maxWidth: '35em',
       disableClose: true,
       autoFocus: false, // disables auto focus on the dialog form field
+      data: {
+        stixId: object.stixID,
+      },
     });
     const subscription = prompt.afterClosed().subscribe({
       next: confirm => {
diff --git a/src/app/views/stix/stix-page/stix-page.component.ts b/src/app/views/stix/stix-page/stix-page.component.ts
index 261a7deff..477fc4cde 100644
--- a/src/app/views/stix/stix-page/stix-page.component.ts
+++ b/src/app/views/stix/stix-page/stix-page.component.ts
@@ -143,6 +143,7 @@ export class StixPageComponent implements OnInit, OnDestroy {
       autoFocus: false,
       data: {
         collectionDelete: this.objectType == 'collection',
+        stixId: this.objects[0]?.stixID,
       },
     });
     const closeSubscription = prompt.afterClosed().subscribe({

From 9f67ebdbfe2116578c15595c052a562cee7f1dc7 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 23 Jul 2026 12:35:12 -0400
Subject: [PATCH 100/190] feat: add dashboard for managing ADM validation
 bypass rules

---
 angular.json                                  |   2 +-
 src/app/app-routing.module.ts                 |  10 +
 src/app/app.module.ts                         |   4 +
 .../rest-api/rest-api-connector.service.ts    | 102 +++++++++
 .../dashboard-page.component.html             |   7 +
 ...lidation-bypass-rule-dialog.component.html |  76 +++++++
 ...lidation-bypass-rule-dialog.component.scss |  35 ++++
 ...ation-bypass-rule-dialog.component.spec.ts |  62 ++++++
 ...validation-bypass-rule-dialog.component.ts | 121 +++++++++++
 .../validation-bypasses.component.html        | 128 ++++++++++++
 .../validation-bypasses.component.scss        | 117 +++++++++++
 .../validation-bypasses.component.spec.ts     |  75 +++++++
 .../validation-bypasses.component.ts          | 196 ++++++++++++++++++
 13 files changed, 934 insertions(+), 1 deletion(-)
 create mode 100644 src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.html
 create mode 100644 src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.scss
 create mode 100644 src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.spec.ts
 create mode 100644 src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.ts
 create mode 100644 src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.html
 create mode 100644 src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.scss
 create mode 100644 src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.spec.ts
 create mode 100644 src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.ts

diff --git a/angular.json b/angular.json
index f1ddc95f5..b4225314a 100644
--- a/angular.json
+++ b/angular.json
@@ -73,7 +73,7 @@
                 {
                   "type": "initial",
                   "maximumWarning": "3mb",
-                  "maximumError": "5mb"
+                  "maximumError": "6mb"
                 },
                 {
                   "type": "anyComponentStyle",
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 40da049ab..f426ceb08 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -7,6 +7,7 @@ import { DataQualityComponent } from './views/dashboard-page/data-quality/data-q
 import { OrgSettingsPageComponent } from './views/dashboard-page/org-settings-page/org-settings-page.component';
 import { UserAccountsPageComponent } from './views/dashboard-page/user-accounts-page/user-accounts-page.component';
 import { DefaultMarkingDefinitionsComponent } from './views/dashboard-page/default-marking-definitions/default-marking-definitions.component';
+import { ValidationBypassesComponent } from './views/dashboard-page/validation-bypasses/validation-bypasses.component';
 import { ProfilePageComponent } from './views/profile-page/profile-page.component';
 import { AuthorizationGuard } from './services/helpers/authorization.guard';
 import { Role } from './classes/authn/role';
@@ -151,6 +152,15 @@ export const routes: Routes = [
             },
             component: DefaultMarkingDefinitionsComponent,
           },
+          {
+            path: 'validation-bypasses',
+            data: {
+              breadcrumb: 'validation bypasses',
+              title: 'ADM Validation Bypasses',
+              roles: [Role.ADMIN],
+            },
+            component: ValidationBypassesComponent,
+          },
         ],
       },
       {
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 2382f7f25..580b43ea6 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -162,6 +162,8 @@ import { DataQualityComponent } from './views/dashboard-page/data-quality/data-q
 import { OrgSettingsPageComponent } from './views/dashboard-page/org-settings-page/org-settings-page.component';
 import { UserAccountsPageComponent } from './views/dashboard-page/user-accounts-page/user-accounts-page.component';
 import { DefaultMarkingDefinitionsComponent } from './views/dashboard-page/default-marking-definitions/default-marking-definitions.component';
+import { ValidationBypassRuleDialogComponent } from './views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component';
+import { ValidationBypassesComponent } from './views/dashboard-page/validation-bypasses/validation-bypasses.component';
 import { ProfilePageComponent } from './views/profile-page/profile-page.component';
 import { ReferenceManagerComponent } from './views/reference-manager/reference-manager.component';
 
@@ -305,6 +307,8 @@ export function initConfig(appConfigService: AppConfigService) {
     OrgSettingsPageComponent,
     UserAccountsPageComponent,
     DefaultMarkingDefinitionsComponent,
+    ValidationBypassesComponent,
+    ValidationBypassRuleDialogComponent,
     ProfilePageComponent,
     ReferenceManagerComponent,
     StixDialogComponent,
diff --git a/src/app/services/connectors/rest-api/rest-api-connector.service.ts b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
index 85dbf8c62..7126e6363 100644
--- a/src/app/services/connectors/rest-api/rest-api-connector.service.ts
+++ b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
@@ -69,6 +69,20 @@ export interface Namespace {
   range_start: string;
 }
 
+export interface ValidationBypassRule {
+  _id?: string;
+  id?: string;
+  fieldPath: string[];
+  errorCode: string;
+  stixType: string;
+  suppressError: boolean;
+  autoCreated?: boolean;
+  autoCreatedReason?: string | null;
+  triggerEvent?: string | null;
+  warningMessage?: string | null;
+  __v?: number;
+}
+
 @Injectable({
   providedIn: 'root',
 })
@@ -2585,6 +2599,94 @@ export class RestApiConnectorService extends ApiConnector {
       );
   }
 
+  /**
+   * Get all ADM validation bypass rules.
+   * @returns {Observable<ValidationBypassRule[]>} validation bypass rules
+   */
+  public getValidationBypassRules(): Observable<ValidationBypassRule[]> {
+    return this.http
+      .get<ValidationBypassRule[]>(`${this.apiUrl}/config/validation-bypasses`)
+      .pipe(
+        tap(() => logger.log('retrieved validation bypass rules')),
+        catchError(this.handleError_continue<ValidationBypassRule[]>([])),
+        share()
+      );
+  }
+
+  /**
+   * Get one ADM validation bypass rule.
+   * @param id validation bypass rule id
+   * @returns {Observable<ValidationBypassRule>} validation bypass rule
+   */
+  public getValidationBypassRule(id: string): Observable<ValidationBypassRule> {
+    return this.http
+      .get<ValidationBypassRule>(
+        `${this.apiUrl}/config/validation-bypasses/${id}`
+      )
+      .pipe(
+        tap(() => logger.log('retrieved validation bypass rule')),
+        catchError(this.handleError_continue<ValidationBypassRule>()),
+        share()
+      );
+  }
+
+  /**
+   * Create an ADM validation bypass rule.
+   * @param rule validation bypass rule to create
+   * @returns {Observable<ValidationBypassRule>} created validation bypass rule
+   */
+  public postValidationBypassRule(
+    rule: ValidationBypassRule
+  ): Observable<ValidationBypassRule> {
+    return this.http
+      .post<ValidationBypassRule>(
+        `${this.apiUrl}/config/validation-bypasses`,
+        rule
+      )
+      .pipe(
+        tap(this.handleSuccess('validation bypass rule saved')),
+        catchError(this.handleError_raise<ValidationBypassRule>()),
+        share()
+      );
+  }
+
+  /**
+   * Update an ADM validation bypass rule.
+   * @param id validation bypass rule id
+   * @param rule validation bypass rule updates
+   * @returns {Observable<ValidationBypassRule>} updated validation bypass rule
+   */
+  public putValidationBypassRule(
+    id: string,
+    rule: ValidationBypassRule
+  ): Observable<ValidationBypassRule> {
+    return this.http
+      .put<ValidationBypassRule>(
+        `${this.apiUrl}/config/validation-bypasses/${id}`,
+        rule
+      )
+      .pipe(
+        tap(this.handleSuccess('validation bypass rule saved')),
+        catchError(this.handleError_raise<ValidationBypassRule>()),
+        share()
+      );
+  }
+
+  /**
+   * Delete an ADM validation bypass rule.
+   * @param id validation bypass rule id
+   * @returns {Observable<object>} observable of the response body
+   */
+  public deleteValidationBypassRule(id: string): Observable<object> {
+    return this.http
+      .delete<object>(`${this.apiUrl}/config/validation-bypasses/${id}`)
+      .pipe(
+        tap(this.handleSuccess('validation bypass rule deleted')),
+        catchError(this.handleError_raise<object>()),
+        share()
+      );
+  }
+
   /**
    * Get the next available ATT&CK ID for a given STIX type
    * @param {string} stixType the STIX type (e.g., 'attack-pattern', 'x-mitre-tactic')
diff --git a/src/app/views/dashboard-page/dashboard-page.component.html b/src/app/views/dashboard-page/dashboard-page.component.html
index b8bf17462..6a09e4a22 100644
--- a/src/app/views/dashboard-page/dashboard-page.component.html
+++ b/src/app/views/dashboard-page/dashboard-page.component.html
@@ -14,6 +14,13 @@ <h1>Knowledge Base Overview</h1>
         (change)="toggleDeprecated($event.checked)">
         Include deprecated
       </mat-checkbox>
+      <button
+        mat-button
+        color="primary"
+        type="button"
+        routerLink="validation-bypasses">
+        ADM Validation Bypasses
+      </button>
       <button
         mat-icon-button
         color="primary"
diff --git a/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.html b/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.html
new file mode 100644
index 000000000..ef9a2135e
--- /dev/null
+++ b/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.html
@@ -0,0 +1,76 @@
+<h2 mat-dialog-title>{{ title }}</h2>
+
+<form
+  class="validation-bypass-rule-dialog"
+  [formGroup]="form"
+  (ngSubmit)="confirm()">
+  <mat-dialog-content>
+    <div class="form-grid">
+      <mat-form-field appearance="outline" class="full-width">
+        <mat-label>field path</mat-label>
+        <input matInput formControlName="fieldPath" />
+        <mat-error
+          *ngIf="
+            hasError('fieldPath', 'required') ||
+            hasError('fieldPath', 'fieldPath')
+          ">
+          Field path is required
+        </mat-error>
+      </mat-form-field>
+
+      <mat-form-field appearance="outline">
+        <mat-label>error code</mat-label>
+        <input
+          matInput
+          formControlName="errorCode"
+          [matAutocomplete]="errorCodeOptions" />
+        <mat-autocomplete #errorCodeOptions="matAutocomplete">
+          <mat-option *ngFor="let errorCode of errorCodes" [value]="errorCode">
+            {{ errorCode }}
+          </mat-option>
+        </mat-autocomplete>
+        <mat-error *ngIf="hasError('errorCode', 'required')">
+          Error code is required
+        </mat-error>
+      </mat-form-field>
+
+      <mat-form-field appearance="outline">
+        <mat-label>STIX type</mat-label>
+        <input
+          matInput
+          formControlName="stixType"
+          [matAutocomplete]="stixTypeOptions" />
+        <mat-autocomplete #stixTypeOptions="matAutocomplete">
+          <mat-option *ngFor="let stixType of stixTypes" [value]="stixType">
+            {{ stixType }}
+          </mat-option>
+        </mat-autocomplete>
+        <mat-error *ngIf="hasError('stixType', 'required')">
+          STIX type is required
+        </mat-error>
+      </mat-form-field>
+
+      <div class="toggle-row">
+        <mat-slide-toggle formControlName="suppressError">
+          suppress error
+        </mat-slide-toggle>
+      </div>
+
+      <mat-form-field appearance="outline" class="full-width">
+        <mat-label>warning message</mat-label>
+        <textarea matInput rows="3" formControlName="warningMessage"></textarea>
+      </mat-form-field>
+    </div>
+  </mat-dialog-content>
+
+  <mat-dialog-actions align="end">
+    <button mat-button type="button" (click)="cancel()">cancel</button>
+    <button
+      mat-raised-button
+      color="primary"
+      type="submit"
+      [disabled]="form.invalid">
+      save
+    </button>
+  </mat-dialog-actions>
+</form>
diff --git a/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.scss b/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.scss
new file mode 100644
index 000000000..4bbce7c21
--- /dev/null
+++ b/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.scss
@@ -0,0 +1,35 @@
+@use '../../../../../style/globals';
+
+.validation-bypass-rule-dialog {
+  .form-grid {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    column-gap: 16px;
+    row-gap: 8px;
+    min-width: min(42em, 80vw);
+  }
+
+  .full-width,
+  .toggle-row {
+    grid-column: 1 / -1;
+  }
+
+  .toggle-row {
+    min-height: 48px;
+    display: flex;
+    align-items: center;
+  }
+
+  textarea {
+    resize: vertical;
+  }
+}
+
+@media (max-width: 720px) {
+  .validation-bypass-rule-dialog {
+    .form-grid {
+      grid-template-columns: 1fr;
+      min-width: 0;
+    }
+  }
+}
diff --git a/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.spec.ts b/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.spec.ts
new file mode 100644
index 000000000..5b5cd53c3
--- /dev/null
+++ b/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.spec.ts
@@ -0,0 +1,62 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+
+import { ValidationBypassRuleDialogComponent } from './validation-bypass-rule-dialog.component';
+
+describe('ValidationBypassRuleDialogComponent', () => {
+  let component: ValidationBypassRuleDialogComponent;
+  let fixture: ComponentFixture<ValidationBypassRuleDialogComponent>;
+  let close: ReturnType<typeof vi.fn>;
+
+  beforeEach(async () => {
+    close = vi.fn();
+
+    await TestBed.configureTestingModule({
+      declarations: [ValidationBypassRuleDialogComponent],
+      imports: [
+        MatAutocompleteModule,
+        MatSlideToggleModule,
+        ReactiveFormsModule,
+      ],
+      providers: [
+        { provide: MAT_DIALOG_DATA, useValue: {} },
+        { provide: MatDialogRef, useValue: { close } },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ValidationBypassRuleDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should close with a validation bypass rule payload', () => {
+    component.form.setValue({
+      fieldPath: 'external_references.0.external_id',
+      errorCode: 'custom',
+      stixType: 'x-mitre-tactic',
+      suppressError: false,
+      warningMessage: 'Use a custom tactic shortname warning.',
+    });
+
+    component.confirm();
+
+    expect(close).toHaveBeenCalledWith({
+      fieldPath: ['external_references', '0', 'external_id'],
+      errorCode: 'custom',
+      stixType: 'x-mitre-tactic',
+      suppressError: false,
+      warningMessage: 'Use a custom tactic shortname warning.',
+    });
+  });
+});
diff --git a/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.ts b/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.ts
new file mode 100644
index 000000000..806fe51de
--- /dev/null
+++ b/src/app/views/dashboard-page/validation-bypasses/validation-bypass-rule-dialog/validation-bypass-rule-dialog.component.ts
@@ -0,0 +1,121 @@
+import { Component, Inject, ViewEncapsulation } from '@angular/core';
+import {
+  AbstractControl,
+  FormBuilder,
+  FormGroup,
+  ValidationErrors,
+  Validators,
+} from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { ValidationBypassRule } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { StixTypeToAttackType } from 'src/app/utils/type-mappings';
+
+export interface ValidationBypassRuleDialogData {
+  rule?: ValidationBypassRule;
+}
+
+function parseFieldPath(value: string): string[] {
+  const trimmed = (value || '').trim();
+  if (!trimmed) return [];
+
+  if (trimmed.startsWith('[')) {
+    try {
+      const parsed = JSON.parse(trimmed);
+      if (Array.isArray(parsed)) {
+        return parsed
+          .map(String)
+          .map(part => part.trim())
+          .filter(Boolean);
+      }
+    } catch {
+      return [];
+    }
+  }
+
+  return trimmed
+    .split('.')
+    .map(part => part.trim())
+    .filter(Boolean);
+}
+
+function fieldPathValidator(control: AbstractControl): ValidationErrors | null {
+  return parseFieldPath(control.value).length ? null : { fieldPath: true };
+}
+
+@Component({
+  selector: 'app-validation-bypass-rule-dialog',
+  templateUrl: './validation-bypass-rule-dialog.component.html',
+  styleUrls: ['./validation-bypass-rule-dialog.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  standalone: false,
+})
+export class ValidationBypassRuleDialogComponent {
+  public form: FormGroup;
+  public stixTypes = ['all', ...Object.keys(StixTypeToAttackType).sort()];
+  public errorCodes = [
+    'custom',
+    'invalid_type',
+    'invalid_value',
+    'invalid_format',
+    'invalid_union',
+    'unrecognized_keys',
+    'too_big',
+    'too_small',
+    'not_multiple_of',
+    'invalid_key',
+    'invalid_element',
+  ];
+
+  public get title(): string {
+    return this.data?.rule ? 'Edit Validation Bypass Rule' : 'Create Rule';
+  }
+
+  constructor(
+    @Inject(MAT_DIALOG_DATA) public data: ValidationBypassRuleDialogData,
+    public dialogRef: MatDialogRef<ValidationBypassRuleDialogComponent>,
+    private formBuilder: FormBuilder
+  ) {
+    const rule = data?.rule;
+    this.form = this.formBuilder.group({
+      fieldPath: [
+        this.fieldPathToString(rule?.fieldPath),
+        [Validators.required, fieldPathValidator],
+      ],
+      errorCode: [rule?.errorCode || '', Validators.required],
+      stixType: [rule?.stixType || '', Validators.required],
+      suppressError: [rule?.suppressError ?? true],
+      warningMessage: [rule?.warningMessage || ''],
+    });
+  }
+
+  public hasError(controlName: string, errorName: string): boolean {
+    return !!this.form.get(controlName)?.hasError(errorName);
+  }
+
+  public confirm(): void {
+    if (this.form.invalid) {
+      this.form.markAllAsTouched();
+      return;
+    }
+
+    const value = this.form.value;
+    const warningMessage = value.warningMessage?.trim();
+    const result: ValidationBypassRule = {
+      fieldPath: parseFieldPath(value.fieldPath),
+      errorCode: value.errorCode.trim(),
+      stixType: value.stixType.trim(),
+      suppressError: !!value.suppressError,
+      warningMessage: warningMessage || null,
+    };
+
+    this.dialogRef.close(result);
+  }
+
+  public cancel(): void {
+    this.dialogRef.close();
+  }
+
+  private fieldPathToString(fieldPath?: string[]): string {
+    return fieldPath?.length ? fieldPath.join('.') : '';
+  }
+}
diff --git a/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.html b/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.html
new file mode 100644
index 000000000..2167146c0
--- /dev/null
+++ b/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.html
@@ -0,0 +1,128 @@
+<div class="validation-bypasses-page list-page grid spacing-20">
+  <div class="list-page-header">
+    <h1>ADM Validation Bypasses</h1>
+    <div class="button-group">
+      <button
+        mat-raised-button
+        class="extended-button"
+        color="primary"
+        (click)="createRule()">
+        <mat-icon>add</mat-icon>
+        <span class="text-label">create rule</span>
+      </button>
+    </div>
+  </div>
+
+  <div class="table-container">
+    <div class="controls">
+      <div class="input-group">
+        <mat-form-field class="search" appearance="fill">
+          <mat-label>search</mat-label>
+          <input matInput (keyup)="applySearch($event.target.value)" />
+        </mat-form-field>
+      </div>
+    </div>
+
+    <div class="scroll-container" *ngIf="!loadingRules; else loading">
+      <table
+        mat-table
+        matSort
+        *ngIf="dataSource.data.length > 0; else nothingHere"
+        [dataSource]="dataSource"
+        aria-label="validation bypass rules table">
+        <ng-container matColumnDef="fieldPath">
+          <th scope="col" mat-header-cell mat-sort-header *matHeaderCellDef>
+            Field Path
+          </th>
+          <td mat-cell *matCellDef="let rule" class="path-cell">
+            {{ fieldPath(rule) }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="errorCode">
+          <th scope="col" mat-header-cell mat-sort-header *matHeaderCellDef>
+            Error Code
+          </th>
+          <td mat-cell *matCellDef="let rule">{{ rule.errorCode }}</td>
+        </ng-container>
+
+        <ng-container matColumnDef="stixType">
+          <th scope="col" mat-header-cell mat-sort-header *matHeaderCellDef>
+            STIX Type
+          </th>
+          <td mat-cell *matCellDef="let rule">{{ rule.stixType }}</td>
+        </ng-container>
+
+        <ng-container matColumnDef="behavior">
+          <th scope="col" mat-header-cell mat-sort-header *matHeaderCellDef>
+            Behavior
+          </th>
+          <td mat-cell *matCellDef="let rule">
+            <span
+              class="behavior-label"
+              [class.inactive]="behavior(rule) === 'inactive'">
+              {{ behavior(rule) }}
+            </span>
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="source">
+          <th scope="col" mat-header-cell mat-sort-header *matHeaderCellDef>
+            Source
+          </th>
+          <td mat-cell *matCellDef="let rule">{{ source(rule) }}</td>
+        </ng-container>
+
+        <ng-container matColumnDef="warningMessage">
+          <th scope="col" mat-header-cell mat-sort-header *matHeaderCellDef>
+            Warning Message
+          </th>
+          <td mat-cell *matCellDef="let rule" class="warning-cell">
+            {{ rule.warningMessage || '-' }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="actions">
+          <th scope="col" mat-header-cell *matHeaderCellDef></th>
+          <td mat-cell *matCellDef="let rule" class="action-cell">
+            <button
+              mat-icon-button
+              matTooltip="Edit rule"
+              aria-label="Edit validation bypass rule"
+              (click)="editRule(rule); $event.stopPropagation()">
+              <mat-icon>edit</mat-icon>
+            </button>
+            <button
+              mat-icon-button
+              matTooltip="Delete rule"
+              aria-label="Delete validation bypass rule"
+              (click)="deleteRule(rule); $event.stopPropagation()">
+              <mat-icon>delete</mat-icon>
+            </button>
+          </td>
+        </ng-container>
+
+        <tr mat-header-row *matHeaderRowDef="columnsToDisplay"></tr>
+        <tr
+          mat-row
+          *matRowDef="let myRowData; columns: columnsToDisplay"
+          class="element-row"></tr>
+      </table>
+      <ng-template #nothingHere>
+        <app-empty-list-marker
+          [message]="'Nothing here'"
+          (onCheckAgain)="loadRules()"></app-empty-list-marker>
+      </ng-template>
+    </div>
+
+    <ng-template #loading>
+      <app-loading-overlay message="loading validation bypass rules">
+      </app-loading-overlay>
+    </ng-template>
+
+    <mat-paginator
+      [pageSizeOptions]="[5, 10, 25, 100]"
+      pageSize="10"
+      [length]="dataSource.filteredData.length"></mat-paginator>
+  </div>
+</div>
diff --git a/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.scss b/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.scss
new file mode 100644
index 000000000..a0936d33f
--- /dev/null
+++ b/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.scss
@@ -0,0 +1,117 @@
+@use '../../../../style/globals';
+@use '../../../../style/colors';
+
+.validation-bypasses-page {
+  .input-group {
+    font-size: 16px;
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+
+    .search {
+      flex-grow: 1;
+    }
+
+    .mat-mdc-form-field-subscript-wrapper {
+      display: none;
+    }
+  }
+
+  .table-container {
+    max-width: 88em;
+    margin: 0 auto;
+    border-radius: 4px;
+
+    .dark & {
+      border: 1px solid colors.border-color(dark);
+    }
+
+    .light & {
+      border: 1px solid colors.border-color(light);
+    }
+
+    .scroll-container {
+      width: 100%;
+      overflow: auto;
+      max-width: 100%;
+      display: flex;
+      flex-direction: column;
+
+      .dark & {
+        border-bottom: 1px solid colors.border-color(dark);
+      }
+
+      .light & {
+        border-bottom: 1px solid colors.border-color(light);
+      }
+
+      table {
+        flex: 1 0 auto;
+        width: 100%;
+
+        th,
+        td {
+          .light & {
+            background: colors.color(light);
+            border-color: colors.border-color(light);
+          }
+
+          .dark & {
+            background: colors.color(dark);
+            border-color: colors.border-color(dark);
+          }
+        }
+
+        th {
+          font-size: 18px;
+          @extend .text-label;
+        }
+
+        tr.element-row:not(.expanded):hover {
+          .light & td {
+            background: colors.color-alternate(light);
+          }
+
+          .dark & td {
+            background: colors.color-alternate(dark);
+          }
+        }
+
+        .mat-mdc-cell + .mat-mdc-cell,
+        .mat-mdc-header-cell + .mat-mdc-header-cell {
+          padding-left: 12px;
+        }
+
+        .path-cell {
+          min-width: 14em;
+          font-family: monospace;
+        }
+
+        .warning-cell {
+          min-width: 18em;
+          max-width: 34em;
+          white-space: normal;
+        }
+
+        .action-cell {
+          width: 96px;
+          white-space: nowrap;
+        }
+      }
+    }
+  }
+
+  .behavior-label {
+    white-space: nowrap;
+
+    &.inactive {
+      .light & {
+        color: colors.on-color-deemphasis(light);
+      }
+
+      .dark & {
+        color: colors.on-color-deemphasis(dark);
+      }
+    }
+  }
+}
diff --git a/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.spec.ts b/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.spec.ts
new file mode 100644
index 000000000..b1c163332
--- /dev/null
+++ b/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.spec.ts
@@ -0,0 +1,75 @@
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { provideHttpClient } from '@angular/common/http';
+import { MatDialog } from '@angular/material/dialog';
+import { of } from 'rxjs';
+
+import { ValidationBypassesComponent } from './validation-bypasses.component';
+import {
+  RestApiConnectorService,
+  ValidationBypassRule,
+} from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
+
+describe('ValidationBypassesComponent', () => {
+  let component: ValidationBypassesComponent;
+  let fixture: ComponentFixture<ValidationBypassesComponent>;
+
+  const rules: ValidationBypassRule[] = [
+    {
+      _id: '6a3ab4064663ff5bba83e889',
+      fieldPath: ['x_mitre_modified_by_ref'],
+      errorCode: 'invalid_value',
+      stixType: 'x-mitre-tactic',
+      suppressError: true,
+      autoCreated: true,
+      autoCreatedReason: 'static',
+      triggerEvent: null,
+      warningMessage: null,
+    },
+  ];
+
+  beforeEach(async () => {
+    const mockRestApiConnector = createMockRestApiConnector({
+      getValidationBypassRules: () => createAsyncObservable(rules),
+      postValidationBypassRule: vi.fn(() => of(rules[0])),
+      putValidationBypassRule: vi.fn(() => of(rules[0])),
+      deleteValidationBypassRule: vi.fn(() => of({})),
+    });
+    const mockDialog = {
+      open: vi.fn(() => ({ afterClosed: () => of(false) })),
+    };
+
+    await TestBed.configureTestingModule({
+      declarations: [ValidationBypassesComponent],
+      providers: [
+        provideHttpClient(),
+        { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        { provide: MatDialog, useValue: mockDialog },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ValidationBypassesComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should load validation bypass rules', async () => {
+    await new Promise(resolve => setTimeout(resolve, 0));
+
+    expect(component.dataSource.data).toEqual(rules);
+    expect(component.fieldPath(rules[0])).toBe('x_mitre_modified_by_ref');
+    expect(component.behavior(rules[0])).toBe('suppress');
+    expect(component.source(rules[0])).toBe('auto: static');
+  });
+});
diff --git a/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.ts b/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.ts
new file mode 100644
index 000000000..ea8b8ef7f
--- /dev/null
+++ b/src/app/views/dashboard-page/validation-bypasses/validation-bypasses.component.ts
@@ -0,0 +1,196 @@
+import {
+  AfterViewInit,
+  Component,
+  OnInit,
+  ViewChild,
+  ViewEncapsulation,
+} from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { MatTableDataSource } from '@angular/material/table';
+import { finalize, take } from 'rxjs/operators';
+import { ConfirmationDialogComponent } from 'src/app/components/confirmation-dialog/confirmation-dialog.component';
+import {
+  RestApiConnectorService,
+  ValidationBypassRule,
+} from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { ValidationBypassRuleDialogComponent } from './validation-bypass-rule-dialog/validation-bypass-rule-dialog.component';
+
+@Component({
+  selector: 'app-validation-bypasses',
+  templateUrl: './validation-bypasses.component.html',
+  styleUrls: ['./validation-bypasses.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  standalone: false,
+})
+export class ValidationBypassesComponent implements OnInit, AfterViewInit {
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+
+  public dataSource = new MatTableDataSource<ValidationBypassRule>([]);
+  public columnsToDisplay = [
+    'fieldPath',
+    'errorCode',
+    'stixType',
+    'behavior',
+    'source',
+    'warningMessage',
+    'actions',
+  ];
+  public loadingRules = false;
+  public searchQuery = '';
+
+  constructor(
+    private restAPIConnector: RestApiConnectorService,
+    private dialog: MatDialog
+  ) {}
+
+  ngOnInit(): void {
+    this.configureTable();
+    this.loadRules();
+  }
+
+  ngAfterViewInit(): void {
+    this.dataSource.paginator = this.paginator;
+    this.dataSource.sort = this.sort;
+  }
+
+  public loadRules(): void {
+    this.loadingRules = true;
+    this.restAPIConnector
+      .getValidationBypassRules()
+      .pipe(
+        take(1),
+        finalize(() => (this.loadingRules = false))
+      )
+      .subscribe({
+        next: rules => {
+          this.dataSource.data = rules || [];
+          if (this.paginator) this.paginator.firstPage();
+          if (this.searchQuery) this.applySearch(this.searchQuery);
+        },
+      });
+  }
+
+  public applySearch(query: string): void {
+    this.searchQuery = query;
+    this.dataSource.filter = (query || '').trim().toLowerCase();
+    if (this.dataSource.paginator) this.dataSource.paginator.firstPage();
+  }
+
+  public createRule(): void {
+    this.openRuleDialog();
+  }
+
+  public editRule(rule: ValidationBypassRule): void {
+    this.openRuleDialog(rule);
+  }
+
+  public deleteRule(rule: ValidationBypassRule): void {
+    const id = this.ruleId(rule);
+    if (!id) return;
+
+    const confirmationPrompt = this.dialog.open(ConfirmationDialogComponent, {
+      maxWidth: '35em',
+      data: {
+        message: 'This validation bypass rule will be deleted.',
+      },
+      autoFocus: false,
+    });
+
+    confirmationPrompt
+      .afterClosed()
+      .pipe(take(1))
+      .subscribe(result => {
+        if (!result) return;
+
+        this.restAPIConnector
+          .deleteValidationBypassRule(id)
+          .pipe(take(1))
+          .subscribe({ next: () => this.loadRules() });
+      });
+  }
+
+  public fieldPath(rule: ValidationBypassRule): string {
+    return (rule.fieldPath || []).join('.');
+  }
+
+  public behavior(rule: ValidationBypassRule): string {
+    const hasWarning = !!rule.warningMessage;
+    if (rule.suppressError && hasWarning) return 'suppress + warn';
+    if (rule.suppressError) return 'suppress';
+    if (hasWarning) return 'warn';
+    return 'inactive';
+  }
+
+  public source(rule: ValidationBypassRule): string {
+    if (!rule.autoCreated) return 'manual';
+    return rule.autoCreatedReason
+      ? `auto: ${rule.autoCreatedReason}`
+      : 'auto-created';
+  }
+
+  public ruleId(rule: ValidationBypassRule): string | undefined {
+    return rule._id || rule.id;
+  }
+
+  private configureTable(): void {
+    this.dataSource.filterPredicate = (rule, filter) => {
+      return this.ruleSearchText(rule).includes(filter);
+    };
+
+    this.dataSource.sortingDataAccessor = (rule, column) => {
+      switch (column) {
+        case 'fieldPath':
+          return this.fieldPath(rule);
+        case 'behavior':
+          return this.behavior(rule);
+        case 'source':
+          return this.source(rule);
+        case 'warningMessage':
+          return rule.warningMessage || '';
+        default:
+          return (rule as any)[column] || '';
+      }
+    };
+  }
+
+  private openRuleDialog(rule?: ValidationBypassRule): void {
+    const prompt = this.dialog.open(ValidationBypassRuleDialogComponent, {
+      maxWidth: '48em',
+      width: '48em',
+      data: { rule },
+      autoFocus: false,
+    });
+
+    prompt
+      .afterClosed()
+      .pipe(take(1))
+      .subscribe((result?: ValidationBypassRule) => {
+        if (!result) return;
+
+        const id = rule ? this.ruleId(rule) : undefined;
+        const request = id
+          ? this.restAPIConnector.putValidationBypassRule(id, result)
+          : this.restAPIConnector.postValidationBypassRule(result);
+
+        request.pipe(take(1)).subscribe({ next: () => this.loadRules() });
+      });
+  }
+
+  private ruleSearchText(rule: ValidationBypassRule): string {
+    return [
+      this.fieldPath(rule),
+      rule.errorCode,
+      rule.stixType,
+      this.behavior(rule),
+      this.source(rule),
+      rule.warningMessage,
+      rule.triggerEvent,
+    ]
+      .filter(Boolean)
+      .join(' ')
+      .toLowerCase();
+  }
+}

From 3a5588e895005acd587811c8ff19d303851b7be4 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 23 Jul 2026 13:14:03 -0400
Subject: [PATCH 101/190] fix(notes): move notes back to sidebar

---
 .../resources-drawer.component.html           |  4 +++
 .../resources-drawer.component.spec.ts        |  4 +++
 .../notes-editor.component.spec.ts            | 27 +++++++++++++++----
 .../notes-editor/notes-editor.component.ts    | 15 ++++++++++-
 .../stix-page-tabs.component.html             |  9 -------
 .../stix-page-tabs.component.ts               |  1 -
 src/app/services/sidebar/sidebar.service.ts   |  7 ++++-
 .../release-track-page.component.html         |  1 -
 8 files changed, 50 insertions(+), 18 deletions(-)

diff --git a/src/app/components/resources-drawer/resources-drawer.component.html b/src/app/components/resources-drawer/resources-drawer.component.html
index 6427b84c9..55eb9deaf 100644
--- a/src/app/components/resources-drawer/resources-drawer.component.html
+++ b/src/app/components/resources-drawer/resources-drawer.component.html
@@ -32,5 +32,9 @@ <h1 class="tab-title">
       *ngIf="
         currentTab === 'search' && sidebarService.tabEnabled('search')
       "></app-search>
+    <app-notes-editor
+      *ngIf="
+        currentTab === 'notes' && sidebarService.tabEnabled('notes')
+      "></app-notes-editor>
   </div>
 </div>
diff --git a/src/app/components/resources-drawer/resources-drawer.component.spec.ts b/src/app/components/resources-drawer/resources-drawer.component.spec.ts
index 384033eb4..7914c8e9d 100644
--- a/src/app/components/resources-drawer/resources-drawer.component.spec.ts
+++ b/src/app/components/resources-drawer/resources-drawer.component.spec.ts
@@ -32,4 +32,8 @@ describe('ResourcesDrawerComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should include notes as a sidebar tab', () => {
+    expect(component.tabs.some(tab => tab.name === 'notes')).toBe(true);
+  });
 });
diff --git a/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.spec.ts b/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.spec.ts
index d74217131..4db95f7d6 100644
--- a/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.spec.ts
+++ b/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.spec.ts
@@ -14,11 +14,18 @@ import {
 describe('NotesEditorComponent', () => {
   let component: NotesEditorComponent;
   let fixture: ComponentFixture<NotesEditorComponent>;
+  let mockRestApiConnector: any;
+  let mockRouter: any;
 
   beforeEach(async () => {
-    const mockRestApiConnector = createMockRestApiConnector({
-      getAllNotes: () => createAsyncObservable(createPaginatedResponse()),
+    mockRestApiConnector = createMockRestApiConnector({
+      getAllNotes: vi.fn(() =>
+        createAsyncObservable(createPaginatedResponse())
+      ),
     });
+    mockRouter = {
+      url: '/test/mock-id?param=value',
+    };
 
     await TestBed.configureTestingModule({
       declarations: [NotesEditorComponent],
@@ -26,9 +33,7 @@ describe('NotesEditorComponent', () => {
         provideHttpClient(),
         {
           provide: Router,
-          useValue: {
-            url: '/test/mock-id?param=value',
-          },
+          useValue: mockRouter,
         },
         { provide: RestApiConnectorService, useValue: mockRestApiConnector },
       ],
@@ -45,4 +50,16 @@ describe('NotesEditorComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should not load notes when there is no object STIX ID in the URL', () => {
+    mockRouter.url = '/dashboard/release-management';
+    mockRestApiConnector.getAllNotes.mockClear();
+
+    const dashboardFixture = TestBed.createComponent(NotesEditorComponent);
+    const dashboardComponent = dashboardFixture.componentInstance;
+    dashboardFixture.detectChanges();
+
+    expect(dashboardComponent.objectStixID).toBe('');
+    expect(mockRestApiConnector.getAllNotes).not.toHaveBeenCalled();
+  });
 });
diff --git a/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.ts b/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.ts
index f77469c68..fa231d831 100644
--- a/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.ts
+++ b/src/app/components/stix/stix-page-tabs/notes-editor/notes-editor.component.ts
@@ -44,7 +44,7 @@ export class NotesEditorComponent implements OnInit, AfterViewInit {
   ) {}
 
   ngOnInit(): void {
-    this.objectStixID = this.router.url.split('/')[2].split('?')[0];
+    this.objectStixID = this.getObjectStixID();
     this.selected = new FormControl('date-descending');
     this.parseNotes();
   }
@@ -66,6 +66,12 @@ export class NotesEditorComponent implements OnInit, AfterViewInit {
   /** Retrieve objects from backend */
   private parseNotes(): void {
     this.loading = true;
+    if (!this.objectStixID) {
+      this.notes = [];
+      this.loading = false;
+      return;
+    }
+
     const query = this.search
       ? this.search.nativeElement.value.toLowerCase()
       : '';
@@ -103,6 +109,13 @@ export class NotesEditorComponent implements OnInit, AfterViewInit {
     });
   }
 
+  private getObjectStixID(): string {
+    const [path] = this.router.url.split('?');
+    const segments = path.split('/').filter(Boolean);
+    if (segments[0] === 'dashboard') return '';
+    return segments[1] || '';
+  }
+
   /** Limit editing to one note at a time */
   public startEditing(note: Note): void {
     if (!this.isEditing() || note.editing) note.editing = true;
diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
index f78ec49b3..72e537ec6 100644
--- a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.html
@@ -29,13 +29,4 @@
       <app-history-timeline></app-history-timeline>
     </ng-template>
   </mat-tab>
-
-  <mat-tab *ngIf="showNotes">
-    <ng-template mat-tab-label>
-      <span class="nav-tab-label">NOTES</span>
-    </ng-template>
-    <ng-template matTabContent>
-      <app-notes-editor></app-notes-editor>
-    </ng-template>
-  </mat-tab>
 </mat-tab-group>
diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts
index 184c5526c..4bcf0b161 100644
--- a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.ts
@@ -19,5 +19,4 @@ export class StixPageTabsComponent {
   @Input() detailsTemplate!: TemplateRef<any>;
   @Input() customTabs: CustomTab[] = [];
   @Input() showHistory = true;
-  @Input() showNotes = true;
 }
diff --git a/src/app/services/sidebar/sidebar.service.ts b/src/app/services/sidebar/sidebar.service.ts
index 244798daf..878d59e98 100644
--- a/src/app/services/sidebar/sidebar.service.ts
+++ b/src/app/services/sidebar/sidebar.service.ts
@@ -31,6 +31,11 @@ export class SidebarService {
       icon: 'superscript',
       enabled: true,
     },
+    {
+      name: 'notes',
+      icon: 'sticky_note_2',
+      enabled: true,
+    },
   ];
   //is the sidebar currently opened?
   private _opened = false;
@@ -51,7 +56,7 @@ export class SidebarService {
     // intentionally left blank
   }
 }
-export type tabOption = 'search' | 'references';
+export type tabOption = 'search' | 'references' | 'notes';
 
 interface TabDefinition {
   name: tabOption; // the tab name
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index cb7fc3be6..f8f2471d7 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -39,7 +39,6 @@ <h1>
   <app-stix-page-tabs
     [detailsTemplate]="detailsTpl"
     [showHistory]="false"
-    [showNotes]="false"
     [customTabs]="[
       { label: 'History', template: historyTpl },
       { label: 'Config', template: configTpl },

From c7b7219d7c3637745408ec3c07685551daa25ea5 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 23 Jul 2026 13:31:38 -0400
Subject: [PATCH 102/190] fix(layout): scope sidebar to page content

---
 src/app/app.component.html                    | 24 ++++++++++++-------
 src/app/app.component.scss                    | 20 +++++++++++-----
 .../resources-drawer.component.scss           |  1 +
 .../components/toolbar/toolbar.component.scss |  3 +++
 4 files changed, 34 insertions(+), 14 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index e423e93f3..d7e1de644 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -31,15 +31,23 @@
             <mat-icon>close</mat-icon>
           </button>
         </div>
-        <div class="router-padding main-body" #scrollRef>
-          <router-outlet></router-outlet>
-        </div>
+        <mat-drawer-container class="page-body">
+          <mat-drawer-content class="page-content">
+            <div class="router-padding main-body" #scrollRef>
+              <router-outlet></router-outlet>
+            </div>
+          </mat-drawer-content>
+          <mat-drawer
+            mode="side"
+            position="end"
+            #sidebar
+            [opened]="sidebarOpened">
+            <div class="app-drawer">
+              <app-resources-drawer></app-resources-drawer>
+            </div>
+          </mat-drawer>
+        </mat-drawer-container>
       </div>
     </mat-drawer-content>
-    <mat-drawer mode="side" position="end" #sidebar [opened]="sidebarOpened">
-      <div class="app-drawer">
-        <app-resources-drawer></app-resources-drawer>
-      </div>
-    </mat-drawer>
   </mat-drawer-container>
 </div>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 25cca7a4f..190ebb3a2 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -26,12 +26,20 @@
   .app-content {
     display: flex;
     flex-direction: column;
-    .router-padding {
-      flex: 1;
-      box-sizing: border-box;
-      padding: 24px;
-      overflow: auto;
-    }
+  }
+  .page-body {
+    flex: 1;
+    min-height: 0;
+  }
+  .page-content {
+    display: flex;
+    min-height: 0;
+  }
+  .router-padding {
+    flex: 1;
+    box-sizing: border-box;
+    padding: 24px;
+    overflow: auto;
   }
   mat-drawer {
     border-left: none !important;
diff --git a/src/app/components/resources-drawer/resources-drawer.component.scss b/src/app/components/resources-drawer/resources-drawer.component.scss
index 9982bac6c..cad1b17cc 100644
--- a/src/app/components/resources-drawer/resources-drawer.component.scss
+++ b/src/app/components/resources-drawer/resources-drawer.component.scss
@@ -7,6 +7,7 @@
   width: 33vw;
   height: 100%;
   border-left: 1px solid;
+  border-top: 1px solid;
   .dark & {
     border-color: colors.border-color(dark);
   }
diff --git a/src/app/components/toolbar/toolbar.component.scss b/src/app/components/toolbar/toolbar.component.scss
index a14ce557d..e395fad74 100644
--- a/src/app/components/toolbar/toolbar.component.scss
+++ b/src/app/components/toolbar/toolbar.component.scss
@@ -1,5 +1,8 @@
 @use '../../../style/globals';
 .object-toolbar {
+  position: relative;
+  z-index: 2;
+
   mat-toolbar {
     @extend %toolbar;
   }

From 19927f0c0d1d10addbf6fda904ba6c519d2f9d4f Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 23 Jul 2026 14:21:09 -0400
Subject: [PATCH 103/190] fix: resolve some unit test failures

---
 src/app/classes/release-tracks/snapshot.spec.ts            | 2 --
 src/app/components/navigation/navigation.component.spec.ts | 1 +
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/app/classes/release-tracks/snapshot.spec.ts b/src/app/classes/release-tracks/snapshot.spec.ts
index 242003702..5c6614464 100644
--- a/src/app/classes/release-tracks/snapshot.spec.ts
+++ b/src/app/classes/release-tracks/snapshot.spec.ts
@@ -63,7 +63,5 @@ describe('ReleaseTrackSnapshot', () => {
         }),
       })
     );
-    expect(snapshot.members[0]).not.toHaveProperty('attack_id');
-    expect(snapshot.members[0]).not.toHaveProperty('name');
   });
 });
diff --git a/src/app/components/navigation/navigation.component.spec.ts b/src/app/components/navigation/navigation.component.spec.ts
index 36630bb86..ac148119a 100644
--- a/src/app/components/navigation/navigation.component.spec.ts
+++ b/src/app/components/navigation/navigation.component.spec.ts
@@ -173,6 +173,7 @@ describe('NavigationComponent', () => {
       'Organization Settings',
       'User Accounts',
       'Default Marking Definitions',
+      'Validation Bypasses',
     ]);
   });
 

From 6d8fa2c8924e15c1de73191342085bbe0ceaaaf7 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 23 Jul 2026 17:14:00 -0400
Subject: [PATCH 104/190] fix(release-tracks): improve release track card
 theming and layout

---
 .../release-track-card.component.html         |  17 +-
 .../release-track-card.component.scss         | 171 ++++++++++++++++--
 .../release-track-card.component.ts           |   9 +-
 3 files changed, 177 insertions(+), 20 deletions(-)

diff --git a/src/app/components/release-track-card/release-track-card.component.html b/src/app/components/release-track-card/release-track-card.component.html
index c9dac33c5..6bf409398 100644
--- a/src/app/components/release-track-card/release-track-card.component.html
+++ b/src/app/components/release-track-card/release-track-card.component.html
@@ -11,12 +11,25 @@
   (keydown.space)="onViewTrack()">
   <div class="card-top">
     <span class="subheading">{{ track.name }}</span>
-    <mat-chip>{{ type | titlecase }}</mat-chip>
+    <mat-chip
+      class="release-track-type-chip"
+      [ngClass]="{
+        'standard-chip': type === 'standard',
+        'virtual-chip': type === 'virtual',
+      }">
+      {{ type | titlecase }}
+    </mat-chip>
   </div>
 
   <div class="card-body">
     <ng-container *ngIf="track.description">
-      <span class="description-text card-desc">{{ track.description }}</span>
+      <span
+        class="description-text card-desc"
+        [matTooltip]="track.description"
+        matTooltipPosition="below"
+        [matTooltipShowDelay]="600">
+        {{ track.description }}
+      </span>
     </ng-container>
 
     <div class="card-middle">
diff --git a/src/app/components/release-track-card/release-track-card.component.scss b/src/app/components/release-track-card/release-track-card.component.scss
index 0a8ab5b72..2397888c9 100644
--- a/src/app/components/release-track-card/release-track-card.component.scss
+++ b/src/app/components/release-track-card/release-track-card.component.scss
@@ -1,25 +1,96 @@
+@use 'sass:color';
 @use '../../../style/colors';
 
+$virtual-light: #5c4fa3;
+$virtual-dark: #c7b9ff;
+$candidate-dark: colors.color(mitre-light-blue);
+$staged-dark: color.mix(white, colors.color(success), 28%);
+
 .list-card {
   cursor: pointer;
-  background: #ffffff;
   width: 22rem;
   height: 18rem;
   box-sizing: border-box;
+  color: colors.on-color-emphasis(light);
 }
 
 .card-top {
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: flex-start;
+  gap: 12px;
+  min-height: 3.5rem;
   margin-bottom: 8px;
 }
 
+.subheading {
+  display: -webkit-box;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.release-track-type-chip {
+  flex: none;
+}
+
+.release-track-type-chip.mat-mdc-standard-chip {
+  font-size: 12px;
+  font-weight: 700;
+  min-height: 24px;
+
+  &.standard-chip {
+    --mdc-chip-elevated-container-color: #{rgba(colors.color(secondary), 0.16)};
+    --mdc-chip-label-text-color: #{colors.color(secondary)};
+  }
+
+  &.virtual-chip {
+    --mdc-chip-elevated-container-color: #{rgba($virtual-light, 0.16)};
+    --mdc-chip-label-text-color: #{$virtual-light};
+  }
+}
+
+:host ::ng-deep .release-track-type-chip.mat-mdc-standard-chip {
+  background: var(--mdc-chip-elevated-container-color) !important;
+  color: var(--mdc-chip-label-text-color) !important;
+
+  .mdc-evolution-chip__action--primary {
+    border: 1px solid transparent;
+    border-radius: 999px;
+    background: var(--mdc-chip-elevated-container-color);
+  }
+
+  .mat-mdc-chip-action-label,
+  .mdc-evolution-chip__text-label {
+    color: inherit !important;
+  }
+
+  &.standard-chip .mdc-evolution-chip__action--primary {
+    border-color: rgba(colors.color(secondary), 0.38);
+  }
+
+  &.virtual-chip .mdc-evolution-chip__action--primary {
+    border-color: rgba($virtual-light, 0.38);
+  }
+}
+
 .card-body {
   display: flex;
   flex-direction: column;
-  height: 100%;
-  flex: 1; /* push the footer to the bottom */
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
+.card-desc {
+  display: -webkit-box;
+  flex: 0 1 auto;
+  margin-bottom: 12px;
+  overflow: hidden;
+  line-height: 1.25;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
 }
 
 .card-middle {
@@ -40,7 +111,7 @@
   min-height: 3.25rem;
   padding: 12px 16px;
   box-sizing: border-box;
-  background: rgba(0, 0, 0, 0.06);
+  background: colors.color-alternate(light);
   border-radius: 8px;
 }
 
@@ -61,26 +132,27 @@
   display: flex;
   flex-direction: column;
   justify-content: space-between;
-  border: 1px solid rgba(0, 0, 0, 0.25);
+  background: colors.color(light);
+  border: 1px solid colors.border-color(light);
+  color: colors.on-color-emphasis(light);
+  overflow: hidden;
+  transition:
+    background-color 120ms ease,
+    border-color 120ms ease,
+    color 120ms ease;
 
   &:hover {
-    border: 1px solid colors.color(secondary);
+    border-color: colors.color(secondary);
+
     .subheading {
       color: colors.color(secondary);
     }
   }
 
-  .light & {
-    background: colors.color(light);
-  }
-
-  .dark & {
-    background: colors.color(dark);
-  }
-
   .stat-label {
     font-size: 11px;
-    color: colors.on-color-deemphasis(dark);
+    color: colors.on-color-deemphasis(light);
+    line-height: 13px;
     text-transform: uppercase;
     letter-spacing: 0.06em;
     margin-bottom: 6px;
@@ -101,12 +173,77 @@
 
   .card-sep {
     margin: 12px 0;
+    border-top-color: colors.border-color(light);
   }
 
   .card-footer {
     display: flex;
     justify-content: space-between;
-    color: colors.on-color-deemphasis(dark);
+    color: colors.on-color-deemphasis(light);
     font-size: 13px;
   }
 }
+
+:host-context(.dark) {
+  .list-card {
+    color: colors.on-color-emphasis(dark);
+  }
+
+  .release-track-type-chip.mat-mdc-standard-chip {
+    &.standard-chip {
+      --mdc-chip-elevated-container-color: #{rgba($candidate-dark, 0.18)};
+      --mdc-chip-label-text-color: #{$candidate-dark};
+    }
+
+    &.virtual-chip {
+      --mdc-chip-elevated-container-color: #{rgba($virtual-dark, 0.18)};
+      --mdc-chip-label-text-color: #{$virtual-dark};
+    }
+  }
+
+  ::ng-deep .release-track-type-chip.mat-mdc-standard-chip {
+    &.standard-chip .mdc-evolution-chip__action--primary {
+      border-color: rgba($candidate-dark, 0.44);
+    }
+
+    &.virtual-chip .mdc-evolution-chip__action--primary {
+      border-color: rgba($virtual-dark, 0.44);
+    }
+  }
+
+  .card-stats {
+    background: colors.color-alternate(dark);
+  }
+
+  .card-standard,
+  .card-virtual {
+    background: colors.color(dark);
+    border-color: colors.border-color(dark);
+    color: colors.on-color-emphasis(dark);
+
+    &:hover {
+      border-color: colors.color(mitre-light-blue);
+
+      .subheading {
+        color: colors.color(mitre-light-blue);
+      }
+    }
+
+    .stat-label,
+    .card-footer {
+      color: colors.on-color-deemphasis(dark);
+    }
+
+    .candidates-stat-value {
+      color: $candidate-dark;
+    }
+
+    .staged-stat-value {
+      color: $staged-dark;
+    }
+
+    .card-sep {
+      border-top-color: colors.border-color(dark);
+    }
+  }
+}
diff --git a/src/app/components/release-track-card/release-track-card.component.ts b/src/app/components/release-track-card/release-track-card.component.ts
index a30d4fb1c..901d63c6f 100644
--- a/src/app/components/release-track-card/release-track-card.component.ts
+++ b/src/app/components/release-track-card/release-track-card.component.ts
@@ -3,11 +3,18 @@ import { CommonModule } from '@angular/common';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 @Component({
   selector: 'app-release-track-card',
   standalone: true,
-  imports: [CommonModule, MatChipsModule, MatDividerModule, MatIconModule],
+  imports: [
+    CommonModule,
+    MatChipsModule,
+    MatDividerModule,
+    MatIconModule,
+    MatTooltipModule,
+  ],
   templateUrl: './release-track-card.component.html',
   styleUrls: ['./release-track-card.component.scss'],
 })

From 6ca2d88b47332d305a1b82a340d2ef94bbb7a882 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 23 Jul 2026 17:30:43 -0400
Subject: [PATCH 105/190] style(release-tracks): soften composition row
 dividers

---
 .../release-track-page/release-track-page.component.scss    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index d6b4daf18..ef1a14996 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -728,16 +728,16 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     }
 
     td {
-      border-top: 1px solid;
+      border-top: 1px solid rgba(colors.on-color(light), 0.06);
       font-size: 14px;
       line-height: 20px;
 
       .dark & {
-        border-color: colors.border-color(dark);
+        border-color: rgba(colors.on-color(dark), 0.1);
       }
 
       .light & {
-        border-color: colors.border-color(light);
+        border-color: rgba(colors.on-color(light), 0.06);
       }
 
       strong,

From 343a3862ad5da7254142e6847d6d002883f94df6 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 23 Jul 2026 17:48:20 -0400
Subject: [PATCH 106/190] fix(stix-list): handle objects without domains

---
 .../list-view/list-view.component.spec.ts     | 25 +++++++++++++++++
 .../list-view/list-view.component.ts          |  7 ++---
 .../stix-list/stix-list.component.spec.ts     | 27 +++++++++++++++++++
 .../stix/stix-list/stix-list.component.ts     |  9 +++++--
 4 files changed, 63 insertions(+), 5 deletions(-)

diff --git a/src/app/components/stix/list-property/list-view/list-view.component.spec.ts b/src/app/components/stix/list-property/list-view/list-view.component.spec.ts
index cf6726cbb..b9ed0e9e5 100644
--- a/src/app/components/stix/list-property/list-view/list-view.component.spec.ts
+++ b/src/app/components/stix/list-property/list-view/list-view.component.spec.ts
@@ -30,4 +30,29 @@ describe('ListViewComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should return an empty list for missing list fields', () => {
+    component.config = {
+      mode: 'view',
+      object: {} as any,
+      field: 'domains',
+      label: 'Domain',
+    };
+
+    expect(component.values).toEqual([]);
+    expect(component.tooltip).toBe('');
+  });
+
+  it('should not mutate list fields when sorting values', () => {
+    const object = { domains: ['mobile', 'enterprise'] };
+    component.config = {
+      mode: 'view',
+      object: object as any,
+      field: 'domains',
+      label: 'Domain',
+    };
+
+    expect(component.values).toEqual(['enterprise', 'mobile']);
+    expect(object.domains).toEqual(['mobile', 'enterprise']);
+  });
 });
diff --git a/src/app/components/stix/list-property/list-view/list-view.component.ts b/src/app/components/stix/list-property/list-view/list-view.component.ts
index fbc6b2fb6..065ae9b8e 100644
--- a/src/app/components/stix/list-property/list-view/list-view.component.ts
+++ b/src/app/components/stix/list-property/list-view/list-view.component.ts
@@ -32,9 +32,10 @@ export class ListViewComponent {
   }
 
   public get values() {
-    if (this.config.field == 'aliases')
-      return this.config.object[this.config.field].slice(1); // filter out the first alias
-    const arr = this.config.object[this.config.field];
+    const value = this.config.object[this.config.field];
+    if (!Array.isArray(value)) return [];
+    if (this.config.field == 'aliases') return value.slice(1); // filter out the first alias
+    const arr = [...value];
     arr.sort((a, b) => {
       const aVal =
         this.config.objectProperty && typeof a === 'object'
diff --git a/src/app/components/stix/stix-list/stix-list.component.spec.ts b/src/app/components/stix/stix-list/stix-list.component.spec.ts
index 941271218..40ed14d59 100644
--- a/src/app/components/stix/stix-list/stix-list.component.spec.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.spec.ts
@@ -110,4 +110,31 @@ describe('StixListComponent', () => {
       expect(component.tableColumns).toContain('state');
     });
   });
+
+  it('should ignore objects without domains when filtering local objects by domain', () => {
+    const domainlessObject = {
+      stixID: 'campaign--1',
+      name: 'Operation Triangulation',
+    };
+    const domainObject = {
+      stixID: 'attack-pattern--1',
+      name: 'Technique',
+      domains: ['enterprise-attack'],
+    };
+
+    const result = (component as any).filterLocalObjects(
+      [domainlessObject, domainObject],
+      {
+        deprecated: false,
+        revoked: false,
+        state: undefined,
+        platforms: [],
+        domains: ['enterprise-attack'],
+        exclusiveDeprecated: false,
+        exclusiveRevoked: false,
+      }
+    );
+
+    expect(result).toEqual([domainObject]);
+  });
 });
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 1a56b1188..a96b42936 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -1012,7 +1012,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     //filter by domains
     if (Array.isArray(domains) && domains.length > 0) {
       filtered = filtered.filter((obj: any) =>
-        obj.domains.some((object_domain: any) =>
+        this.getArrayField(obj, 'domains').some((object_domain: any) =>
           domains.includes(object_domain)
         )
       );
@@ -1021,7 +1021,7 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     //filter by platforms
     if (Array.isArray(platforms) && platforms.length > 0) {
       filtered = filtered.filter((obj: any) =>
-        obj.platforms.some((object_platform: any) =>
+        this.getArrayField(obj, 'platforms').some((object_platform: any) =>
           platforms.includes(object_platform)
         )
       );
@@ -1067,6 +1067,11 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     return filtered;
   }
 
+  private getArrayField(object: any, field: string): any[] {
+    const value = object?.[field];
+    return Array.isArray(value) ? value : [];
+  }
+
   private sortObjects(objects: StixObject[]): StixObject[] {
     return [...objects].sort((a, b) => {
       const x = a as any;

From 74426df488607da8b7561da458f614e999ca5ce2 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 23 Jul 2026 18:38:48 -0400
Subject: [PATCH 107/190] fix(release-tracks): avoid overwriting object status
 during track updates

---
 .../name-property.component.spec.ts           |  2 +-
 .../name-property/name-property.component.ts  |  2 +-
 .../workflow-status-dialog.component.spec.ts  | 10 ++----
 .../workflow-status-dialog.component.ts       | 34 ++++++++++---------
 4 files changed, 23 insertions(+), 25 deletions(-)

diff --git a/src/app/components/stix/name-property/name-property.component.spec.ts b/src/app/components/stix/name-property/name-property.component.spec.ts
index f197b21c1..3363036f9 100644
--- a/src/app/components/stix/name-property/name-property.component.spec.ts
+++ b/src/app/components/stix/name-property/name-property.component.spec.ts
@@ -139,7 +139,7 @@ describe('NamePropertyComponent', () => {
         }),
       })
     );
-    expect(component.statusControl.value).toBe(WorkflowStatus.Reviewed);
+    expect(component.statusControl.value).toBe(WorkflowStatus.WorkInProgress);
     expect(mockEditorService.onReload.emit).toHaveBeenCalled();
   });
 
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index 58fd2db78..a82de128f 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -170,7 +170,7 @@ export class NamePropertyComponent implements OnChanges, OnInit {
 
     dialogRef.afterClosed().subscribe(result => {
       if (result) {
-        this.statusControl.setValue(targetStatus);
+        this.syncStatusControl();
         this.getTrackStatuses();
         this.editorService.onReload.emit();
       } else {
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
index 287704bb7..204d06ad6 100644
--- a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
@@ -161,16 +161,16 @@ describe('WorkflowStatusDialogComponent', () => {
     );
   });
 
-  it('should save the object and update the target release track', async () => {
+  it('should update the target release track without saving the object', async () => {
     await new Promise(resolve => setTimeout(resolve, 10));
 
     component.onConfirm();
     await new Promise(resolve => setTimeout(resolve, 10));
 
     expect(mockObject.workflow).toEqual({
-      state: WorkflowStatus.AwaitingReview,
+      state: WorkflowStatus.WorkInProgress,
     });
-    expect(mockObject.save).toHaveBeenCalled();
+    expect(mockObject.save).not.toHaveBeenCalled();
     expect(mockReleaseTracksService.reviewCandidates).toHaveBeenCalledWith(
       'release-track--core',
       {
@@ -190,10 +190,6 @@ describe('WorkflowStatusDialogComponent', () => {
   it('should restore the previous workflow status on cancel', async () => {
     await new Promise(resolve => setTimeout(resolve, 10));
 
-    expect(mockObject.workflow).toEqual({
-      state: WorkflowStatus.AwaitingReview,
-    });
-
     component.onCancel();
 
     expect(mockObject.workflow).toEqual({
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
index 5576d5ae6..e2b840e52 100644
--- a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
@@ -7,7 +7,7 @@ import {
 } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { Observable, of } from 'rxjs';
-import { catchError, concatMap, map, switchMap } from 'rxjs/operators';
+import { catchError, concatMap, map } from 'rxjs/operators';
 import { SnapshotTier } from 'src/app/classes/release-tracks';
 import type {
   ReleaseTrackObjectTier,
@@ -132,21 +132,20 @@ export class WorkflowStatusDialogComponent implements OnInit, OnDestroy {
     if (!this.saveEnabled) return;
 
     this.saving = true;
-    this.config.object.workflow = { state: this.config.targetStatus };
-    const subscription = this.config.object
-      .save(this.restApiService)
-      .pipe(switchMap(() => this.syncTrack()))
-      .subscribe({
-        next: () => {
-          this.saved = true;
-          this.dialogRef.close(true);
-        },
-        error: err => {
-          logger.error(err);
-          this.saving = false;
-        },
-        complete: () => subscription.unsubscribe(),
-      });
+    this.restorePreviousWorkflow();
+    const subscription = this.syncTrack().subscribe({
+      next: () => {
+        this.saved = true;
+        this.restorePreviousWorkflow();
+        this.dialogRef.close(true);
+      },
+      error: err => {
+        logger.error(err);
+        this.restorePreviousWorkflow();
+        this.saving = false;
+      },
+      complete: () => subscription.unsubscribe(),
+    });
   }
 
   private validateObject(): void {
@@ -158,12 +157,15 @@ export class WorkflowStatusDialogComponent implements OnInit, OnDestroy {
       .subscribe({
         next: result => {
           this.validation = result;
+          this.restorePreviousWorkflow();
         },
         error: err => {
           logger.error(err);
+          this.restorePreviousWorkflow();
           this.validating = false;
         },
         complete: () => {
+          this.restorePreviousWorkflow();
           this.validating = false;
         },
       });

From b2e5e6dc724e926b563e4b91470b206b8be28cf0 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Fri, 24 Jul 2026 15:28:15 -0400
Subject: [PATCH 108/190] feat: display new relationships added

---
 .../stix/stix-list/stix-list.component.html   |  1 +
 .../stix/stix-list/stix-list.component.scss   |  9 +++
 .../stix/stix-list/stix-list.component.ts     | 61 ++++++++++++++++
 .../release-track-page.component.ts           | 69 +++++++++++++++----
 .../stix/asset-view/asset-view.component.html |  2 +
 .../campaign-view.component.html              |  6 ++
 .../data-component-view.component.html        |  2 +
 .../data-source-view.component.html           |  2 +
 .../detection-strategy-view.component.html    |  2 +
 .../stix/group-view/group-view.component.html |  6 ++
 .../mitigation-view.component.html            |  2 +
 .../software-view.component.html              |  6 ++
 .../stix/stix-dialog/stix-dialog.component.ts |  2 +
 src/app/views/stix/stix-view-page.ts          |  4 ++
 .../technique-view.component.html             | 16 +++++
 15 files changed, 177 insertions(+), 13 deletions(-)

diff --git a/src/app/components/stix/stix-list/stix-list.component.html b/src/app/components/stix/stix-list/stix-list.component.html
index 575129780..506f73c0b 100644
--- a/src/app/components/stix/stix-list/stix-list.component.html
+++ b/src/app/components/stix/stix-list/stix-list.component.html
@@ -369,6 +369,7 @@
           mat-row
           *matRowDef="let element; columns: tableColumns_controls"
           class="element-row"
+          [class.relationship-added]="isNewRelationship(element)"
           [class.expanded]="
             isCollectionType() && expandedElement === element
           "></tr>
diff --git a/src/app/components/stix/stix-list/stix-list.component.scss b/src/app/components/stix/stix-list/stix-list.component.scss
index d96c3e835..14200b43b 100644
--- a/src/app/components/stix/stix-list/stix-list.component.scss
+++ b/src/app/components/stix/stix-list/stix-list.component.scss
@@ -128,6 +128,15 @@
           }
         }
 
+        tr.element-row.relationship-added {
+          .light & td {
+            background-color: #c0f8c0 !important;
+          }
+          .dark & td {
+            background-color: #3abc4c56 !important;
+          }
+        }
+
         .mat-mdc-cell + .mat-cell,
         .mat-mdc-header-cell + .mat-header-cell {
           padding-left: 12px;
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 8813e6ea6..ff52ce995 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -993,6 +993,20 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     let subscription: Subscription | undefined;
     subscription = this.data$.subscribe({
       next: data => {
+        if (
+          this.config.type === 'relationship' &&
+          this.config.relationshipCreatedBefore
+        ) {
+          // For a staged diff, hide relationships created after that timestamp so they do not
+          // appear in the staged view. Keep the pagination count in sync with
+          // the rows hidden client-side.
+          const relationshipCount = data.data.length;
+          data.data = this.filterRelationshipsCreatedBefore(
+            data.data,
+            this.config.relationshipCreatedBefore
+          );
+          data.pagination.total -= relationshipCount - data.data.length;
+        }
         data.data = this.filterExcludedAttackTypes(data.data);
         this.totalObjectCount = data.pagination.total;
         this.emitDetectsHasData(data.data.length > 0);
@@ -1003,6 +1017,49 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     });
   }
 
+  /**
+   * Relationships created after `createdBefore` did not exist at
+   * the staged object's timestamp, so they are hidden. An invalid cutoff, or
+   * an unreadable relationship creation date, leaves that relationship visible
+   * to avoid treating missing date data as proof that it is new.
+   */
+  private filterRelationshipsCreatedBefore(
+    relationships: StixObject[],
+    createdBefore: Date | string
+  ): StixObject[] {
+    const cutoff = new Date(createdBefore).getTime();
+    if (!Number.isFinite(cutoff)) return relationships;
+
+    return relationships.filter(relationship => {
+      const created = new Date(relationship.created).getTime();
+      return !Number.isFinite(created) || created <= cutoff;
+    });
+  }
+
+  /**
+   * Determines whether a relationship should receive the candidate-diff
+   * styling. The candidate table remains the current relationship list;
+   * a row is new only when its creation time is later than the staged object's
+   * `relationshipAddedAfter` baseline. Non-relationship tables and invalid or
+   * missing timestamps are never marked as new.
+   */
+  public isNewRelationship(relationship: StixObject): boolean {
+    if (
+      this.config.type !== 'relationship' ||
+      !this.config.relationshipAddedAfter
+    ) {
+      return false;
+    }
+
+    const baseline = new Date(this.config.relationshipAddedAfter).getTime();
+    const created = new Date(relationship.created).getTime();
+    return (
+      Number.isFinite(baseline) &&
+      Number.isFinite(created) &&
+      created > baseline
+    );
+  }
+
   private filterLocalObjects(
     objects: StixObject[],
     {
@@ -1240,6 +1297,10 @@ export interface StixListConfig {
   targetType?: AttackType;
   /** relationship type to get, use with type=='relationship' */
   relationshipType?: string;
+  /** Hide relationships created after this timestamp. */
+  relationshipCreatedBefore?: Date | string;
+  /** Mark relationships created after this timestamp as new. */
+  relationshipAddedAfter?: Date | string;
 
   /** force the list to show only this type */
   type?: AttackType | 'collection-created' | 'collection-imported';
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index b926f711c..3b7f48121 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -711,7 +711,10 @@ export class ReleaseTrackPageComponent implements OnInit {
       tier === 'candidate'
         ? this.resolveCandidateDiffObjects(item)
         : this.resolveStagedDiffObjects(item);
-
+    const relationshipAddedAfter =
+      tier === 'candidate'
+        ? this.findStagedEntry(item.object_ref)?.object_modified
+        : undefined;
     diff.pipe(take(1)).subscribe(({ current, prior, expectedBaseline }) => {
       if (!current) {
         this.snackbar.open(
@@ -735,7 +738,12 @@ export class ReleaseTrackPageComponent implements OnInit {
         return;
       }
 
-      this.openDiffDialog(current, prior);
+      this.openDiffDialog(
+        current,
+        prior,
+        tier === 'staged' ? item.object_modified : undefined,
+        relationshipAddedAfter
+      );
     });
   }
 
@@ -1525,13 +1533,17 @@ export class ReleaseTrackPageComponent implements OnInit {
     );
   }
 
-  private resolveCandidateDiffObjects(item: ReleaseTrackObjectItem): Observable<{
+  private resolveCandidateDiffObjects(
+    item: ReleaseTrackObjectItem
+  ): Observable<{
     current: StixObject | null;
     prior: StixObject | null;
     expectedBaseline: boolean;
   }> {
     const stagedEntry = this.findStagedEntry(item.object_ref);
-    const memberEntry = stagedEntry ? null : this.findMemberEntry(item.object_ref);
+    const memberEntry = stagedEntry
+      ? null
+      : this.findMemberEntry(item.object_ref);
     const baselineEntry = stagedEntry ?? memberEntry;
 
     return forkJoin({
@@ -1585,22 +1597,40 @@ export class ReleaseTrackPageComponent implements OnInit {
     let requestObject: Observable<StixObject[]>;
     switch (attackType) {
       case 'technique':
-        requestObject = this.restApiConnectorService.getTechnique(objectRef, modified);
+        requestObject = this.restApiConnectorService.getTechnique(
+          objectRef,
+          modified
+        );
         break;
       case 'tactic':
-        requestObject = this.restApiConnectorService.getTactic(objectRef, modified);
+        requestObject = this.restApiConnectorService.getTactic(
+          objectRef,
+          modified
+        );
         break;
       case 'group':
-        requestObject = this.restApiConnectorService.getGroup(objectRef, modified);
+        requestObject = this.restApiConnectorService.getGroup(
+          objectRef,
+          modified
+        );
         break;
       case 'campaign':
-        requestObject = this.restApiConnectorService.getCampaign(objectRef, modified);
+        requestObject = this.restApiConnectorService.getCampaign(
+          objectRef,
+          modified
+        );
         break;
       case 'asset':
-        requestObject = this.restApiConnectorService.getAsset(objectRef, modified);
+        requestObject = this.restApiConnectorService.getAsset(
+          objectRef,
+          modified
+        );
         break;
       case 'software':
-        requestObject = this.restApiConnectorService.getSoftware(objectRef, modified);
+        requestObject = this.restApiConnectorService.getSoftware(
+          objectRef,
+          modified
+        );
         break;
       case 'mitigation':
         requestObject = this.restApiConnectorService.getMitigation(
@@ -1609,7 +1639,10 @@ export class ReleaseTrackPageComponent implements OnInit {
         );
         break;
       case 'matrix':
-        requestObject = this.restApiConnectorService.getMatrix(objectRef, modified);
+        requestObject = this.restApiConnectorService.getMatrix(
+          objectRef,
+          modified
+        );
         break;
       case 'data-source':
         requestObject = this.restApiConnectorService.getDataSource(
@@ -1630,7 +1663,10 @@ export class ReleaseTrackPageComponent implements OnInit {
         );
         break;
       case 'analytic':
-        requestObject = this.restApiConnectorService.getAnalytic(objectRef, modified);
+        requestObject = this.restApiConnectorService.getAnalytic(
+          objectRef,
+          modified
+        );
         break;
       default:
         return of(null);
@@ -1642,13 +1678,20 @@ export class ReleaseTrackPageComponent implements OnInit {
     );
   }
 
-  private openDiffDialog(current: StixObject, prior: StixObject | null): void {
+  private openDiffDialog(
+    current: StixObject,
+    prior: StixObject | null,
+    relationshipCreatedBefore?: Date | string,
+    relationshipAddedAfter?: Date | string
+  ): void {
     this.dialog.open(StixDialogComponent, {
       data: {
         object: [current, prior],
         mode: 'diff',
         editable: false,
         sidebarControl: 'disable',
+        relationshipCreatedBefore,
+        relationshipAddedAfter,
       },
       maxHeight: '75vh',
       autoFocus: false,
diff --git a/src/app/views/stix/asset-view/asset-view.component.html b/src/app/views/stix/asset-view/asset-view.component.html
index 105e50ae0..aaad6aa76 100644
--- a/src/app/views/stix/asset-view/asset-view.component.html
+++ b/src/app/views/stix/asset-view/asset-view.component.html
@@ -180,6 +180,8 @@ <h2 class="section-header">Techniques Used</h2>
           #techniqueList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             targetRef: asset.stixID,
             sourceType: 'technique',
             relationshipType: 'targets',
diff --git a/src/app/views/stix/campaign-view/campaign-view.component.html b/src/app/views/stix/campaign-view/campaign-view.component.html
index 8f6b49d1a..794b89567 100644
--- a/src/app/views/stix/campaign-view/campaign-view.component.html
+++ b/src/app/views/stix/campaign-view/campaign-view.component.html
@@ -157,6 +157,8 @@ <h2 class="section-header">Groups</h2>
           #groupsList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             sourceRef: campaign.stixID,
             targetType: 'group',
             relationshipType: 'attributed-to',
@@ -191,6 +193,8 @@ <h2 class="section-header">Techniques Used</h2>
           #techniqueList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             sourceRef: campaign.stixID,
             targetType: 'technique',
             relationshipType: 'uses',
@@ -225,6 +229,8 @@ <h2 class="section-header">Software Used</h2>
           #softwareList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             sourceRef: campaign.stixID,
             targetType: 'software',
             relationshipType: 'uses',
diff --git a/src/app/views/stix/data-component-view/data-component-view.component.html b/src/app/views/stix/data-component-view/data-component-view.component.html
index 51a5c1a45..e6d611eb0 100644
--- a/src/app/views/stix/data-component-view/data-component-view.component.html
+++ b/src/app/views/stix/data-component-view/data-component-view.component.html
@@ -112,6 +112,8 @@ <h2 class="section-header">Techniques Detected</h2>
                 (detectsHasData)="showTechniques = $event"
                 [config]="{
                   type: 'relationship',
+                  relationshipCreatedBefore: config.relationshipCreatedBefore,
+                  relationshipAddedAfter: config.relationshipAddedAfter,
                   sourceRef: dataComponent.stixID,
                   relationshipType: 'detects',
                   clickBehavior: 'dialog',
diff --git a/src/app/views/stix/data-source-view/data-source-view.component.html b/src/app/views/stix/data-source-view/data-source-view.component.html
index cab73a855..165d64644 100644
--- a/src/app/views/stix/data-source-view/data-source-view.component.html
+++ b/src/app/views/stix/data-source-view/data-source-view.component.html
@@ -165,6 +165,8 @@ <h2 class="section-header">Techniques Detected</h2>
           [config]="{
             stixObjects: techniquesDetected,
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             showDeprecatedFilter: true,
             clickBehavior: 'dialog',
             allowEdits: false,
diff --git a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
index 08afc3dca..c5d807752 100644
--- a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
+++ b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
@@ -133,6 +133,8 @@ <h2 class="section-header">Techniques</h2>
           #detectsList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             sourceRef: detectionStrategy.stixID,
             relationshipType: 'detects',
             clickBehavior: 'dialog',
diff --git a/src/app/views/stix/group-view/group-view.component.html b/src/app/views/stix/group-view/group-view.component.html
index eab33e8ac..f178c51b4 100644
--- a/src/app/views/stix/group-view/group-view.component.html
+++ b/src/app/views/stix/group-view/group-view.component.html
@@ -130,6 +130,8 @@ <h2 class="section-header">Campaigns</h2>
           #campaignList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             targetRef: group.stixID,
             sourceType: 'campaign',
             relationshipType: 'attributed-to',
@@ -164,6 +166,8 @@ <h2 class="section-header">Techniques Used</h2>
           #techniqueList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             sourceRef: group.stixID,
             targetType: 'technique',
             relationshipType: 'uses',
@@ -198,6 +202,8 @@ <h2 class="section-header">Software Used</h2>
           #softwareList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             sourceRef: group.stixID,
             targetType: 'software',
             relationshipType: 'uses',
diff --git a/src/app/views/stix/mitigation-view/mitigation-view.component.html b/src/app/views/stix/mitigation-view/mitigation-view.component.html
index 47f4affed..f1557bbdc 100644
--- a/src/app/views/stix/mitigation-view/mitigation-view.component.html
+++ b/src/app/views/stix/mitigation-view/mitigation-view.component.html
@@ -127,6 +127,8 @@ <h2 class="section-header">Techniques Addressed</h2>
           #mitigatesList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             sourceRef: mitigation.stixID,
             relationshipType: 'mitigates',
             clickBehavior: 'dialog',
diff --git a/src/app/views/stix/software-view/software-view.component.html b/src/app/views/stix/software-view/software-view.component.html
index d21a5ac38..5629eeee8 100644
--- a/src/app/views/stix/software-view/software-view.component.html
+++ b/src/app/views/stix/software-view/software-view.component.html
@@ -168,6 +168,8 @@ <h2 class="section-header">Techniques Used</h2>
           #techniquesList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             sourceRef: software.stixID,
             targetType: 'technique',
             relationshipType: 'uses',
@@ -202,6 +204,8 @@ <h2 class="section-header">Associated Groups</h2>
           #groupList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             targetRef: software.stixID,
             sourceType: 'group',
             relationshipType: 'uses',
@@ -236,6 +240,8 @@ <h2 class="section-header">Campaigns</h2>
           #campaignList
           [config]="{
             type: 'relationship',
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             targetRef: software.stixID,
             sourceType: 'campaign',
             relationshipType: 'uses',
diff --git a/src/app/views/stix/stix-dialog/stix-dialog.component.ts b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
index 8af4e803f..4c127a4c8 100644
--- a/src/app/views/stix/stix-dialog/stix-dialog.component.ts
+++ b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
@@ -71,6 +71,8 @@ export class StixDialogComponent implements OnInit {
       sourceType: this._config.sourceType ? this._config.sourceType : null,
       targetType: this._config.targetType ? this._config.targetType : null,
       showRelationships: this.showRelationships,
+      relationshipCreatedBefore: this._config.relationshipCreatedBefore,
+      relationshipAddedAfter: this._config.relationshipAddedAfter,
       editable: this._config.editable && this.authenticationService.canEdit(),
       is_new: this._config.is_new ? true : false,
       sidebarControl:
diff --git a/src/app/views/stix/stix-view-page.ts b/src/app/views/stix/stix-view-page.ts
index 1a7c5a282..e38061faa 100644
--- a/src/app/views/stix/stix-view-page.ts
+++ b/src/app/views/stix/stix-view-page.ts
@@ -44,6 +44,10 @@ export interface StixViewConfig {
   targetType?: string; // the relationship target type (only relevant when creating a new relationship)
   /* if true or omitted, show relationships with the object on the page. If false, omit the relationships */
   showRelationships?: boolean;
+  /** Hide relationships created after this timestamp. */
+  relationshipCreatedBefore?: Date | string;
+  /** Mark relationships created after this timestamp as new. */
+  relationshipAddedAfter?: Date | string;
   /* is the current page editable?
    * if true or omitted, include edit elements on the page such as buttons to add a relationship
    * if false, hide such elements
diff --git a/src/app/views/stix/technique-view/technique-view.component.html b/src/app/views/stix/technique-view/technique-view.component.html
index b5b879cb2..a3a44a72d 100644
--- a/src/app/views/stix/technique-view/technique-view.component.html
+++ b/src/app/views/stix/technique-view/technique-view.component.html
@@ -374,6 +374,8 @@ <h2 class="section-header">Sub-techniques</h2>
             [config]="{
               type: 'relationship',
               targetRef: technique.stixID,
+              relationshipCreatedBefore: config.relationshipCreatedBefore,
+              relationshipAddedAfter: config.relationshipAddedAfter,
               relationshipType: 'subtechnique-of',
               allowEdits: true,
               clickBehavior: 'none',
@@ -396,6 +398,8 @@ <h2 class="section-header">
               [config]="{
                 type: 'relationship',
                 targetRef: technique.parentTechnique.stixID,
+                relationshipCreatedBefore: config.relationshipCreatedBefore,
+                relationshipAddedAfter: config.relationshipAddedAfter,
                 relationshipType: 'subtechnique-of',
                 clickBehavior: 'none',
                 allowEdits: true,
@@ -432,6 +436,8 @@ <h2 class="section-header">Campaigns</h2>
           [config]="{
             type: 'relationship',
             targetRef: technique.stixID,
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             sourceType: 'campaign',
             relationshipType: 'uses',
             clickBehavior: 'dialog',
@@ -465,6 +471,8 @@ <h2 class="section-header">Mitigations</h2>
           [config]="{
             type: 'relationship',
             targetRef: technique.stixID,
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             relationshipType: 'mitigates',
             clickBehavior: 'dialog',
             allowEdits: true,
@@ -497,6 +505,8 @@ <h2 class="section-header">Procedure Examples</h2>
           [config]="{
             type: 'relationship',
             targetRef: technique.stixID,
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             relationshipType: 'uses',
             clickBehavior: 'dialog',
             allowEdits: true,
@@ -525,6 +535,8 @@ <h2 class="section-header">Data Sources</h2>
             [config]="{
               type: 'relationship',
               targetRef: technique.stixID,
+              relationshipCreatedBefore: config.relationshipCreatedBefore,
+              relationshipAddedAfter: config.relationshipAddedAfter,
               relationshipType: 'detects',
               sourceType: 'data-component',
               clickBehavior: 'dialog',
@@ -560,6 +572,8 @@ <h2 class="section-header">Detection Strategies</h2>
           [config]="{
             type: 'relationship',
             targetRef: technique.stixID,
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             relationshipType: 'detects',
             sourceType: 'detection-strategy',
             clickBehavior: 'dialog',
@@ -593,6 +607,8 @@ <h2 class="section-header">Assets</h2>
           [config]="{
             type: 'relationship',
             sourceRef: technique.stixID,
+            relationshipCreatedBefore: config.relationshipCreatedBefore,
+            relationshipAddedAfter: config.relationshipAddedAfter,
             targetType: 'asset',
             relationshipType: 'targets',
             clickBehavior: 'dialog',

From 3f8ccf814186e25a420c7606c9cda53ae7509dea Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Sun, 26 Jul 2026 12:29:28 -0400
Subject: [PATCH 109/190] fix: update identation and update color of modified
 relationships

---
 src/app/classes/release-tracks/tiers.ts       |  3 +-
 .../stix/stix-list/stix-list.component.html   |  1 +
 .../stix/stix-list/stix-list.component.scss   |  3 +-
 .../stix/stix-list/stix-list.component.ts     | 36 ++++++++++++++++---
 src/app/utils/types.ts                        |  6 +++-
 .../relationship-view.component.ts            |  8 ++---
 6 files changed, 45 insertions(+), 12 deletions(-)

diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index 4d68d01c4..778c67aa0 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -2,7 +2,8 @@ import { WorkflowStatusType } from 'src/app/utils/types';
 import { SnapshotTier } from './enums';
 
 export type ReleaseTrackObjectTier =
-  SnapshotTier.Candidate | SnapshotTier.Staged;
+  | SnapshotTier.Candidate
+  | SnapshotTier.Staged;
 
 export interface TierEntryModifiedByUser {
   id?: string;
diff --git a/src/app/components/stix/stix-list/stix-list.component.html b/src/app/components/stix/stix-list/stix-list.component.html
index 506f73c0b..a31273569 100644
--- a/src/app/components/stix/stix-list/stix-list.component.html
+++ b/src/app/components/stix/stix-list/stix-list.component.html
@@ -370,6 +370,7 @@
           *matRowDef="let element; columns: tableColumns_controls"
           class="element-row"
           [class.relationship-added]="isNewRelationship(element)"
+          [class.relationship-changed]="isChangedRelationship(element)"
           [class.expanded]="
             isCollectionType() && expandedElement === element
           "></tr>
diff --git a/src/app/components/stix/stix-list/stix-list.component.scss b/src/app/components/stix/stix-list/stix-list.component.scss
index 14200b43b..d866e9e03 100644
--- a/src/app/components/stix/stix-list/stix-list.component.scss
+++ b/src/app/components/stix/stix-list/stix-list.component.scss
@@ -128,7 +128,8 @@
           }
         }
 
-        tr.element-row.relationship-added {
+        tr.element-row.relationship-added,
+        tr.element-row.relationship-changed {
           .light & td {
             background-color: #c0f8c0 !important;
           }
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index a8f2f887f..26e7e64ef 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -387,10 +387,12 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
               this.config.sourceRef ? sticky_allowed : false,
               ['relationship-name']
             );
-            if (!(
-              this.config.relationshipType &&
-              this.config.relationshipType == 'subtechnique-of'
-            ))
+            if (
+              !(
+                this.config.relationshipType &&
+                this.config.relationshipType == 'subtechnique-of'
+              )
+            )
               this.addColumn(
                 'description',
                 'description',
@@ -1053,6 +1055,32 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     );
   }
 
+  /**
+   * Determines whether an existing relationship changed after the staged
+   * baseline. Candidate relationships are fetched at their current version,
+   * so this highlights changes that cannot be represented accurately in the
+   * staged table without relationship version history.
+   */
+  public isChangedRelationship(relationship: StixObject): boolean {
+    if (
+      this.config.type !== 'relationship' ||
+      !this.config.relationshipAddedAfter
+    ) {
+      return false;
+    }
+
+    const baseline = new Date(this.config.relationshipAddedAfter).getTime();
+    const created = new Date(relationship.created).getTime();
+    const modified = new Date(relationship.modified).getTime();
+    return (
+      Number.isFinite(baseline) &&
+      Number.isFinite(created) &&
+      Number.isFinite(modified) &&
+      created <= baseline &&
+      modified > baseline
+    );
+  }
+
   private filterLocalObjects(
     objects: StixObject[],
     {
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 68a34ac0f..89aa535e6 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -101,7 +101,11 @@ export const WORKFLOW_STATUS_RANK: Record<WorkflowStatusType, number> = {
  * Collection/release changelog categories
  */
 export type ChangelogCategory =
-  'additions' | 'changes' | 'minor_changes' | 'revocations' | 'deprecations';
+  | 'additions'
+  | 'changes'
+  | 'minor_changes'
+  | 'revocations'
+  | 'deprecations';
 
 export interface ReleaseTrackStatus {
   trackId: string;
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.ts b/src/app/views/stix/relationship-view/relationship-view.component.ts
index fe588de8f..d94638960 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.ts
+++ b/src/app/views/stix/relationship-view/relationship-view.component.ts
@@ -240,11 +240,9 @@ export class RelationshipViewComponent extends StixViewPage implements OnInit {
    * @param {any} obj the raw STIX object
    */
   public navigateTo(obj: any): void {
-    if (!(
-      obj?.stix?.type &&
-      obj?.stix?.id &&
-      StixTypeToAttackType[obj.stix.type]
-    )) {
+    if (
+      !(obj?.stix?.type && obj?.stix?.id && StixTypeToAttackType[obj.stix.type])
+    ) {
       console.warn('Invalid object passed to navigateTo:', obj);
       return;
     }

From d940476f05c92a21c37733a88de16448b5d3f394 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Sun, 26 Jul 2026 12:30:33 -0400
Subject: [PATCH 110/190] chore: update path of release snapshot

---
 .../connectors/rest-api/release-tracks.service.ts  | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 44c2e0523..eef9352cc 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -200,7 +200,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * GET /api/release-tracks/:id
+   * GET /api/release-tracks/:id/snapshots/latest
    * Get latest snapshot for a track.
    * @param id Release track id
    * @param options Query options forwarded to endpoint
@@ -211,7 +211,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     options?: ReleaseTrackSnapshotOptions
   ): Observable<ReleaseTrackSnapshot | null> {
     const params = this.buildHttpParams(options);
-    const url = `${this.apiUrl}/release-tracks/${id}`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/latest`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
         logger.log(`retrieved latest snapshot for track ${id}`, result)
@@ -223,15 +223,15 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * GET /api/release-tracks/:id
-   * Build snapshot history from the latest snapshot and its version_history.
+   * GET /api/release-tracks/:id/snapshots
+   * List snapshot history for a track.
    * @param id Release track id
    * @returns Observable<ReleaseTrackSnapshotHistoryItem[]>
    */
   public listSnapshots(
     id: string
   ): Observable<ReleaseTrackSnapshotHistoryItem[]> {
-    const url = `${this.apiUrl}/release-tracks/${id}`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots`;
     return this.http.get(url).pipe(
       tap(result => logger.log(`retrieved snapshots for track ${id}`, result)),
       map(result => this.normalizeSnapshotHistory(result)),
@@ -243,7 +243,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * GET /api/release-tracks/:id?format=:format
+   * GET /api/release-tracks/:id/snapshots/latest?format=:format
    * Retrieve the latest snapshot in an export format without deserializing it.
    * @param id Release track id
    * @param format Export format
@@ -256,7 +256,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     options?: Omit<ReleaseTrackSnapshotOptions, 'format'>
   ): Observable<any> {
     const params = this.buildHttpParams({ ...options, format });
-    const url = `${this.apiUrl}/release-tracks/${id}`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/latest`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
         logger.log(

From 399044e623d260f89bf97fe0c96b61a08b8466ee Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 27 Jul 2026 12:48:14 -0400
Subject: [PATCH 111/190] feat(release-tracks): support snapshot history
 endpoints

---
 src/app/classes/release-tracks/api.ts         |  19 +-
 src/app/classes/release-tracks/snapshot.ts    |   3 +
 .../release-track-card.component.scss         |  13 +-
 .../rest-api/release-tracks.service.spec.ts   | 141 ++++++++
 .../rest-api/release-tracks.service.ts        |  87 +++--
 .../release-track-page.component.html         |  83 +++--
 .../release-track-page.component.scss         |  91 ++++-
 .../release-track-page.component.spec.ts      | 164 +++++++--
 .../release-track-page.component.ts           | 336 ++++++++++++++++--
 9 files changed, 796 insertions(+), 141 deletions(-)
 create mode 100644 src/app/services/connectors/rest-api/release-tracks.service.spec.ts

diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index 268e87a40..5b7bb46e4 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -55,17 +55,31 @@ export interface ReleaseTrackSnapshotOptions {
   include?: 'members' | 'staged' | 'candidates' | 'all';
   releases?: 'only';
   version?: string;
-  versions?: 'all';
   [key: string]: any;
 }
 
+export interface ReleaseTrackSnapshotListOptions {
+  tagged?: boolean;
+  limit?: number;
+  offset?: number;
+}
+
 export interface ReleaseTrackSnapshotHistoryItem {
   id?: string;
   modified?: string | Date;
   version?: string | null;
+  type?: ReleaseTrackType;
   created?: string | Date;
   tagged_at?: string | Date;
   snapshot_id?: string | Date;
+  is_latest?: boolean;
+  name?: string;
+  members_count?: number;
+  staged_count?: number;
+  candidates_count?: number;
+  quarantine_count?: number;
+  added_count?: number;
+  modified_count?: number;
   members?: any[];
   staged?: any[];
   candidates?: any[];
@@ -77,6 +91,9 @@ export interface ReleaseTrackSnapshotHistoryItem {
   };
   summary?: {
     members_count?: number;
+    staged_count?: number;
+    candidates_count?: number;
+    quarantine_count?: number;
     added_count?: number;
     modified_count?: number;
     promoted_count?: number;
diff --git a/src/app/classes/release-tracks/snapshot.ts b/src/app/classes/release-tracks/snapshot.ts
index 7ec844bef..230d78f3d 100644
--- a/src/app/classes/release-tracks/snapshot.ts
+++ b/src/app/classes/release-tracks/snapshot.ts
@@ -23,6 +23,7 @@ export class ReleaseTrackSnapshot {
 
   public config: ReleaseTrackConfig = {} as ReleaseTrackConfig;
   public version_history: VersionHistoryEntry[] = [];
+  public summary?: Record<string, any>;
 
   // standard track tiers
   public members: MemberEntry[] = [];
@@ -95,6 +96,7 @@ export class ReleaseTrackSnapshot {
       this.object_marking_refs = raw.object_marking_refs.slice();
 
     if ('config' in raw) this.config = raw.config;
+    if ('summary' in raw) this.summary = raw.summary;
 
     if ('version_history' in raw && Array.isArray(raw.version_history)) {
       this.version_history = raw.version_history.map((v: any) => {
@@ -195,6 +197,7 @@ export class ReleaseTrackSnapshot {
       created_by_ref: this.created_by_ref,
       object_marking_refs: this.object_marking_refs,
       config: this.config,
+      summary: this.summary,
       version_history: this.version_history?.map(v => ({
         ...v,
         tagged_at: v.tagged_at
diff --git a/src/app/components/release-track-card/release-track-card.component.scss b/src/app/components/release-track-card/release-track-card.component.scss
index 2397888c9..2c2668921 100644
--- a/src/app/components/release-track-card/release-track-card.component.scss
+++ b/src/app/components/release-track-card/release-track-card.component.scss
@@ -5,11 +5,13 @@ $virtual-light: #5c4fa3;
 $virtual-dark: #c7b9ff;
 $candidate-dark: colors.color(mitre-light-blue);
 $staged-dark: color.mix(white, colors.color(success), 28%);
+$description-line-height: 1.25rem;
+$description-lines: 4;
 
 .list-card {
   cursor: pointer;
   width: 22rem;
-  height: 18rem;
+  height: 19rem;
   box-sizing: border-box;
   color: colors.on-color-emphasis(light);
 }
@@ -81,16 +83,19 @@ $staged-dark: color.mix(white, colors.color(success), 28%);
   flex-direction: column;
   flex: 1 1 auto;
   min-height: 0;
+  overflow: hidden;
 }
 
 .card-desc {
   display: -webkit-box;
-  flex: 0 1 auto;
+  flex: 0 0 ($description-line-height * $description-lines);
+  min-width: 0;
+  max-height: $description-line-height * $description-lines;
   margin-bottom: 12px;
   overflow: hidden;
-  line-height: 1.25;
+  line-height: $description-line-height;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 4;
+  -webkit-line-clamp: $description-lines;
 }
 
 .card-middle {
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
new file mode 100644
index 000000000..cf10baf75
--- /dev/null
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -0,0 +1,141 @@
+import { firstValueFrom, of } from 'rxjs';
+import { describe, expect, it, vi } from 'vitest';
+
+import { ReleaseTracksConnectorService } from './release-tracks.service';
+import { environment } from 'src/environments/environment';
+
+describe('ReleaseTracksConnectorService', () => {
+  function createService(responses: Record<string, any>) {
+    const http = {
+      get: vi.fn((url: string) => of(responses[url] ?? null)),
+    };
+    const snackbar = {
+      open: vi.fn(),
+    };
+
+    return {
+      http,
+      service: new ReleaseTracksConnectorService(http as any, snackbar as any),
+    };
+  }
+
+  it('should list snapshot history from the snapshot summary endpoint', async () => {
+    const apiUrl = environment.integrations.rest_api.url;
+    const trackId = 'release-track--123';
+
+    const { http, service } = createService({
+      [`${apiUrl}/release-tracks/${trackId}/snapshots`]: {
+        data: [
+          {
+            id: trackId,
+            modified: '2024-05-21T07:00:00.000Z',
+            version: null,
+            type: 'standard',
+            members_count: 10,
+            staged_count: 2,
+            candidates_count: 4,
+          },
+        ],
+        pagination: {
+          total: 1,
+          limit: 200,
+          offset: 0,
+        },
+      },
+    });
+
+    const history = await firstValueFrom(service.listSnapshots(trackId));
+
+    expect(http.get).toHaveBeenCalledWith(
+      `${apiUrl}/release-tracks/${trackId}/snapshots`,
+      {
+        params: expect.anything(),
+      }
+    );
+    expect(http.get).toHaveBeenCalledTimes(1);
+    const requestOptions = http.get.mock.calls[0][1];
+    expect(requestOptions.params.get('limit')).toBe('200');
+    expect(requestOptions.params.get('offset')).toBe('0');
+    expect(history).toEqual([
+      expect.objectContaining({
+        version: null,
+        members_count: 10,
+        staged_count: 2,
+        candidates_count: 4,
+      }),
+    ]);
+  });
+
+  it('should pass tagged and pagination options to the snapshot list endpoint', async () => {
+    const apiUrl = environment.integrations.rest_api.url;
+    const trackId = 'release-track--123';
+
+    const { http, service } = createService({
+      [`${apiUrl}/release-tracks/${trackId}/snapshots`]: [],
+    });
+
+    await firstValueFrom(
+      service.listSnapshots(trackId, {
+        tagged: true,
+        limit: 50,
+        offset: 25,
+      })
+    );
+
+    const requestOptions = http.get.mock.calls[0][1];
+    expect(requestOptions.params.get('tagged')).toBe('true');
+    expect(requestOptions.params.get('limit')).toBe('50');
+    expect(requestOptions.params.get('offset')).toBe('25');
+  });
+
+  it('should retrieve the latest snapshot from the explicit latest endpoint', async () => {
+    const apiUrl = environment.integrations.rest_api.url;
+    const trackId = 'release-track--123';
+
+    const { http, service } = createService({
+      [`${apiUrl}/release-tracks/${trackId}/snapshots/latest`]: {
+        id: trackId,
+        name: 'Enterprise Release',
+      },
+    });
+
+    const snapshot = await firstValueFrom(
+      service.getLatestSnapshot(trackId, { include: 'all' })
+    );
+
+    expect(http.get).toHaveBeenCalledWith(
+      `${apiUrl}/release-tracks/${trackId}/snapshots/latest`,
+      {
+        params: expect.anything(),
+      }
+    );
+    expect(http.get.mock.calls[0][1].params.get('include')).toBe('all');
+    expect(snapshot?.name).toBe('Enterprise Release');
+  });
+
+  it('should export the latest snapshot from the explicit latest endpoint', async () => {
+    const apiUrl = environment.integrations.rest_api.url;
+    const trackId = 'release-track--123';
+
+    const { http, service } = createService({
+      [`${apiUrl}/release-tracks/${trackId}/snapshots/latest`]: {
+        type: 'bundle',
+        objects: [],
+      },
+    });
+
+    const result = await firstValueFrom(
+      service.exportLatestSnapshot(trackId, 'bundle', { include: 'all' })
+    );
+
+    expect(http.get).toHaveBeenCalledWith(
+      `${apiUrl}/release-tracks/${trackId}/snapshots/latest`,
+      {
+        params: expect.anything(),
+      }
+    );
+    expect(http.get.mock.calls[0][1].params.get('format')).toBe('bundle');
+    expect(http.get.mock.calls[0][1].params.get('include')).toBe('all');
+    expect(result).toEqual({ type: 'bundle', objects: [] });
+  });
+});
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 44c2e0523..93df98558 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -2,7 +2,7 @@ import { HttpClient, HttpParams } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { Observable } from 'rxjs';
-import { catchError, share, tap, map } from 'rxjs/operators';
+import { catchError, map, share, tap } from 'rxjs/operators';
 import { environment } from '../../../../environments/environment';
 import { logger } from '../../../utils/logger';
 import { ApiConnector } from '../api-connector';
@@ -18,6 +18,7 @@ import type {
   ExportFormatType,
   ReleaseTrackConfig,
   ReleaseTrackSnapshotHistoryItem,
+  ReleaseTrackSnapshotListOptions,
   ReleaseTrackSnapshotOptions,
   ReviewPayload,
   StixBundlePayload,
@@ -33,6 +34,7 @@ export type {
   Composition,
   CreateReleaseTrackPayload,
   ReleaseTrackSnapshotHistoryItem,
+  ReleaseTrackSnapshotListOptions,
   ReleaseTrackSnapshotOptions,
   ReviewPayload,
   StixBundlePayload,
@@ -71,36 +73,6 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     return params;
   }
 
-  private normalizeSnapshotHistory(
-    result: any
-  ): ReleaseTrackSnapshotHistoryItem[] {
-    if (!result) return [];
-    if (Array.isArray(result)) return result;
-
-    const snapshots =
-      result.snapshots ||
-      result.data ||
-      result.versions ||
-      result.release_track_snapshots ||
-      result.history ||
-      [];
-
-    if (Array.isArray(snapshots) && snapshots.length) return snapshots;
-
-    const historyItems = Array.isArray(result.version_history)
-      ? result.version_history.map((entry: any) => ({
-          ...entry,
-          modified: entry.snapshot_id,
-        }))
-      : [];
-
-    if (!result.version) {
-      return [result, ...historyItems];
-    }
-
-    return historyItems.length ? historyItems : [result];
-  }
-
   // -----------------------------------------------------------------------------
   // Ephemeral
   // -----------------------------------------------------------------------------
@@ -200,7 +172,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * GET /api/release-tracks/:id
+   * GET /api/release-tracks/:id/snapshots/latest
    * Get latest snapshot for a track.
    * @param id Release track id
    * @param options Query options forwarded to endpoint
@@ -211,7 +183,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     options?: ReleaseTrackSnapshotOptions
   ): Observable<ReleaseTrackSnapshot | null> {
     const params = this.buildHttpParams(options);
-    const url = `${this.apiUrl}/release-tracks/${id}`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/latest`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
         logger.log(`retrieved latest snapshot for track ${id}`, result)
@@ -223,27 +195,48 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * GET /api/release-tracks/:id
-   * Build snapshot history from the latest snapshot and its version_history.
+   * GET /api/release-tracks/:id/snapshots
+   * Retrieve snapshot history summary rows.
    * @param id Release track id
+   * @param options Pagination and tagged filter options
    * @returns Observable<ReleaseTrackSnapshotHistoryItem[]>
    */
   public listSnapshots(
-    id: string
+    id: string,
+    options: ReleaseTrackSnapshotListOptions = {}
   ): Observable<ReleaseTrackSnapshotHistoryItem[]> {
-    const url = `${this.apiUrl}/release-tracks/${id}`;
-    return this.http.get(url).pipe(
-      tap(result => logger.log(`retrieved snapshots for track ${id}`, result)),
-      map(result => this.normalizeSnapshotHistory(result)),
-      catchError(
-        this.handleError_continue<ReleaseTrackSnapshotHistoryItem[]>([])
-      ),
-      share()
-    );
+    const params = this.buildHttpParams({
+      limit: 200,
+      offset: 0,
+      ...options,
+    });
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots`;
+    return this.http
+      .get<Paginated<ReleaseTrackSnapshotHistoryItem> | any[]>(url, {
+        params,
+      })
+      .pipe(
+        tap(result =>
+          logger.log(`retrieved snapshots for track ${id}`, result)
+        ),
+        map(result => this.getSnapshotList(result)),
+        catchError(
+          this.handleError_continue<ReleaseTrackSnapshotHistoryItem[]>([])
+        ),
+        share()
+      );
+  }
+
+  private getSnapshotList(
+    result: Paginated<ReleaseTrackSnapshotHistoryItem> | any[] | null
+  ): ReleaseTrackSnapshotHistoryItem[] {
+    if (!result) return [];
+    if (Array.isArray(result)) return result;
+    return result.data || [];
   }
 
   /**
-   * GET /api/release-tracks/:id?format=:format
+   * GET /api/release-tracks/:id/snapshots/latest?format=:format
    * Retrieve the latest snapshot in an export format without deserializing it.
    * @param id Release track id
    * @param format Export format
@@ -256,7 +249,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     options?: Omit<ReleaseTrackSnapshotOptions, 'format'>
   ): Observable<any> {
     const params = this.buildHttpParams({ ...options, format });
-    const url = `${this.apiUrl}/release-tracks/${id}`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/latest`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
         logger.log(
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index f8f2471d7..ec696b443 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -615,7 +615,15 @@ <h4>{{ getVirtualObjectTitle(item) }}</h4>
       <div
         *ngIf="!isLoadingSnapshotHistory && !snapshotHistory.length"
         class="empty-state">
-        No snapshots
+        No tagged releases or current draft snapshot
+      </div>
+
+      <div *ngIf="snapshotHistory.length" class="snapshot-history-summary">
+        <span>Tagged releases: {{ taggedSnapshotCount }}</span>
+        <span
+          >Current draft:
+          {{ hasCurrentDraftSnapshot ? 'available' : 'none' }}</span
+        >
       </div>
 
       <div *ngIf="snapshotHistory.length" class="snapshot-history-list">
@@ -631,25 +639,45 @@ <h4>{{ getVirtualObjectTitle(item) }}</h4>
           <div class="snapshot-history-card">
             <div class="snapshot-history-card-header">
               <div class="snapshot-history-title">
-                <h3 [class.promote-color]="item.isTagged">
-                  <ng-container *ngIf="item.isTagged; else draftTitle">
-                    {{ item.title }}
-                  </ng-container>
-                  <ng-template #draftTitle>
-                    <ng-container *ngIf="item.created; else unknownDate">
-                      {{ item.created | date: 'MMM d, y, h:mm:ss a' }}
+                <div class="snapshot-history-title-row">
+                  <h3 [class.promote-color]="item.isTagged">
+                    <ng-container *ngIf="item.isTagged; else draftTitle">
+                      {{ item.title }}
                     </ng-container>
-                  </ng-template>
-                </h3>
+                    <ng-template #draftTitle>
+                      <ng-container *ngIf="item.created; else unknownDate">
+                        {{ item.created | date: 'MMM d, y, h:mm:ss a' }}
+                      </ng-container>
+                    </ng-template>
+                  </h3>
+                  <span
+                    class="snapshot-history-type"
+                    [class.snapshot-history-type-tagged]="item.isTagged"
+                    [class.snapshot-history-type-draft]="!item.isTagged">
+                    {{ item.isTagged ? 'Tagged release' : 'Current draft' }}
+                  </span>
+                </div>
                 <p *ngIf="item.isTagged; else draftSubtitle">
-                  Created:
-                  <ng-container *ngIf="item.created; else unknownDate">
-                    {{ item.created | date: 'MMM d, y, h:mm:ss a' }}
+                  <ng-container *ngIf="item.taggedAt; else taggedSnapshotDate">
+                    Tagged:
+                    {{ item.taggedAt | date: 'MMM d, y, h:mm:ss a' }}
                   </ng-container>
+                  <ng-template #taggedSnapshotDate>
+                    Snapshot:
+                    <ng-container *ngIf="item.modified; else unknownDate">
+                      {{ item.modified | date: 'MMM d, y, h:mm:ss a' }}
+                    </ng-container>
+                  </ng-template>
                 </p>
                 <ng-template #draftSubtitle>
-                  <p>Draft snapshot</p>
+                  <p>Current draft snapshot</p>
                 </ng-template>
+                <p
+                  *ngIf="item.isTagged && item.taggedAt && item.modified"
+                  class="snapshot-history-meta">
+                  Snapshot:
+                  {{ item.modified | date: 'MMM d, y, h:mm:ss a' }}
+                </p>
               </div>
 
               <div class="snapshot-history-actions small-buttons">
@@ -657,7 +685,8 @@ <h3 [class.promote-color]="item.isTagged">
                   *ngIf="!item.isTagged"
                   class="view-color"
                   mat-stroked-button
-                  (click)="onTagSnapshot()">
+                  [disabled]="isReleasing || !item.modified"
+                  (click)="onTagSnapshot(item)">
                   <mat-icon>sell</mat-icon>
                   Tag
                 </button>
@@ -676,23 +705,15 @@ <h3 [class.promote-color]="item.isTagged">
             </div>
 
             <div class="snapshot-history-stats">
-              <div class="snapshot-history-stat">
-                <div class="snapshot-history-stat-value promote-color">
-                  +{{ item.addedCount }}
-                </div>
-                <div class="snapshot-history-stat-label">Added</div>
-              </div>
-              <div class="snapshot-history-stat">
-                <div class="snapshot-history-stat-value modified-color">
-                  {{ item.modifiedCount }}
-                </div>
-                <div class="snapshot-history-stat-label">Modified</div>
-              </div>
-              <div class="snapshot-history-stat">
-                <div class="snapshot-history-stat-value">
-                  {{ item.totalObjects }}
+              <div
+                *ngFor="let stat of item.stats"
+                class="snapshot-history-stat">
+                <div
+                  class="snapshot-history-stat-value"
+                  [ngClass]="stat.modifier">
+                  {{ stat.value }}
                 </div>
-                <div class="snapshot-history-stat-label">Total Objects</div>
+                <div class="snapshot-history-stat-label">{{ stat.label }}</div>
               </div>
             </div>
           </div>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index ef1a14996..29e5ebdbb 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -8,6 +8,10 @@ $awaiting-review-color: color.mix(
 );
 $released-members-disabled-light: colors.on-color-deemphasis(light);
 $released-members-disabled-dark: colors.on-color-deemphasis(dark);
+$snapshot-tagged-chip-light: colors.color(secondary);
+$snapshot-tagged-chip-dark: colors.color(mitre-light-blue);
+$snapshot-draft-chip-light: #5c4fa3;
+$snapshot-draft-chip-dark: #c7b9ff;
 
 .release-track-page {
   .promote-color {
@@ -424,10 +428,29 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     flex-direction: column;
     gap: 32px;
     max-width: 896px;
-    margin: 32px auto 0;
+    margin: 20px auto 0;
     padding-left: 72px;
   }
 
+  .snapshot-history-summary {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px 16px;
+    max-width: 896px;
+    margin: 24px auto 0;
+    padding-left: 72px;
+    font-size: 13px;
+    line-height: 18px;
+
+    .dark & {
+      color: colors.on-color-deemphasis(dark);
+    }
+
+    .light & {
+      color: colors.on-color-deemphasis(light);
+    }
+  }
+
   .snapshot-history-entry {
     position: relative;
 
@@ -440,11 +463,11 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
       width: 2px;
 
       .dark & {
-        background: rgba(colors.on-color(dark), 0.36);
+        background: colors.border-color(dark);
       }
 
       .light & {
-        background: rgba(colors.on-color(light), 0.24);
+        background: colors.border-color(light);
       }
     }
   }
@@ -457,9 +480,11 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     place-items: center;
     width: 40px;
     height: 40px;
+    border: 1px solid;
     border-radius: 50%;
 
     .dark & {
+      border-color: colors.border-color(dark);
       color: colors.on-color-deemphasis(dark);
       background: color.mix(
         colors.color(mitre-navy),
@@ -469,6 +494,7 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     }
 
     .light & {
+      border-color: colors.border-color(light);
       color: colors.on-color-deemphasis(light);
       background: color.mix(
         colors.color(mitre-silver),
@@ -526,6 +552,13 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
   .snapshot-history-title {
     min-width: 0;
 
+    .snapshot-history-title-row {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 8px 12px;
+    }
+
     h3 {
       margin: 0;
       font-size: 20px;
@@ -540,6 +573,51 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
       }
     }
 
+    .snapshot-history-type {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 24px;
+      border: 1px solid;
+      border-radius: 999px;
+      padding: 0 12px;
+      font-size: 12px;
+      font-weight: 700;
+      line-height: 18px;
+
+      .dark & {
+        border-color: colors.border-color(dark);
+      }
+
+      .light & {
+        border-color: colors.border-color(light);
+      }
+
+      &.snapshot-history-type-tagged {
+        .dark & {
+          background: rgba($snapshot-tagged-chip-dark, 0.18);
+          color: $snapshot-tagged-chip-dark;
+        }
+
+        .light & {
+          background: rgba($snapshot-tagged-chip-light, 0.16);
+          color: $snapshot-tagged-chip-light;
+        }
+      }
+
+      &.snapshot-history-type-draft {
+        .dark & {
+          background: rgba($snapshot-draft-chip-dark, 0.18);
+          color: $snapshot-draft-chip-dark;
+        }
+
+        .light & {
+          background: rgba($snapshot-draft-chip-light, 0.16);
+          color: $snapshot-draft-chip-light;
+        }
+      }
+    }
+
     p {
       margin: 4px 0 0;
       font-size: 13px;
@@ -553,6 +631,11 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
         color: colors.on-color-deemphasis(light);
       }
     }
+
+    .snapshot-history-meta {
+      margin-top: 2px;
+      font-size: 12px;
+    }
   }
 
   .snapshot-history-actions {
@@ -563,7 +646,7 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
 
   .snapshot-history-stats {
     display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
     gap: 16px;
     padding: 14px 16px 12px;
   }
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index c1ccb37f1..37fbd5345 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -50,6 +50,7 @@ describe('ReleaseTrackPageComponent', () => {
       createVirtualSnapshot: vi.fn(() => createAsyncObservable({})),
       previewBump: vi.fn(() => createAsyncObservable({})),
       bumpByLatest: vi.fn(() => createAsyncObservable({})),
+      bumpByModified: vi.fn(() => createAsyncObservable({})),
       getConfig: vi.fn(() => createAsyncObservable(null)),
       updateConfig: vi.fn(() => createAsyncObservable({})),
       updateComposition: vi.fn(() => createAsyncObservable({})),
@@ -422,31 +423,27 @@ describe('ReleaseTrackPageComponent', () => {
     ]);
   });
 
-  it('should load snapshot history and compute timeline counts', () => {
+  it('should load snapshot history from summary counts', () => {
     mockReleaseTrackApiConnector.listSnapshots.mockReturnValue(
       of([
         {
           modified: '2024-05-21T07:00:00.000Z',
-          members: [
-            {
-              object_ref: 'attack-pattern--one',
-              object_modified: '2024-05-20T00:00:00.000Z',
-            },
-            {
-              object_ref: 'attack-pattern--two',
-              object_modified: '2024-05-20T00:00:00.000Z',
-            },
-          ],
+          version: null,
+          type: ReleaseTrackType.Standard,
+          added_count: 2,
+          modified_count: 1,
+          candidates_count: 4,
+          staged_count: 3,
+          members_count: 20,
         },
         {
           version: '1.3',
+          tagged_at: '2024-04-15T06:30:00.000Z',
           modified: '2024-04-15T06:00:00.000Z',
-          members: [
-            {
-              object_ref: 'attack-pattern--one',
-              object_modified: '2024-04-01T00:00:00.000Z',
-            },
-          ],
+          type: ReleaseTrackType.Standard,
+          candidates_count: 0,
+          staged_count: 0,
+          members_count: 18,
         },
       ])
     );
@@ -460,9 +457,17 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.snapshotHistory[0]).toEqual(
       expect.objectContaining({
         title: 'Draft Snapshot',
-        addedCount: 1,
+        addedCount: 2,
         modifiedCount: 1,
-        totalObjects: 2,
+        totalObjects: 27,
+        isTagged: false,
+        stats: [
+          expect.objectContaining({ label: 'Added', value: '+2' }),
+          expect.objectContaining({ label: 'Modified', value: 1 }),
+          expect.objectContaining({ label: 'Candidates', value: 4 }),
+          expect.objectContaining({ label: 'Staged', value: 3 }),
+          expect.objectContaining({ label: 'Members', value: 20 }),
+        ],
       })
     );
     expect(component.snapshotHistory[1]).toEqual(
@@ -470,9 +475,53 @@ describe('ReleaseTrackPageComponent', () => {
         title: 'v1.3',
         addedCount: 0,
         modifiedCount: 0,
-        totalObjects: 1,
+        totalObjects: 18,
+        taggedAt: new Date('2024-04-15T06:30:00.000Z'),
+        isTagged: true,
+        stats: [
+          expect.objectContaining({ label: 'Candidates', value: 0 }),
+          expect.objectContaining({ label: 'Staged', value: 0 }),
+          expect.objectContaining({ label: 'Members', value: 18 }),
+        ],
       })
     );
+    expect(component.taggedSnapshotCount).toBe(1);
+    expect(component.hasCurrentDraftSnapshot).toBe(true);
+  });
+
+  it('should use latest snapshot summary counts for the latest history row', () => {
+    component.releaseTrack = {
+      modified: new Date('2024-05-21T07:00:00.000Z'),
+      type: ReleaseTrackType.Standard,
+      summary: {
+        added_count: 5,
+        modified_count: 2,
+      },
+    } as any;
+    mockReleaseTrackApiConnector.listSnapshots.mockReturnValue(
+      of([
+        {
+          modified: '2024-05-21T07:00:00.000Z',
+          version: null,
+          type: ReleaseTrackType.Standard,
+          is_latest: true,
+          candidates_count: 1,
+          staged_count: 2,
+          members_count: 3,
+        },
+      ])
+    );
+    component.id = 'release-track--123';
+
+    component.getSnapshotHistory();
+
+    expect(component.snapshotHistory[0].stats).toEqual([
+      expect.objectContaining({ label: 'Added', value: '+5' }),
+      expect.objectContaining({ label: 'Modified', value: 2 }),
+      expect.objectContaining({ label: 'Candidates', value: 1 }),
+      expect.objectContaining({ label: 'Staged', value: 2 }),
+      expect.objectContaining({ label: 'Members', value: 3 }),
+    ]);
   });
 
   it('should create a draft snapshot and refresh the release track', () => {
@@ -500,7 +549,17 @@ describe('ReleaseTrackPageComponent', () => {
     mockDialog.open.mockReturnValue({
       afterClosed: () => of('create'),
     });
-    mockReleaseTrackApiConnector.createVirtualSnapshot.mockReturnValue(of({}));
+    mockReleaseTrackApiConnector.createVirtualSnapshot.mockReturnValue(
+      of({
+        stix: {
+          modified: '2024-05-21T07:00:00.000Z',
+          x_mitre_version: null,
+        },
+        composition_resolution: {
+          total_objects: 20,
+        },
+      })
+    );
     component.id = 'release-track--123';
     component.releaseTrack = { type: ReleaseTrackType.Virtual } as any;
 
@@ -525,6 +584,14 @@ describe('ReleaseTrackPageComponent', () => {
     });
     expect(refreshSpy).toHaveBeenCalled();
     expect(historySpy).toHaveBeenCalled();
+    expect(component.hasCurrentDraftSnapshot).toBe(true);
+    expect(component.snapshotHistory[0]).toEqual(
+      expect.objectContaining({
+        title: 'Draft Snapshot',
+        totalObjects: 20,
+        isTagged: false,
+      })
+    );
     expect(component.isCreatingDraft).toBe(false);
   });
 
@@ -628,6 +695,61 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.isReleasing).toBe(false);
   });
 
+  it('should tag the selected draft snapshot from history', () => {
+    const refreshSpy = vi
+      .spyOn(component, 'getReleaseTrack')
+      .mockImplementation(() => undefined);
+    const historySpy = vi
+      .spyOn(component, 'getSnapshotHistory')
+      .mockImplementation(() => undefined);
+    mockReleaseTrackApiConnector.previewBump.mockReturnValue(
+      of({
+        next_version_minor: '1.2',
+        staged_count: 3,
+        candidates_count: 1,
+        conflicts: [],
+      })
+    );
+    mockReleaseTrackApiConnector.bumpByModified.mockReturnValue(of({}));
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('minor'),
+    });
+    component.id = 'release-track--123';
+    component.snapshotHistory = [
+      {
+        snapshot: {
+          modified: '2024-05-21T07:00:00.000Z',
+          version: null,
+        },
+        title: 'Draft Snapshot',
+        created: new Date('2024-05-21T07:00:00.000Z'),
+        modified: '2024-05-21T07:00:00.000Z',
+        taggedAt: null,
+        isTagged: false,
+        stats: [],
+        addedCount: 0,
+        modifiedCount: 0,
+        totalObjects: 20,
+      },
+    ];
+
+    component.onTagSnapshot(component.snapshotHistory[0]);
+
+    expect(mockReleaseTrackApiConnector.previewBump).toHaveBeenCalledWith(
+      'release-track--123',
+      'workbench'
+    );
+    expect(mockReleaseTrackApiConnector.bumpByModified).toHaveBeenCalledWith(
+      'release-track--123',
+      '2024-05-21T07:00:00.000Z',
+      { type: 'minor' }
+    );
+    expect(mockReleaseTrackApiConnector.bumpByLatest).not.toHaveBeenCalled();
+    expect(refreshSpy).toHaveBeenCalled();
+    expect(historySpy).toHaveBeenCalled();
+    expect(component.isReleasing).toBe(false);
+  });
+
   it('should not tag a release when preview returns conflicts', () => {
     mockReleaseTrackApiConnector.previewBump.mockReturnValue(
       of({
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 648c0b6f2..5da3d918d 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -70,12 +70,20 @@ interface SnapshotHistoryViewModel {
   title: string;
   created: Date | null;
   modified: string | null;
+  taggedAt: Date | null;
   isTagged: boolean;
+  stats: SnapshotHistoryStat[];
   addedCount: number;
   modifiedCount: number;
   totalObjects: number;
 }
 
+interface SnapshotHistoryStat {
+  label: string;
+  value: string | number;
+  modifier?: string;
+}
+
 interface ReleaseTrackConfigFormValue {
   autoPromote: boolean;
   candidacyThreshold: WorkflowStatusType | null;
@@ -171,6 +179,7 @@ export class ReleaseTrackPageComponent implements OnInit {
   >();
   public virtualComponentTrackOptions: VirtualComponentTrackOption[] = [];
   public virtualConfigComponentTracks: any[] = [];
+  private createdDraftSnapshot: ReleaseTrackSnapshotHistoryItem | null = null;
 
   public candidacyOptions = Object.values(WorkflowStatus);
   public memberSyncStrategyOptions = Object.values(MemberSyncStrategy);
@@ -289,6 +298,14 @@ export class ReleaseTrackPageComponent implements OnInit {
     return (this.releaseTrack as any)?.snapshot_schedule || {};
   }
 
+  public get hasCurrentDraftSnapshot(): boolean {
+    return this.snapshotHistory.some(item => !item.isTagged);
+  }
+
+  public get taggedSnapshotCount(): number {
+    return this.snapshotHistory.filter(item => item.isTagged).length;
+  }
+
   public get resolvedComponentSnapshots(): any[] {
     return this.releaseTrack?.composition_resolution?.component_snapshots ?? [];
   }
@@ -480,6 +497,12 @@ export class ReleaseTrackPageComponent implements OnInit {
             this.releaseTrack.name
           );
 
+          if (this.snapshotHistory.length) {
+            this.snapshotHistory = this.buildSnapshotHistory(
+              this.snapshotHistory.map(item => item.snapshot)
+            );
+          }
+
           if (this.isVirtualReleaseTrack) {
             this.loadVirtualComponentTrackSummaries();
           } else {
@@ -558,7 +581,9 @@ export class ReleaseTrackPageComponent implements OnInit {
       )
       .subscribe({
         next: snapshots => {
-          this.snapshotHistory = this.buildSnapshotHistory(snapshots);
+          this.snapshotHistory = this.buildSnapshotHistory(
+            this.withCreatedDraftSnapshot(snapshots)
+          );
         },
         error: err => {
           console.error('Failed to load release track snapshot history', err);
@@ -1338,7 +1363,8 @@ export class ReleaseTrackPageComponent implements OnInit {
         })
       )
       .subscribe({
-        next: () => {
+        next: snapshot => {
+          this.addCreatedDraftSnapshotToHistory(snapshot);
           this.refreshReleaseTrackState();
         },
         error: err => {
@@ -1347,6 +1373,46 @@ export class ReleaseTrackPageComponent implements OnInit {
       });
   }
 
+  private addCreatedDraftSnapshotToHistory(snapshot: any): void {
+    const draftSnapshot = this.getCreatedDraftSnapshot(snapshot);
+    if (!draftSnapshot) return;
+
+    this.createdDraftSnapshot = draftSnapshot;
+    this.snapshotHistory = this.buildSnapshotHistory(
+      this.withCreatedDraftSnapshot(
+        this.snapshotHistory.map(item => item.snapshot)
+      )
+    );
+  }
+
+  private getCreatedDraftSnapshot(
+    snapshot: any
+  ): ReleaseTrackSnapshotHistoryItem | null {
+    const draftSnapshot = snapshot?.data || snapshot?.snapshot || snapshot;
+    if (!draftSnapshot || this.isTaggedSnapshot(draftSnapshot)) return null;
+    return this.getSnapshotModified(draftSnapshot) ? draftSnapshot : null;
+  }
+
+  private withCreatedDraftSnapshot(
+    snapshots: ReleaseTrackSnapshotHistoryItem[]
+  ): ReleaseTrackSnapshotHistoryItem[] {
+    if (!this.createdDraftSnapshot) return snapshots;
+
+    const createdDraftModified = this.getSnapshotModified(
+      this.createdDraftSnapshot
+    );
+    const draftAlreadyLoaded = snapshots.some(
+      snapshot => this.getSnapshotModified(snapshot) === createdDraftModified
+    );
+
+    if (draftAlreadyLoaded) {
+      this.createdDraftSnapshot = null;
+      return snapshots;
+    }
+
+    return [...snapshots, this.createdDraftSnapshot];
+  }
+
   public onEditConfig(): void {
     if (this.isVirtualReleaseTrack) this.setVirtualConfig();
     this.isEditingConfig = true;
@@ -1393,6 +1459,15 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public onPreviewRelease(): void {
+    this.previewRelease();
+  }
+
+  public onTagSnapshot(item: SnapshotHistoryViewModel): void {
+    if (!item || item.isTagged || !item.modified) return;
+    this.previewRelease(item);
+  }
+
+  private previewRelease(item?: SnapshotHistoryViewModel): void {
     if (!this.id || this.isReleasing) return;
 
     this.isReleasing = true;
@@ -1405,17 +1480,13 @@ export class ReleaseTrackPageComponent implements OnInit {
         })
       )
       .subscribe({
-        next: preview => this.openReleasePreviewDialog(preview),
+        next: preview => this.openReleasePreviewDialog(preview, item),
         error: err => {
           console.error('Failed to preview release track bump', err);
         },
       });
   }
 
-  public onTagSnapshot(): void {
-    this.onPreviewRelease();
-  }
-
   public onInspectSnapshot(item: SnapshotHistoryViewModel): void {
     if (!this.id || !item.modified) return;
 
@@ -1760,7 +1831,10 @@ export class ReleaseTrackPageComponent implements OnInit {
     };
   }
 
-  private openReleasePreviewDialog(preview: any): void {
+  private openReleasePreviewDialog(
+    preview: any,
+    item?: SnapshotHistoryViewModel
+  ): void {
     const conflicts = this.getReleaseConflicts(preview);
 
     if (conflicts.length) {
@@ -1809,7 +1883,7 @@ export class ReleaseTrackPageComponent implements OnInit {
       data: {
         title: 'Preview & release',
         description:
-          'The release preview found no blocking conflicts. Choose a version bump to tag the latest draft snapshot.',
+          'The release preview found no blocking conflicts. Choose a version bump to tag the draft snapshot.',
         choices,
       },
     });
@@ -1819,7 +1893,11 @@ export class ReleaseTrackPageComponent implements OnInit {
       .pipe(take(1))
       .subscribe((type: 'major' | 'minor' | undefined) => {
         if (type !== 'major' && type !== 'minor') return;
-        this.bumpLatestRelease(type);
+        if (item) {
+          this.bumpSnapshotRelease(item, type);
+        } else {
+          this.bumpLatestRelease(type);
+        }
       });
   }
 
@@ -1843,6 +1921,32 @@ export class ReleaseTrackPageComponent implements OnInit {
       });
   }
 
+  private bumpSnapshotRelease(
+    item: SnapshotHistoryViewModel,
+    type: 'major' | 'minor'
+  ): void {
+    if (!this.id || !item.modified) return;
+
+    this.isReleasing = true;
+    this.connector
+      .bumpByModified(this.id, item.modified, { type })
+      .pipe(
+        take(1),
+        finalize(() => {
+          this.isReleasing = false;
+        })
+      )
+      .subscribe({
+        next: () => {
+          this.createdDraftSnapshot = null;
+          this.refreshReleaseTrackState();
+        },
+        error: err => {
+          console.error('Failed to tag release track snapshot', err);
+        },
+      });
+  }
+
   private getReleaseConflicts(preview: any): any[] {
     return Array.isArray(preview?.conflicts) ? preview.conflicts : [];
   }
@@ -1877,24 +1981,32 @@ export class ReleaseTrackPageComponent implements OnInit {
       const previousMembers = previousSnapshot
         ? this.getSnapshotMembers(previousSnapshot)
         : [];
+      const addedCount = this.getAddedCount(
+        snapshot,
+        currentMembers,
+        previousMembers
+      );
+      const modifiedCount = this.getModifiedCount(
+        snapshot,
+        currentMembers,
+        previousMembers
+      );
+      const totalObjects = this.getSnapshotTotalObjects(
+        snapshot,
+        currentMembers
+      );
 
       return {
         snapshot,
         title: this.getSnapshotTitle(snapshot),
         created: this.getSnapshotDate(snapshot),
         modified: this.getSnapshotModified(snapshot),
+        taggedAt: this.getSnapshotTaggedAt(snapshot),
         isTagged: this.isTaggedSnapshot(snapshot),
-        addedCount: this.getAddedCount(
-          snapshot,
-          currentMembers,
-          previousMembers
-        ),
-        modifiedCount: this.getModifiedCount(
-          snapshot,
-          currentMembers,
-          previousMembers
-        ),
-        totalObjects: this.getSnapshotTotalObjects(snapshot, currentMembers),
+        stats: this.getSnapshotStats(snapshot, addedCount, modifiedCount),
+        addedCount,
+        modifiedCount,
+        totalObjects,
       };
     });
   }
@@ -1909,11 +2021,11 @@ export class ReleaseTrackPageComponent implements OnInit {
     snapshot: ReleaseTrackSnapshotHistoryItem
   ): Date | null {
     const value =
-      snapshot.created ||
       snapshot.modified ||
       snapshot.snapshot_id ||
-      snapshot.tagged_at ||
-      snapshot.stix?.modified;
+      snapshot.stix?.modified ||
+      snapshot.created ||
+      snapshot.tagged_at;
     return value ? new Date(value) : null;
   }
 
@@ -1926,6 +2038,13 @@ export class ReleaseTrackPageComponent implements OnInit {
     return value instanceof Date ? value.toISOString() : String(value);
   }
 
+  private getSnapshotTaggedAt(
+    snapshot: ReleaseTrackSnapshotHistoryItem
+  ): Date | null {
+    const value = snapshot.tagged_at;
+    return value ? new Date(value) : null;
+  }
+
   private getSnapshotTime(snapshot: ReleaseTrackSnapshotHistoryItem): number {
     return this.getSnapshotDate(snapshot)?.getTime() || 0;
   }
@@ -1934,6 +2053,96 @@ export class ReleaseTrackPageComponent implements OnInit {
     return !!(snapshot.version || snapshot.stix?.x_mitre_version);
   }
 
+  private getSnapshotStats(
+    snapshot: ReleaseTrackSnapshotHistoryItem,
+    addedCount: number,
+    modifiedCount: number
+  ): SnapshotHistoryStat[] {
+    const stats: SnapshotHistoryStat[] = [];
+    const hasAddedCount = this.hasSnapshotCount(snapshot, 'added_count');
+    const hasModifiedCount = this.hasSnapshotCount(snapshot, 'modified_count');
+
+    if (hasAddedCount) {
+      stats.push({
+        label: 'Added',
+        value: `+${addedCount}`,
+        modifier: 'promote-color',
+      });
+    }
+
+    if (hasModifiedCount) {
+      stats.push({
+        label: 'Modified',
+        value: modifiedCount,
+        modifier: 'modified-color',
+      });
+    }
+
+    if (this.getSnapshotType(snapshot) === ReleaseTrackType.Virtual) {
+      return [
+        ...stats,
+        {
+          label: 'Members',
+          value: this.getSnapshotCount(snapshot, 'members_count') ?? 0,
+        },
+        {
+          label: 'Quarantine',
+          value:
+            this.getSnapshotCount(
+              snapshot,
+              'quarantine_count',
+              'quarantined_count'
+            ) ?? 0,
+        },
+      ];
+    }
+
+    const tierStats: SnapshotHistoryStat[] = [
+      {
+        label: 'Candidates',
+        value: this.getSnapshotCount(snapshot, 'candidates_count') ?? 0,
+        modifier: 'view-color',
+      },
+      {
+        label: 'Staged',
+        value: this.getSnapshotCount(snapshot, 'staged_count') ?? 0,
+        modifier: 'promote-color',
+      },
+      {
+        label: 'Members',
+        value: this.getSnapshotCount(snapshot, 'members_count') ?? 0,
+      },
+    ];
+
+    if (tierStats.some(stat => Number(stat.value) > 0)) {
+      return [...stats, ...tierStats];
+    }
+
+    return [
+      ...stats,
+      {
+        label: 'Total Objects',
+        value: this.getSnapshotTotalObjects(
+          snapshot,
+          this.getSnapshotMembers(snapshot)
+        ),
+      },
+    ];
+  }
+
+  private getSnapshotType(
+    snapshot: ReleaseTrackSnapshotHistoryItem
+  ): ReleaseTrackType | null {
+    const type =
+      snapshot.type ||
+      (this.isLatestHistorySnapshot(snapshot) ? this.releaseTrack?.type : null);
+    return type === ReleaseTrackType.Virtual
+      ? ReleaseTrackType.Virtual
+      : type === ReleaseTrackType.Standard
+        ? ReleaseTrackType.Standard
+        : null;
+  }
+
   private getSnapshotMembers(
     snapshot: ReleaseTrackSnapshotHistoryItem
   ): SnapshotMemberRef[] {
@@ -1980,11 +2189,13 @@ export class ReleaseTrackPageComponent implements OnInit {
     currentMembers: SnapshotMemberRef[],
     previousMembers: SnapshotMemberRef[]
   ): number {
-    if (typeof snapshot.summary?.added_count === 'number') {
-      return snapshot.summary.added_count;
-    }
-    if (typeof snapshot.summary?.promoted_count === 'number') {
-      return snapshot.summary.promoted_count;
+    const addedCount = this.getSnapshotCount(
+      snapshot,
+      'added_count',
+      'promoted_count'
+    );
+    if (addedCount !== null) {
+      return addedCount;
     }
     if (!previousMembers.length) return 0;
 
@@ -2000,8 +2211,9 @@ export class ReleaseTrackPageComponent implements OnInit {
     currentMembers: SnapshotMemberRef[],
     previousMembers: SnapshotMemberRef[]
   ): number {
-    if (typeof snapshot.summary?.modified_count === 'number') {
-      return snapshot.summary.modified_count;
+    const modifiedCount = this.getSnapshotCount(snapshot, 'modified_count');
+    if (modifiedCount !== null) {
+      return modifiedCount;
     }
     if (!previousMembers.length) return 0;
 
@@ -2023,8 +2235,27 @@ export class ReleaseTrackPageComponent implements OnInit {
     snapshot: ReleaseTrackSnapshotHistoryItem,
     members: SnapshotMemberRef[]
   ): number {
-    if (typeof snapshot.summary?.members_count === 'number') {
-      return snapshot.summary.members_count;
+    if (this.getSnapshotType(snapshot) === ReleaseTrackType.Virtual) {
+      const membersCount = this.getSnapshotCount(snapshot, 'members_count');
+      const quarantineCount = this.getSnapshotCount(
+        snapshot,
+        'quarantine_count',
+        'quarantined_count'
+      );
+      if (membersCount !== null || quarantineCount !== null) {
+        return (membersCount ?? 0) + (quarantineCount ?? 0);
+      }
+    }
+
+    const membersCount = this.getSnapshotCount(snapshot, 'members_count');
+    const stagedCount = this.getSnapshotCount(snapshot, 'staged_count');
+    const candidatesCount = this.getSnapshotCount(snapshot, 'candidates_count');
+    if (
+      membersCount !== null ||
+      stagedCount !== null ||
+      candidatesCount !== null
+    ) {
+      return (membersCount ?? 0) + (stagedCount ?? 0) + (candidatesCount ?? 0);
     }
     if (typeof snapshot.composition_resolution?.total_objects === 'number') {
       return snapshot.composition_resolution.total_objects;
@@ -2041,6 +2272,45 @@ export class ReleaseTrackPageComponent implements OnInit {
     return new Set(allRefs).size;
   }
 
+  private hasSnapshotCount(
+    snapshot: ReleaseTrackSnapshotHistoryItem,
+    ...keys: string[]
+  ): boolean {
+    return this.getSnapshotCount(snapshot, ...keys) !== null;
+  }
+
+  private getSnapshotCount(
+    snapshot: ReleaseTrackSnapshotHistoryItem,
+    ...keys: string[]
+  ): number | null {
+    const latestSnapshot = this.isLatestHistorySnapshot(snapshot)
+      ? this.releaseTrack
+      : null;
+
+    for (const key of keys) {
+      const value =
+        snapshot[key] ??
+        snapshot.summary?.[key] ??
+        latestSnapshot?.summary?.[key] ??
+        snapshot.statistics?.[key] ??
+        null;
+      if (typeof value === 'number') return value;
+    }
+
+    return null;
+  }
+
+  private isLatestHistorySnapshot(
+    snapshot: ReleaseTrackSnapshotHistoryItem
+  ): boolean {
+    if (snapshot.is_latest) return true;
+    if (!this.releaseTrack?.modified) return false;
+    return (
+      this.getSnapshotModified(snapshot) ===
+      this.toIsoString(this.releaseTrack.modified)
+    );
+  }
+
   private getSnapshotExportFilename(
     item: SnapshotHistoryViewModel,
     format: ExportFormatType

From e1dadbc6fc52d1d22cd5b55e86866bab92ce1b10 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Mon, 27 Jul 2026 13:20:42 -0400
Subject: [PATCH 112/190] style: update save dialog labels

---
 src/app/components/save-dialog/save-dialog.component.html | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/app/components/save-dialog/save-dialog.component.html b/src/app/components/save-dialog/save-dialog.component.html
index 76f727f81..624cbce24 100644
--- a/src/app/components/save-dialog/save-dialog.component.html
+++ b/src/app/components/save-dialog/save-dialog.component.html
@@ -133,15 +133,13 @@ <h5>Enroll in New Release Track</h5>
         <strong>{{ selectedVersionLabel }}</strong>
       </div>
       <div class="save-footer-actions">
-        <button mat-stroked-button mat-dialog-close>
-          Cancel, Keep Editing
-        </button>
+        <button mat-stroked-button mat-dialog-close>Cancel</button>
         <button
           mat-raised-button
           color="primary"
           [disabled]="!saveEnabled"
           (click)="onConfirmSave()">
-          Save & Update Status
+          Save
         </button>
       </div>
     </footer>

From 856a2bfc3aa407ba9599bbd0fe6da4b803259633 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Thu, 9 Jul 2026 10:02:24 -0400
Subject: [PATCH 113/190] fix(release-tracks): resolve object card view routes

---
 .../release-track-page.component.ts                | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index e5eb8385d..ef1a09c0a 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -606,9 +606,10 @@ export class ReleaseTrackPageComponent implements OnInit {
     });
   }
 
-  public getViewUrl(stixId: string): string {
-    const stixType = stixId.split('-')[0] as StixType;
-    return `/${StixTypeToAttackType[stixType]}/${stixId}`;
+  public getViewUrl(stixId: string): string | null {
+    const [stixType] = stixId.split('--');
+    const attackType = StixTypeToAttackType[stixType as StixType];
+    return attackType ? `/${attackType}/${stixId}` : null;
   }
 
   public promote(objectIds: string[]): void {
@@ -673,7 +674,12 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public onView(id: string): void {
-    this.router.navigate([this.getViewUrl(id)]);
+    const viewUrl = this.getViewUrl(id);
+    if (!viewUrl) {
+      console.error('Unable to resolve object route', id);
+      return;
+    }
+    this.router.navigate([viewUrl]);
   }
 
   public onDiff(item: any): void {

From cb4cb62138c0fbe0face50b750b9f8fcfb1c9fc6 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 19:15:17 -0400
Subject: [PATCH 114/190] feat(release-tracks): manage workflow status across
 release tracks

---
 src/app/app.module.ts                         |   2 +
 src/app/classes/release-tracks/tiers.ts       |   4 +
 src/app/classes/stix/stix-object.ts           |   2 +
 .../name-property.component.html              | 123 ++++--
 .../name-property.component.scss              | 273 +++++++++---
 .../name-property.component.spec.ts           | 169 ++++++-
 .../name-property/name-property.component.ts  | 338 ++++++++++++--
 .../stix-page-tabs.component.scss             |   1 -
 .../subheading/subheading.component.html      |   2 +-
 .../subheading/subheading.component.spec.ts   |  25 ++
 .../subheading/subheading.component.ts        |  12 +
 .../workflow-status-dialog.component.html     | 127 ++++++
 .../workflow-status-dialog.component.scss     | 412 ++++++++++++++++++
 .../workflow-status-dialog.component.spec.ts  | 204 +++++++++
 .../workflow-status-dialog.component.ts       | 377 ++++++++++++++++
 src/app/utils/types.ts                        |  60 ++-
 src/style/colors.scss                         |  34 ++
 src/style/layouts/view-page.scss              |   2 +-
 src/style/typography.scss                     |   4 +
 19 files changed, 2037 insertions(+), 134 deletions(-)
 create mode 100644 src/app/components/workflow-status-dialog/workflow-status-dialog.component.html
 create mode 100644 src/app/components/workflow-status-dialog/workflow-status-dialog.component.scss
 create mode 100644 src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
 create mode 100644 src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 3efcde6fc..0025f6775 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -86,6 +86,7 @@ import { ToolbarComponent } from './components/toolbar/toolbar.component';
 import { UserAvatarComponent } from './components/user-avatar/user-avatar.component';
 import { ValidationResultsComponent } from './components/validation-results/validation-results.component';
 import { VersionPopoverComponent } from './components/version-popover/version-popover.component';
+import { WorkflowStatusDialogComponent } from './components/workflow-status-dialog/workflow-status-dialog.component';
 
 // STIX components
 import { StixListComponent } from './components/stix/stix-list/stix-list.component';
@@ -258,6 +259,7 @@ export function initConfig(appConfigService: AppConfigService) {
     MarkdownViewDialogComponent,
     CollectionImportSummaryComponent,
     SaveDialogComponent,
+    WorkflowStatusDialogComponent,
     AddDialogComponent,
     DeleteDialogComponent,
     HistoryTimelineComponent,
diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index 1f80343d1..4d68d01c4 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -1,4 +1,8 @@
 import { WorkflowStatusType } from 'src/app/utils/types';
+import { SnapshotTier } from './enums';
+
+export type ReleaseTrackObjectTier =
+  SnapshotTier.Candidate | SnapshotTier.Staged;
 
 export interface TierEntryModifiedByUser {
   id?: string;
diff --git a/src/app/classes/stix/stix-object.ts b/src/app/classes/stix/stix-object.ts
index 515660743..3c6180c45 100644
--- a/src/app/classes/stix/stix-object.ts
+++ b/src/app/classes/stix/stix-object.ts
@@ -65,6 +65,7 @@ export abstract class StixObject extends Serializable {
     state: WorkflowStatusType;
     created_by_user_account?: string;
   };
+  public workspace?: any;
 
   public deprecated = false; //is object deprecated?
   public revoked = false; //is object revoked?
@@ -356,6 +357,7 @@ export abstract class StixObject extends Serializable {
     if ('workspace' in raw) {
       // parse workspace fields
       const workspaceData = raw.workspace;
+      this.workspace = workspaceData;
       if ('workflow' in workspaceData && workspaceData.workflow !== undefined) {
         if (typeof workspaceData.workflow == 'object') {
           this.workflow = workspaceData.workflow;
diff --git a/src/app/components/stix/name-property/name-property.component.html b/src/app/components/stix/name-property/name-property.component.html
index 4dbffbb7a..3fb1b747c 100644
--- a/src/app/components/stix/name-property/name-property.component.html
+++ b/src/app/components/stix/name-property/name-property.component.html
@@ -1,5 +1,6 @@
 <div class="name-property">
   <div *ngIf="!config.mode || config.mode === 'view'">
+    <!-- obj name -->
     <h1 class="lowercase">
       <span *ngIf="config.parent">
         <a class="external-link" [href]="internalParentLink" target="_blank">{{
@@ -8,41 +9,95 @@ <h1 class="lowercase">
         >:&nbsp;
       </span>
       {{ config.object[field] }}
-      <mat-form-field
-        *ngIf="showWorkflowControl"
-        class="workflow-select"
-        appearance="outline">
-        <mat-select
-          [formControl]="statusControl"
-          [aria-label]="'workflow status'"
-          [panelClass]="'workflow-select-panel'">
-          <mat-select-trigger>
-            <mat-icon
-              class="workflow-status-icon"
-              [class]="workflowColor(statusControl.value)"
-              [matTooltip]="statusControl.value?.replaceAll('-', ' ')"
-              matTooltipPosition="below">
-              {{ workflowIcon(statusControl.value) }}
-            </mat-icon>
-          </mat-select-trigger>
-          <mat-option
-            *ngFor="let workflow of workflows"
-            (onSelectionChange)="workflowChange($event)"
-            [value]="workflow[0]"
-            [attr.aria-label]="workflow[1]">
-            <div class="workflow-option">
-              <mat-icon
-                class="workflow-status-icon"
-                [class]="workflowColor(workflow[0])"
-                [matTooltip]="workflow[1]"
-                matTooltipPosition="right">
-                {{ workflowIcon(workflow[0]) }}
-              </mat-icon>
-            </div>
-          </mat-option>
-        </mat-select>
-      </mat-form-field>
     </h1>
+
+    <!-- copy stix id -->
+    <div *ngIf="showWorkflowControl" class="workflow-control-row">
+      <button
+        mat-button
+        type="button"
+        class="workflow-action-button stix-id-copy-button"
+        [cdkCopyToClipboard]="object.stixID"
+        (click)="
+          snackbar.open('STIX ID copied to clipboard', null, {
+            duration: 1000,
+          })
+        "
+        aria-label="Copy STIX ID">
+        <mat-icon>content_copy</mat-icon>
+        <span>Copy STIX ID</span>
+      </button>
+
+      <!-- update workflow status -->
+      <button
+        mat-button
+        type="button"
+        class="workflow-action-button workflow-trigger"
+        [matMenuTriggerFor]="workflowStatusMenu"
+        #workflowTriggerButton
+        #workflowMenuTrigger="matMenuTrigger"
+        aria-label="Submit object for review">
+        <mat-icon>assignment_ind</mat-icon>
+        <span>Submit for Review</span>
+      </button>
+
+      <mat-menu
+        #workflowStatusMenu="matMenu"
+        class="workflow-status-menu-panel"
+        xPosition="after"
+        yPosition="below">
+        <div class="workflow-status-menu">
+          <h3 class="workflow-menu-title">Object Release Tracks</h3>
+
+          <div *ngIf="loadingTracks" class="workflow-menu-empty">
+            Loading release tracks...
+          </div>
+
+          <div
+            *ngIf="!loadingTracks && hasTracks; else noReleaseTracks"
+            class="workflow-menu-track-list">
+            <section
+              *ngFor="let rt of trackStatuses"
+              class="workflow-menu-track">
+              <div class="workflow-menu-track-header">
+                <div>
+                  <h4>{{ rt.name }}</h4>
+                  <p *ngIf="rt.description">
+                    {{ rt.description }}
+                  </p>
+                </div>
+                <app-status-chip
+                  class="workflow-menu-state-chip"
+                  [status]="rt.status"></app-status-chip>
+              </div>
+
+              <div
+                class="workflow-menu-actions"
+                aria-label="Release track workflow status options">
+                <button
+                  *ngFor="let action of statusActions"
+                  type="button"
+                  [class]="'workflow-option-' + action.modifier"
+                  [class.active]="isStatusActive(rt, action.status)"
+                  [disabled]="isStatusActive(rt, action.status)"
+                  (click)="
+                    openStatusDialog(action.status, workflowMenuTrigger, rt)
+                  ">
+                  {{ action.label }}
+                </button>
+              </div>
+            </section>
+          </div>
+
+          <ng-template #noReleaseTracks>
+            <div *ngIf="!loadingTracks" class="workflow-menu-empty">
+              No active release track status found.
+            </div>
+          </ng-template>
+        </div>
+      </mat-menu>
+    </div>
+
     <h3 class="status">
       <span class="error-text" *ngIf="config.object['deprecated']"
         >deprecated</span
diff --git a/src/app/components/stix/name-property/name-property.component.scss b/src/app/components/stix/name-property/name-property.component.scss
index f169dc382..fcc2f3030 100644
--- a/src/app/components/stix/name-property/name-property.component.scss
+++ b/src/app/components/stix/name-property/name-property.component.scss
@@ -1,69 +1,114 @@
+@use 'sass:color';
 @use '../../../../style/colors';
 
-.workflow-status-icon {
-  &.warn {
-    color: colors.color(warn) !important;
+$workflow-wip-color: colors.color(info);
+$workflow-awaiting-review-color: color.mix(
+  colors.color(warn),
+  colors.color(spark-yellow),
+  70%
+);
+$workflow-reviewed-color: colors.color(success);
+
+@mixin workflow-option-color($status-color) {
+  .dark &,
+  .light & {
+    border-color: rgba($status-color, 0.3);
+    color: $status-color;
+    background: rgba($status-color, 0.06);
   }
 
-  &.error {
-    color: colors.color(error) !important;
+  &:hover:not(:disabled) {
+    .dark &,
+    .light & {
+      border-color: rgba($status-color, 0.55);
+      color: $status-color;
+      background: rgba($status-color, 0.11);
+    }
   }
 
-  &.success {
-    color: colors.color(success) !important;
+  &.active {
+    .dark &,
+    .light & {
+      border-color: $status-color;
+      color: $status-color;
+      background: rgba($status-color, 0.18);
+    }
   }
 }
 
 .name-property {
-  .workflow-select {
-    margin-left: 0.5rem;
-    width: auto;
+  .workflow-control-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    justify-content: center;
+    margin-top: 8px;
+  }
 
-    .mat-mdc-form-field-subscript-wrapper {
-      display: none;
-    }
+  .workflow-action-button {
+    flex: 0 0 auto;
+    border: 1px solid;
+    border-radius: 8px;
+    padding: 0 14px;
+    min-width: 0;
+    height: 34px;
+    font-size: 13px;
+    font-weight: 700;
+    line-height: 20px;
+    text-transform: none;
 
-    .mat-mdc-text-field-wrapper {
-      padding: 0 0.35rem;
+    .mat-icon {
+      margin-right: 6px;
+      width: 16px;
+      height: 16px;
+      font-size: 16px;
+      line-height: 16px;
     }
+  }
 
-    .mat-mdc-form-field-infix {
-      min-height: auto;
-      padding: 0.35rem 0;
-      width: auto;
-    }
+  .stix-id-copy-button {
+    @include colors.theme-border-color;
+    @include colors.theme-text-emphasis;
+    @include colors.theme-property(
+      background,
+      rgba(colors.on-color(dark), 0.04),
+      rgba(colors.on-color(light), 0.025)
+    );
 
-    .mat-mdc-select-trigger {
-      align-items: center;
-      display: inline-flex;
-      justify-content: center;
-      width: 100%;
+    &:hover {
+      @include colors.theme-property(
+        background,
+        rgba(colors.on-color(dark), 0.08),
+        rgba(colors.on-color(light), 0.055)
+      );
     }
+  }
 
-    .mat-mdc-select-arrow-wrapper {
-      margin-left: 0.15rem;
-    }
+  .workflow-trigger {
+    font-weight: 800;
+    color: colors.color(warn);
 
-    .mat-mdc-select-value {
-      display: flex;
-      justify-content: center;
+    .dark & {
+      border-color: rgba(colors.color(warn), 0.42);
+      background: rgba(colors.color(warn), 0.1);
     }
 
-    .mdc-notched-outline__leading,
-    .mdc-notched-outline__trailing {
-      width: 8px !important;
+    .light & {
+      border-color: rgba(colors.color(warn), 0.38);
+      background: rgba(colors.color(warn), 0.08);
     }
 
-    .mdc-notched-outline__notch {
-      border-right: none;
-    }
-  }
+    &:hover {
+      .dark & {
+        border-color: rgba(colors.color(warn), 0.62);
+        background: rgba(colors.color(warn), 0.16);
+      }
 
-  .workflow-option {
-    align-items: center;
-    display: flex;
-    justify-content: center;
-    width: 100%;
+      .light & {
+        border-color: rgba(colors.color(warn), 0.56);
+        background: rgba(colors.color(warn), 0.13);
+      }
+    }
   }
 
   .name-edit {
@@ -111,15 +156,143 @@
   }
 }
 
-.workflow-select-panel {
-  .mat-mdc-option {
-    .mat-icon {
-      margin-left: -3px !important;
-      margin-right: 0 !important;
+.workflow-status-menu-panel.mat-mdc-menu-panel {
+  max-width: none;
+  border-radius: 8px;
+  border: 1px solid;
+  overflow: hidden;
+  @include colors.theme-border-color;
+
+  @include colors.theme-property(
+    background,
+    colors.color(mitre-black),
+    colors.color(light)
+  );
+
+  .mat-mdc-menu-content {
+    padding: 0;
+  }
+}
+
+.workflow-status-menu {
+  box-sizing: border-box;
+  width: min(92vw, 460px);
+  padding: 14px 16px 16px;
+
+  .workflow-menu-title {
+    margin: 0 0 12px;
+    font-size: 13px;
+    font-weight: 800;
+    line-height: 18px;
+    @include colors.theme-text-emphasis;
+  }
+
+  .workflow-menu-track-list {
+    display: grid;
+  }
+
+  .workflow-menu-track {
+    display: grid;
+    gap: 10px;
+    padding: 14px 0;
+
+    &:first-child {
+      padding-top: 0;
+    }
+
+    &:last-child {
+      padding-bottom: 0;
+    }
+
+    & + .workflow-menu-track {
+      border-top: 1px solid;
+      @include colors.theme-border-color;
+    }
+  }
+
+  .workflow-menu-track-header {
+    display: flex;
+    align-items: start;
+    justify-content: space-between;
+    gap: 16px;
+
+    > div {
+      min-width: 0;
     }
 
-    .mat-pseudo-checkbox {
-      display: none !important;
+    h4,
+    p {
+      margin: 0;
     }
+
+    h4 {
+      font-size: 16px;
+      font-weight: 800;
+      line-height: 21px;
+    }
+
+    p {
+      margin-top: 2px;
+      font-size: 11px;
+      line-height: 16px;
+      @include colors.theme-text-deemphasis;
+    }
+  }
+
+  .workflow-menu-state-chip {
+    flex: 0 0 auto;
+  }
+
+  .workflow-menu-actions {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 6px;
+
+    button {
+      border: 1px solid;
+      border-radius: 6px;
+      padding: 5px 7px;
+      cursor: pointer;
+      font-size: 12px;
+      font-weight: 700;
+      line-height: 16px;
+      text-align: center;
+      text-transform: uppercase;
+
+      .dark & {
+        border-color: rgba(colors.on-color(dark), 0.09);
+        color: colors.on-color-deemphasis(dark);
+        background: rgba(colors.color(dark), 0.28);
+      }
+
+      .light & {
+        border-color: rgba(colors.on-color(light), 0.12);
+        color: colors.on-color-deemphasis(light);
+        background: rgba(colors.on-color(light), 0.02);
+      }
+
+      &.workflow-option-wip {
+        @include workflow-option-color($workflow-wip-color);
+      }
+
+      &.workflow-option-awaiting-review {
+        @include workflow-option-color($workflow-awaiting-review-color);
+      }
+
+      &.workflow-option-reviewed {
+        @include workflow-option-color($workflow-reviewed-color);
+      }
+
+      &:disabled {
+        cursor: default;
+      }
+    }
+  }
+
+  .workflow-menu-empty {
+    padding: 4px 0 2px;
+    font-size: 13px;
+    line-height: 19px;
+    @include colors.theme-text-deemphasis;
   }
 }
diff --git a/src/app/components/stix/name-property/name-property.component.spec.ts b/src/app/components/stix/name-property/name-property.component.spec.ts
index bf8d0dd05..18d2143d0 100644
--- a/src/app/components/stix/name-property/name-property.component.spec.ts
+++ b/src/app/components/stix/name-property/name-property.component.spec.ts
@@ -1,24 +1,76 @@
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { provideHttpClient } from '@angular/common/http';
+import { MatDialog } from '@angular/material/dialog';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatSnackBar } from '@angular/material/snack-bar';
 
 import { NamePropertyComponent } from './name-property.component';
+import { StixObject } from 'src/app/classes/stix/stix-object';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
+import { EditorService } from 'src/app/services/editor/editor.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
 import { ActivatedRoute } from '@angular/router';
 import { of } from 'rxjs';
+import { vi } from 'vitest';
+import { WorkflowStatus } from 'src/app/utils/types';
+import { WorkflowStatusDialogComponent } from 'src/app/components/workflow-status-dialog/workflow-status-dialog.component';
 
 describe('NamePropertyComponent', () => {
   let component: NamePropertyComponent;
   let fixture: ComponentFixture<NamePropertyComponent>;
+  let mockDialog;
+  let mockEditorService;
+  let mockReleaseTracksService;
+  let mockSnackbar;
 
   beforeEach(async () => {
     const mockRestApiConnector = createMockRestApiConnector({});
+    mockDialog = {
+      open: vi.fn().mockReturnValue({
+        afterClosed: () => of(true),
+      }),
+    };
+    mockEditorService = {
+      onReload: {
+        emit: vi.fn(),
+      },
+    };
+    mockSnackbar = {
+      open: vi.fn(),
+    };
+    mockReleaseTracksService = {
+      getLatestSnapshot: vi.fn().mockReturnValue(
+        createAsyncObservable({
+          name: 'Core Objects',
+          description: 'Core workflow',
+          candidates: [
+            {
+              object_ref: 'attack-pattern--123',
+              object_status: WorkflowStatus.WorkInProgress,
+            },
+          ],
+          staged: [],
+        })
+      ),
+    };
 
     await TestBed.configureTestingModule({
       declarations: [NamePropertyComponent],
+      imports: [MatMenuModule],
       providers: [
         { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        { provide: MatDialog, useValue: mockDialog },
+        { provide: MatSnackBar, useValue: mockSnackbar },
+        { provide: EditorService, useValue: mockEditorService },
+        {
+          provide: ReleaseTracksConnectorService,
+          useValue: mockReleaseTracksService,
+        },
         {
           provide: ActivatedRoute,
           useValue: {
@@ -46,4 +98,119 @@ describe('NamePropertyComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should open workflow status dialog for a release track status action', async () => {
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'attack-pattern--123';
+    object.attackType = 'technique';
+    object.workflow = { state: WorkflowStatus.WorkInProgress };
+    object.workspace = {
+      release_tracks: [
+        {
+          track_id: 'release-track--core',
+          name: 'Core Objects',
+          object_ref: 'attack-pattern--123',
+          object_modified: '2026-01-01T00:00:00.000Z',
+          object_status: WorkflowStatus.WorkInProgress,
+        },
+      ],
+    };
+    component.config = {
+      mode: 'view',
+      object,
+    };
+    component.ngOnInit();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    const track = component.trackStatuses[0];
+    component.openStatusDialog(WorkflowStatus.Reviewed, undefined, track);
+
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      WorkflowStatusDialogComponent,
+      expect.objectContaining({
+        data: expect.objectContaining({
+          object,
+          targetStatus: WorkflowStatus.Reviewed,
+          track: expect.objectContaining({
+            trackId: 'release-track--core',
+          }),
+        }),
+      })
+    );
+    expect(component.statusControl.value).toBe(WorkflowStatus.Reviewed);
+    expect(mockEditorService.onReload.emit).toHaveBeenCalled();
+  });
+
+  it('should reset workflow status control when workflow status dialog is canceled', async () => {
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of(false),
+    });
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'attack-pattern--123';
+    object.attackType = 'technique';
+    object.workflow = { state: WorkflowStatus.WorkInProgress };
+    object.workspace = {
+      release_tracks: [
+        {
+          track_id: 'release-track--core',
+          name: 'Core Objects',
+          object_ref: 'attack-pattern--123',
+          object_modified: '2026-01-01T00:00:00.000Z',
+          object_status: WorkflowStatus.WorkInProgress,
+        },
+      ],
+    };
+    component.config = {
+      mode: 'view',
+      object,
+    };
+    component.ngOnInit();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    component.openStatusDialog(
+      WorkflowStatus.Reviewed,
+      undefined,
+      component.trackStatuses[0]
+    );
+
+    expect(component.statusControl.value).toBe(WorkflowStatus.WorkInProgress);
+  });
+
+  it('should load release track workflow rows for the status menu', async () => {
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'attack-pattern--123';
+    object.attackType = 'technique';
+    object.workflow = { state: WorkflowStatus.WorkInProgress };
+    object.workspace = {
+      release_tracks: [
+        {
+          track_id: 'release-track--core',
+          name: 'Core Objects',
+          object_ref: 'attack-pattern--123',
+          object_modified: '2026-01-01T00:00:00.000Z',
+          object_status: WorkflowStatus.WorkInProgress,
+        },
+      ],
+    };
+    component.config = {
+      mode: 'view',
+      object,
+    };
+
+    component.ngOnInit();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(mockReleaseTracksService.getLatestSnapshot).toHaveBeenCalledWith(
+      'release-track--core',
+      { include: 'all' }
+    );
+    expect(component.trackStatuses).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--core',
+        name: 'Core Objects',
+        description: 'Core workflow',
+        status: WorkflowStatus.WorkInProgress,
+      }),
+    ]);
+  });
 });
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index 8181c92c9..89c3886b1 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -1,13 +1,35 @@
-import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';
+import {
+  Component,
+  ElementRef,
+  Input,
+  OnInit,
+  ViewChild,
+  ViewEncapsulation,
+} from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { forkJoin, of } from 'rxjs';
+import { catchError, map } from 'rxjs/operators';
+import { SnapshotTier } from 'src/app/classes/release-tracks';
+import type {
+  ReleaseTrackObjectTier,
+  StixObjectRef,
+} from 'src/app/classes/release-tracks';
 import { Relationship } from 'src/app/classes/stix/relationship';
 import { StixObject } from 'src/app/classes/stix/stix-object';
 import { Technique } from 'src/app/classes/stix/technique';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { EditorService } from 'src/app/services/editor/editor.service';
-import { SaveDialogComponent } from '../../save-dialog/save-dialog.component';
-import { WorkflowStatus, WorkflowStatusMap } from 'src/app/utils/types';
+import { WorkflowStatusDialogComponent } from 'src/app/components/workflow-status-dialog/workflow-status-dialog.component';
+import { WORKFLOW_STATUS_OPTIONS, WorkflowStatus } from 'src/app/utils/types';
+import type {
+  ReleaseTrackStatus,
+  WorkflowStatusType,
+} from 'src/app/utils/types';
+import { logger } from 'src/app/utils/logger';
 
 @Component({
   selector: 'app-name-property',
@@ -18,10 +40,20 @@ import { WorkflowStatus, WorkflowStatusMap } from 'src/app/utils/types';
 })
 export class NamePropertyComponent implements OnInit {
   @Input() public config: NamePropertyConfig;
+  @ViewChild('workflowTriggerButton')
+  private workflowTriggerButton?: ElementRef<HTMLElement>;
   public currentTargetObj?: any;
   public loaded = false;
   public statusControl: FormControl<WorkflowStatus | null>;
-  public workflows = Object.entries(WorkflowStatusMap);
+  public trackStatuses: ReleaseTrackStatus[] = [];
+  public loadingTracks = false;
+  public statusActions: WorkflowStatusAction[] = WORKFLOW_STATUS_OPTIONS.map(
+    option => ({
+      ...option,
+      status: option.value,
+      modifier: this.getWorkflowStatusModifier(option.value),
+    })
+  );
 
   public get field() {
     return this.config.field ? this.config.field : 'name';
@@ -41,6 +73,10 @@ export class NamePropertyComponent implements OnInit {
     );
   }
 
+  public get hasTracks(): boolean {
+    return this.trackStatuses.length > 0;
+  }
+
   /**
    * retrieve the internal link to the parent technique
    */
@@ -64,7 +100,9 @@ export class NamePropertyComponent implements OnInit {
   constructor(
     private dialog: MatDialog,
     private editorService: EditorService,
-    private restAPIService: RestApiConnectorService
+    private restAPIService: RestApiConnectorService,
+    private releaseTracksService: ReleaseTracksConnectorService,
+    public snackbar: MatSnackBar
   ) {}
 
   ngOnInit(): void {
@@ -73,6 +111,7 @@ export class NamePropertyComponent implements OnInit {
     this.statusControl.setValue(
       object?.workflow?.state || WorkflowStatus.WorkInProgress
     );
+    if (this.showWorkflowControl) this.loadTrackStatuses();
     if (this.config.mode !== 'diff' && object.revoked) {
       // retrieve revoking object
       const data$ = this.restAPIService.getRelatedTo({
@@ -98,53 +137,272 @@ export class NamePropertyComponent implements OnInit {
     return '';
   }
 
-  public workflowChange(event): void {
+  public openStatusDialog(
+    targetStatus: WorkflowStatusType,
+    menuTrigger: MatMenuTrigger | undefined,
+    track: ReleaseTrackStatus
+  ): void {
+    menuTrigger?.closeMenu();
     const previousWorkflowState =
       this.object?.workflow?.state || WorkflowStatus.WorkInProgress;
-    if (event.isUserInput) {
-      const dialogRef = this.dialog.open(SaveDialogComponent, {
-        maxWidth: '70em',
-        maxHeight: '70em',
-        data: {
-          object: this.object,
-          versionAlreadyIncremented: false,
-          initialWorkflowState: event.source.value,
+    const dialogRef = this.dialog.open(WorkflowStatusDialogComponent, {
+      maxWidth: '760px',
+      maxHeight: '86vh',
+      panelClass: 'workflow-status-dialog-panel',
+      backdropClass: 'workflow-status-dialog-backdrop',
+      data: {
+        object: this.object,
+        targetStatus,
+        track,
+      },
+      autoFocus: false,
+    });
+
+    dialogRef.afterClosed().subscribe(result => {
+      if (result) {
+        this.statusControl.setValue(targetStatus);
+        this.loadTrackStatuses();
+        this.editorService.onReload.emit();
+      } else {
+        this.statusControl.setValue(previousWorkflowState);
+      }
+    });
+  }
+
+  public isStatusActive(
+    row: ReleaseTrackStatus,
+    status: WorkflowStatusType
+  ): boolean {
+    return row.status === status;
+  }
+
+  private loadTrackStatuses(): void {
+    if (!this.object?.stixID) {
+      this.trackStatuses = [];
+      return;
+    }
+
+    this.loadingTracks = true;
+    const releaseTracks = this.getWorkspaceTracks();
+    if (!releaseTracks.length) {
+      this.trackStatuses = [];
+      this.loadingTracks = false;
+      return;
+    }
+
+    forkJoin(
+      releaseTracks.map(track =>
+        this.releaseTracksService
+          .getLatestSnapshot(track.trackId, { include: 'all' })
+          .pipe(
+            map(snapshot => this.toTrackStatus(track, snapshot)),
+            catchError(err => {
+              logger.error(
+                'Failed to load release track snapshot for workflow status menu',
+                err
+              );
+              return of(this.toTrackStatus(track, null));
+            })
+          )
+      )
+    )
+      .pipe(
+        map(rows =>
+          rows.filter((row): row is ReleaseTrackStatus => row !== null)
+        )
+      )
+      .subscribe({
+        next: rows => {
+          this.trackStatuses = rows;
+          this.loadingTracks = false;
+        },
+        error: err => {
+          logger.error(err);
+          this.trackStatuses = [];
+          this.loadingTracks = false;
         },
-        autoFocus: false,
       });
+  }
 
-      dialogRef.afterClosed().subscribe(result => {
-        if (result) {
-          this.statusControl.setValue(event.source.value);
-          this.editorService.onReload.emit();
-        } else {
-          this.statusControl.setValue(previousWorkflowState);
-        }
+  private toTrackStatus(
+    track: ReleaseTrackStatus,
+    snapshot: any
+  ): ReleaseTrackStatus | null {
+    const entry = this.getTrackedObjectEntry(snapshot);
+    if (!entry && !track.tier) return null;
+
+    const tier = this.getEntryTier(entry) || track.tier || null;
+    const status =
+      this.getEntryWorkflowStatus(entry) ||
+      track.status ||
+      this.getFallbackWorkflowStatus(tier);
+
+    return {
+      trackId: this.getTrackId(track) || '',
+      name: snapshot?.name || track.name || this.getTrackId(track) || '',
+      description: snapshot?.description || track.description || '',
+      tier,
+      status,
+      objectRef: entry ? this.getObjectRef(entry) : track.objectRef,
+    };
+  }
+
+  private getWorkspaceTracks(): ReleaseTrackStatus[] {
+    const releaseTracks = this.object?.workspace?.release_tracks;
+    if (!Array.isArray(releaseTracks)) return [];
+
+    const seen = new Set<string>();
+    return releaseTracks
+      .map(track => this.toWorkspaceTrack(track))
+      .filter((track): track is ReleaseTrackStatus => !!track)
+      .filter(track => {
+        if (seen.has(track.trackId)) return false;
+        seen.add(track.trackId);
+        return true;
       });
-    }
   }
 
-  public workflowIcon(status: WorkflowStatus): string {
-    switch (status) {
-      case WorkflowStatus.WorkInProgress:
-        return 'assignment';
-      case WorkflowStatus.AwaitingReview:
-        return 'assignment_ind';
-      case WorkflowStatus.Reviewed:
-        return 'assignment_turned_in';
-    }
+  private toWorkspaceTrack(track: any): ReleaseTrackStatus | null {
+    const trackId = typeof track === 'string' ? track : this.getTrackId(track);
+    if (!trackId) return null;
+    const tier = typeof track === 'string' ? null : this.getEntryTier(track);
+    const status =
+      typeof track === 'string'
+        ? WorkflowStatus.WorkInProgress
+        : this.getEntryWorkflowStatus(track) ||
+          this.getFallbackWorkflowStatus(tier);
+
+    return {
+      trackId,
+      name: typeof track === 'string' ? '' : track.name || track.track_name,
+      description: typeof track === 'string' ? '' : track.description || '',
+      tier,
+      status,
+      objectRef:
+        typeof track === 'string'
+          ? this.object.stixID
+          : this.getWorkspaceObjectRef(track),
+    };
+  }
+
+  private getTrackedObjectEntry(snapshot: any): any | null {
+    if (!snapshot) return null;
+    return (
+      this.getSnapshotWorkflowEntries(snapshot).find(
+        entry => this.getEntryObjectRef(entry) === this.object.stixID
+      ) || null
+    );
   }
 
-  public workflowColor(status: WorkflowStatus): string {
+  private getSnapshotWorkflowEntries(snapshot: any): any[] {
+    return [
+      this.withTier(snapshot?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.contents?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.contents?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.workspace?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.workspace?.staged, SnapshotTier.Staged),
+    ]
+      .filter(Array.isArray)
+      .reduce((entries, tierEntries) => entries.concat(tierEntries), []);
+  }
+
+  private withTier(
+    entries: any,
+    tier: ReleaseTrackObjectTier
+  ): any[] | undefined {
+    if (!Array.isArray(entries)) return undefined;
+    return entries.map(entry => ({
+      ...entry,
+      tier: this.getEntryTier(entry) || tier,
+    }));
+  }
+
+  private getEntryTier(entry: any): ReleaseTrackObjectTier | null {
+    if (!entry) return null;
+    const tier = String(entry.tier || entry.object_tier || '').toLowerCase();
+    if (tier === SnapshotTier.Staged) return SnapshotTier.Staged;
+    if (tier === SnapshotTier.Candidate) return SnapshotTier.Candidate;
+    if (entry.object_staged_at || entry.staged_at) return SnapshotTier.Staged;
+    if (this.getEntryWorkflowStatus(entry)) return SnapshotTier.Candidate;
+    return null;
+  }
+
+  private getEntryWorkflowStatus(entry: any): WorkflowStatusType | null {
+    if (!entry) return null;
+    const status = entry.object_status || entry.status;
+    if (Object.values(WorkflowStatus).includes(status)) return status;
+    return null;
+  }
+
+  private getFallbackWorkflowStatus(
+    tier: ReleaseTrackObjectTier | null
+  ): WorkflowStatusType {
+    return tier === SnapshotTier.Staged
+      ? WorkflowStatus.Reviewed
+      : WorkflowStatus.WorkInProgress;
+  }
+
+  private getWorkflowStatusModifier(
+    status: WorkflowStatusType
+  ): WorkflowStatusAction['modifier'] {
     switch (status) {
-      case WorkflowStatus.WorkInProgress:
-        return 'error';
       case WorkflowStatus.AwaitingReview:
-        return 'warn';
+        return 'awaiting-review';
       case WorkflowStatus.Reviewed:
-        return 'success';
+        return 'reviewed';
+      default:
+        return 'wip';
     }
   }
+
+  private getEntryObjectRef(entry: any): string | null {
+    return entry?.object_ref || entry?.ref || entry?.id || null;
+  }
+
+  private getObjectRef(entry: any): StixObjectRef {
+    const modified =
+      this.toIsoString(entry.object_modified) ||
+      this.toIsoString(entry.modified) ||
+      this.object.modified?.toISOString();
+
+    return modified
+      ? {
+          id: this.getEntryObjectRef(entry) || this.object.stixID,
+          modified,
+        }
+      : this.getEntryObjectRef(entry) || this.object.stixID;
+  }
+
+  private getWorkspaceObjectRef(track: any): StixObjectRef {
+    const modified =
+      this.toIsoString(track?.object_modified) ||
+      this.toIsoString(track?.modified) ||
+      this.object.modified?.toISOString();
+
+    return modified
+      ? {
+          id: track?.object_ref || track?.ref || this.object.stixID,
+          modified,
+        }
+      : track?.object_ref || track?.ref || this.object.stixID;
+  }
+
+  private toIsoString(value: any): string | null {
+    if (!value) return null;
+    if (value instanceof Date) return value.toISOString();
+    return String(value);
+  }
+
+  private getTrackId(track: any): string | null {
+    return (
+      track?.trackId ||
+      track?.track_id ||
+      track?.release_track_id ||
+      track?.releaseTrackId ||
+      (track?.id?.startsWith('release-track--') ? track.id : null)
+    );
+  }
 }
 
 export interface NamePropertyConfig {
@@ -167,3 +425,9 @@ export interface NamePropertyConfig {
    */
   field?: string;
 }
+
+interface WorkflowStatusAction {
+  label: string;
+  status: WorkflowStatusType;
+  modifier: 'wip' | 'awaiting-review' | 'reviewed';
+}
diff --git a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
index e9128a9a7..ef7ee4e08 100644
--- a/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
+++ b/src/app/components/stix/stix-page-tabs/stix-page-tabs.component.scss
@@ -16,7 +16,6 @@
     text-transform: uppercase;
     letter-spacing: 0.4px;
     display: inline-block;
-    padding: 0 8px;
   }
 
   .details-tpl-wrapper {
diff --git a/src/app/components/subheading/subheading.component.html b/src/app/components/subheading/subheading.component.html
index efa42b3b8..209fd18d8 100644
--- a/src/app/components/subheading/subheading.component.html
+++ b/src/app/components/subheading/subheading.component.html
@@ -2,7 +2,7 @@
 <app-stixid-property
   class="stixid-property grow-to-row"
   [class.editing]="editing"
-  *ngIf="object['stixID']"
+  *ngIf="showStixIdProperty"
   [config]="{
     object: config.object,
   }"></app-stixid-property>
diff --git a/src/app/components/subheading/subheading.component.spec.ts b/src/app/components/subheading/subheading.component.spec.ts
index c4532435e..f8d9d67b2 100644
--- a/src/app/components/subheading/subheading.component.spec.ts
+++ b/src/app/components/subheading/subheading.component.spec.ts
@@ -6,6 +6,7 @@ import { MtxPopoverModule } from '@ng-matero/extensions/popover';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { SubheadingComponent } from './subheading.component';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 describe('SubheadingComponent', () => {
   let component: SubheadingComponent;
@@ -39,4 +40,28 @@ describe('SubheadingComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should hide the STIX ID property when the name header shows workflow actions', () => {
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'attack-pattern--123';
+    object.attackType = 'technique';
+    component.config = {
+      mode: 'view',
+      object,
+    } as any;
+
+    expect(component.showStixIdProperty).toBe(false);
+  });
+
+  it('should keep the STIX ID property for collections', () => {
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'x-mitre-collection--123';
+    object.attackType = 'collection';
+    component.config = {
+      mode: 'view',
+      object,
+    } as any;
+
+    expect(component.showStixIdProperty).toBe(true);
+  });
 });
diff --git a/src/app/components/subheading/subheading.component.ts b/src/app/components/subheading/subheading.component.ts
index 3d8197a39..4e6c0ac01 100644
--- a/src/app/components/subheading/subheading.component.ts
+++ b/src/app/components/subheading/subheading.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, ViewEncapsulation } from '@angular/core';
 import { StixViewConfig } from 'src/app/views/stix/stix-view-page';
 import { EditorService } from 'src/app/services/editor/editor.service';
+import { StixObject } from 'src/app/classes/stix/stix-object';
 
 @Component({
   selector: 'app-subheading',
@@ -21,6 +22,17 @@ export class SubheadingComponent {
     return this.editorService.editing;
   }
 
+  public get showStixIdProperty(): boolean {
+    return (
+      !!this.object?.stixID &&
+      !(
+        this.config.mode === 'view' &&
+        this.object instanceof StixObject &&
+        this.object.attackType !== 'collection'
+      )
+    );
+  }
+
   constructor(private editorService: EditorService) {
     // intentionally left blank
   }
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.html b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.html
new file mode 100644
index 000000000..fe3f444b3
--- /dev/null
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.html
@@ -0,0 +1,127 @@
+<div class="workflow-status-dialog">
+  <header class="workflow-status-header">
+    <div class="workflow-status-title-group">
+      <span class="workflow-status-icon-badge" aria-hidden="true">
+        <mat-icon>assignment_ind</mat-icon>
+      </span>
+      <div>
+        <h2 id="workflow-status-dialog-title">{{ dialogTitle }}</h2>
+        <p>{{ config.object.stixID }}</p>
+      </div>
+    </div>
+
+    <button
+      mat-icon-button
+      type="button"
+      class="workflow-status-close"
+      aria-label="Close"
+      (click)="onCancel()">
+      <mat-icon>close</mat-icon>
+    </button>
+  </header>
+
+  <section class="active-object-banner" aria-label="Selected object">
+    <span>Object</span>
+    <strong>{{ objectDisplayName }}</strong>
+  </section>
+
+  <section class="workflow-status-section validation-section">
+    <div class="workflow-status-section-header">
+      <h3>
+        <mat-icon>verified_user</mat-icon>
+        Validation
+      </h3>
+      <span
+        *ngIf="validation"
+        class="validation-status"
+        [ngClass]="'validation-status-' + validationStatus">
+        {{ validationStatusLabel }}
+      </span>
+    </div>
+
+    <div class="validation-context">
+      Validating against
+      <strong>{{ targetStatusLabel }}</strong>
+      requirements.
+    </div>
+
+    <div *ngIf="validation; else validating">
+      <app-validation-results
+        [validation]="validation"></app-validation-results>
+    </div>
+    <ng-template #validating>
+      <app-loading-overlay></app-loading-overlay>
+    </ng-template>
+  </section>
+
+  <section class="workflow-status-section track-section">
+    <div class="workflow-status-section-header">
+      <h4>Release Track to Update</h4>
+      <span *ngIf="loadingTracks" class="track-loading">
+        Loading tracks...
+      </span>
+    </div>
+
+    <div *ngIf="trackStatus as row; else noTracks">
+      <div class="track-card-grid">
+        <div class="track-card">
+          <span class="track-card-copy">
+            <strong>{{ row.name }}</strong>
+            <span *ngIf="row.description; else noDescription">
+              {{ row.description }}
+            </span>
+            <ng-template #noDescription>
+              <span>No description provided.</span>
+            </ng-template>
+          </span>
+          <app-status-chip
+            class="track-status-chip"
+            [status]="row.status"></app-status-chip>
+        </div>
+      </div>
+    </div>
+
+    <ng-template #noTracks>
+      <div class="track-empty">
+        <strong>
+          {{
+            loadingTracks
+              ? 'Loading release tracks'
+              : 'No release tracks to update'
+          }}
+        </strong>
+        <span>
+          {{
+            loadingTracks
+              ? 'Checking standard release tracks for this object.'
+              : 'This object is not currently enrolled in a standard release track that needs this status change.'
+          }}
+        </span>
+      </div>
+    </ng-template>
+  </section>
+
+  <footer class="workflow-status-footer">
+    <div class="workflow-status-footer-summary">
+      <mat-icon>sync_alt</mat-icon>
+      Updates
+      <strong>{{ trackStatus?.name || 'release track' }}</strong>
+      to
+      <strong>{{ targetStatusLabel }}</strong>
+    </div>
+    <div class="workflow-status-footer-actions">
+      <button mat-stroked-button type="button" (click)="onCancel()">
+        Cancel
+      </button>
+      <button
+        *ngIf="hasTrack"
+        mat-raised-button
+        color="primary"
+        type="button"
+        [disabled]="!saveEnabled"
+        (click)="onConfirm()">
+        {{ primaryActionLabel }}
+      </button>
+    </div>
+  </footer>
+</div>
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.scss b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.scss
new file mode 100644
index 000000000..b0042b460
--- /dev/null
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.scss
@@ -0,0 +1,412 @@
+@use '../../../style/colors';
+@use '../../../style/typography';
+
+.workflow-status-dialog-backdrop {
+  background: rgba(colors.color(mitre-black), 0.72);
+}
+
+.workflow-status-dialog-panel .mat-mdc-dialog-surface {
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.workflow-status-dialog {
+  width: min(92vw, 760px);
+  max-height: 86vh;
+  box-sizing: border-box;
+  overflow: auto;
+  padding: 24px;
+
+  .workflow-status-header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 16px;
+  }
+
+  .workflow-status-title-group {
+    display: flex;
+    align-items: flex-start;
+    min-width: 0;
+    gap: 12px;
+
+    h2,
+    p {
+      margin: 0;
+    }
+
+    h2 {
+      font-size: 22px;
+      font-weight: 800;
+      line-height: 28px;
+    }
+
+    p {
+      margin-top: 2px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-family: typography.$mono-font;
+      font-size: 12px;
+      line-height: 18px;
+      @include colors.theme-text-deemphasis;
+    }
+  }
+
+  .workflow-status-icon-badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    width: 36px;
+    height: 36px;
+    border-radius: 8px;
+    color: colors.color(pending);
+    background: rgba(colors.color(pending), 0.12);
+
+    .mat-icon {
+      width: 20px;
+      height: 20px;
+      font-size: 20px;
+      line-height: 20px;
+    }
+  }
+
+  .workflow-status-close {
+    flex: 0 0 auto;
+    @include colors.theme-text-deemphasis;
+
+    &:hover {
+      @include colors.theme-property(
+        color,
+        colors.on-color(dark),
+        colors.on-color(light)
+      );
+      @include colors.theme-property(
+        background,
+        rgba(colors.on-color(dark), 0.08),
+        rgba(colors.on-color(light), 0.06)
+      );
+    }
+  }
+
+  .active-object-banner {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    margin-bottom: 16px;
+    border: 1px solid;
+    border-radius: 8px;
+    padding: 14px 16px;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.on-color(dark), 0.05),
+      rgba(colors.on-color(light), 0.04)
+    );
+
+    span {
+      font-size: 12px;
+      font-weight: 800;
+      letter-spacing: 0.08em;
+      line-height: 16px;
+      text-transform: uppercase;
+      @include colors.theme-text-deemphasis;
+    }
+
+    strong {
+      overflow-wrap: anywhere;
+      font-size: 20px;
+      font-weight: 800;
+      line-height: 26px;
+    }
+  }
+
+  .workflow-status-section {
+    border: 1px solid;
+    border-radius: 6px;
+    padding: 16px;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.color(mitre-silver), 0.025),
+      rgba(colors.color(mitre-black), 0.014)
+    );
+
+    & + .workflow-status-section {
+      margin-top: 16px;
+    }
+  }
+
+  .validation-section {
+    padding: 18px 20px 8px;
+    min-width: 0;
+  }
+
+  .workflow-status-section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 12px;
+  }
+
+  h3,
+  h4 {
+    margin: 0;
+    font-weight: 800;
+  }
+
+  h3 {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 17px;
+    line-height: 24px;
+
+    .mat-icon {
+      width: 20px;
+      height: 20px;
+      font-size: 20px;
+      line-height: 20px;
+    }
+  }
+
+  h4 {
+    font-size: 13px;
+    letter-spacing: 0.08em;
+    line-height: 18px;
+    text-transform: uppercase;
+    @include colors.theme-text-emphasis;
+  }
+
+  .validation-status {
+    border-radius: 4px;
+    padding: 3px 8px;
+    font-family: typography.$mono-font;
+    font-size: 12px;
+    font-weight: 800;
+    line-height: 18px;
+  }
+
+  @each $status, $color in (success: success, warning: warn, error: error) {
+    .validation-status-#{$status} {
+      color: colors.color($color);
+      background: rgba(colors.color($color), 0.14);
+    }
+  }
+
+  .validation-context,
+  .track-loading {
+    font-size: 12px;
+    line-height: 18px;
+    @include colors.theme-text-deemphasis;
+  }
+
+  .validation-context {
+    margin: -4px 0 8px;
+
+    strong {
+      font-weight: 700;
+
+      .dark &,
+      .light & {
+        color: colors.color(primary);
+      }
+    }
+  }
+
+  .validation-results {
+    padding: 2px 0 0;
+  }
+
+  .validation-item.mat-mdc-list-item {
+    min-height: 32px;
+    padding: 2px 0;
+    --mdc-list-list-item-one-line-container-height: 32px;
+    --mdc-list-list-item-two-line-container-height: 44px;
+    --mdc-list-list-item-three-line-container-height: 56px;
+  }
+
+  .validation-item .mat-mdc-list-item-icon {
+    align-self: center;
+    margin-right: 8px;
+  }
+
+  .validation-item .mat-mdc-list-item-line {
+    line-height: 20px;
+  }
+
+  .validation-item .mat-icon {
+    padding: 2px !important;
+  }
+
+  .track-card-grid {
+    display: grid;
+    gap: 10px;
+    width: 100%;
+  }
+
+  .track-card {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 14px;
+    max-width: 100%;
+    width: 100%;
+    border: 1px solid;
+    border-radius: 8px;
+    padding: 12px 14px;
+    text-align: left;
+    @include colors.theme-property(
+      border-color,
+      rgba(colors.on-color(dark), 0.08),
+      rgba(colors.on-color(light), 0.12)
+    );
+    @include colors.theme-property(
+      color,
+      colors.on-color(dark),
+      colors.on-color(light)
+    );
+    @include colors.theme-property(
+      background,
+      rgba(colors.on-color(dark), 0.035),
+      rgba(colors.on-color(light), 0.025)
+    );
+  }
+
+  .track-card-copy {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    gap: 3px;
+
+    strong {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-size: 15px;
+      font-weight: 800;
+      line-height: 20px;
+    }
+
+    span {
+      display: -webkit-box;
+      overflow: hidden;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      font-size: 12px;
+      line-height: 17px;
+      @include colors.theme-text-deemphasis;
+    }
+  }
+
+  .track-status-chip {
+    flex: 0 0 auto;
+  }
+
+  .track-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 6px;
+    border: 1px dashed;
+    border-radius: 8px;
+    padding: 28px 20px;
+    text-align: center;
+    font-size: 13px;
+    line-height: 19px;
+    @include colors.theme-property(
+      border-color,
+      rgba(colors.on-color(dark), 0.12),
+      rgba(colors.on-color(light), 0.14)
+    );
+    @include colors.theme-text-deemphasis;
+    @include colors.theme-property(
+      background,
+      rgba(colors.on-color(dark), 0.025),
+      rgba(colors.on-color(light), 0.018)
+    );
+
+    strong {
+      font-size: 15px;
+      line-height: 21px;
+    }
+
+    span {
+      max-width: 420px;
+    }
+  }
+
+  .workflow-status-footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin: 18px -24px -24px;
+    padding: 14px 24px;
+    border-top: 1px solid;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.color(dark), 0.42),
+      rgba(colors.color(mitre-black), 0.02)
+    );
+  }
+
+  .workflow-status-footer-summary {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    min-width: 0;
+    font-size: 13px;
+    line-height: 20px;
+    @include colors.theme-text-deemphasis;
+
+    .mat-icon {
+      width: 18px;
+      height: 18px;
+      font-size: 18px;
+      line-height: 18px;
+    }
+
+    strong {
+      border-radius: 4px;
+      padding: 3px 6px;
+      font-family: typography.$mono-font;
+      @include colors.theme-property(
+        color,
+        colors.on-color(dark),
+        colors.on-color(light)
+      );
+      @include colors.theme-property(
+        background,
+        rgba(colors.on-color(dark), 0.1),
+        rgba(colors.on-color(light), 0.08)
+      );
+    }
+  }
+
+  .workflow-status-footer-actions {
+    display: flex;
+    flex: 0 0 auto;
+    gap: 10px;
+  }
+}
+
+@media (max-width: 600px) {
+  .workflow-status-dialog {
+    width: 92vw;
+
+    .workflow-status-footer {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .workflow-status-footer-actions {
+      justify-content: flex-end;
+    }
+  }
+}
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
new file mode 100644
index 000000000..287704bb7
--- /dev/null
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
@@ -0,0 +1,204 @@
+import { provideHttpClient } from '@angular/common/http';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { vi } from 'vitest';
+
+import { WorkflowStatusDialogComponent } from './workflow-status-dialog.component';
+import { SnapshotTier } from 'src/app/classes/release-tracks';
+import { VersionNumber } from 'src/app/classes/version-number';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
+import { WorkflowStatus } from 'src/app/utils/types';
+
+describe('WorkflowStatusDialogComponent', () => {
+  let component: WorkflowStatusDialogComponent;
+  let fixture: ComponentFixture<WorkflowStatusDialogComponent>;
+  let mockObject;
+  let mockDialogRef;
+  let mockReleaseTracksService;
+
+  beforeEach(async () => {
+    mockObject = {
+      stixID: 'attack-pattern--123',
+      attackType: 'technique',
+      modified: new Date('2026-01-01T00:00:00.000Z'),
+      version: new VersionNumber('1.0'),
+      workflow: {
+        state: WorkflowStatus.WorkInProgress,
+      },
+      workspace: {
+        release_tracks: [
+          {
+            track_id: 'release-track--core',
+            name: 'Core Objects',
+            description: 'Core object workflow',
+            object_ref: 'attack-pattern--123',
+            object_modified: '2026-01-01T00:00:00.000Z',
+            object_status: WorkflowStatus.WorkInProgress,
+          },
+        ],
+      },
+      validate: vi.fn(
+        (_restApi, workflowState = WorkflowStatus.WorkInProgress) => {
+          mockObject.workflow = { state: workflowState };
+          return createAsyncObservable({
+            successes: [],
+            errors: [],
+            warnings: [],
+            info: [],
+          });
+        }
+      ),
+      save: vi.fn().mockReturnValue(createAsyncObservable({})),
+    };
+    mockDialogRef = {
+      close: vi.fn(),
+    };
+    mockReleaseTracksService = {
+      getLatestSnapshot: vi.fn((trackId: string) =>
+        createAsyncObservable({
+          name:
+            trackId === 'release-track--core'
+              ? 'Core Objects'
+              : 'Groups & Campaigns',
+          description:
+            trackId === 'release-track--core'
+              ? 'Core object workflow'
+              : 'Groups workflow',
+          candidates:
+            trackId === 'release-track--core'
+              ? [
+                  {
+                    object_ref: 'attack-pattern--123',
+                    object_modified: '2026-01-01T00:00:00.000Z',
+                    object_status: WorkflowStatus.WorkInProgress,
+                  },
+                ]
+              : [
+                  {
+                    object_ref: 'attack-pattern--123',
+                    object_modified: '2026-01-01T00:00:00.000Z',
+                    object_status: WorkflowStatus.AwaitingReview,
+                  },
+                ],
+          staged: [],
+        })
+      ),
+      reviewCandidates: vi.fn().mockReturnValue(createAsyncObservable({})),
+      demoteStaged: vi.fn().mockReturnValue(createAsyncObservable({})),
+    };
+
+    await TestBed.configureTestingModule({
+      declarations: [WorkflowStatusDialogComponent],
+      imports: [FormsModule, NoopAnimationsModule],
+      providers: [
+        { provide: MatDialogRef, useValue: mockDialogRef },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            object: mockObject,
+            targetStatus: WorkflowStatus.AwaitingReview,
+            track: {
+              trackId: 'release-track--core',
+              name: 'Core Objects',
+              description: 'Core object workflow',
+              tier: SnapshotTier.Candidate,
+              status: WorkflowStatus.WorkInProgress,
+              objectRef: {
+                id: 'attack-pattern--123',
+                modified: '2026-01-01T00:00:00.000Z',
+              },
+            },
+          },
+        },
+        {
+          provide: RestApiConnectorService,
+          useValue: createMockRestApiConnector(),
+        },
+        {
+          provide: ReleaseTracksConnectorService,
+          useValue: mockReleaseTracksService,
+        },
+        provideHttpClient(),
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(WorkflowStatusDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should validate against the selected status and load the target track', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(component.dialogTitle).toBe('Submit for Review');
+    expect(component.targetStatusLabel).toBe('Awaiting Review');
+    expect(mockObject.validate).toHaveBeenCalledWith(
+      expect.anything(),
+      WorkflowStatus.AwaitingReview
+    );
+    expect(mockReleaseTracksService.getLatestSnapshot).toHaveBeenCalledWith(
+      'release-track--core',
+      { include: 'all' }
+    );
+    expect(component.trackStatus).toEqual(
+      expect.objectContaining({
+        trackId: 'release-track--core',
+        name: 'Core Objects',
+        description: 'Core object workflow',
+        status: WorkflowStatus.WorkInProgress,
+      })
+    );
+  });
+
+  it('should save the object and update the target release track', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    component.onConfirm();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(mockObject.workflow).toEqual({
+      state: WorkflowStatus.AwaitingReview,
+    });
+    expect(mockObject.save).toHaveBeenCalled();
+    expect(mockReleaseTracksService.reviewCandidates).toHaveBeenCalledWith(
+      'release-track--core',
+      {
+        from: WorkflowStatus.WorkInProgress,
+        to: WorkflowStatus.AwaitingReview,
+        object_refs: [
+          {
+            id: 'attack-pattern--123',
+            modified: '2026-01-01T00:00:00.000Z',
+          },
+        ],
+      }
+    );
+    expect(mockDialogRef.close).toHaveBeenCalledWith(true);
+  });
+
+  it('should restore the previous workflow status on cancel', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(mockObject.workflow).toEqual({
+      state: WorkflowStatus.AwaitingReview,
+    });
+
+    component.onCancel();
+
+    expect(mockObject.workflow).toEqual({
+      state: WorkflowStatus.WorkInProgress,
+    });
+    expect(mockDialogRef.close).toHaveBeenCalledWith(false);
+  });
+});
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
new file mode 100644
index 000000000..be3779d33
--- /dev/null
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
@@ -0,0 +1,377 @@
+import {
+  Component,
+  Inject,
+  OnDestroy,
+  OnInit,
+  ViewEncapsulation,
+} from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Observable, of } from 'rxjs';
+import { catchError, concatMap, map, switchMap } from 'rxjs/operators';
+import { SnapshotTier } from 'src/app/classes/release-tracks';
+import type {
+  ReleaseTrackObjectTier,
+  StixObjectRef,
+} from 'src/app/classes/release-tracks';
+import { ValidationData } from 'src/app/classes/serializable';
+import { StixObject } from 'src/app/classes/stix/stix-object';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { WORKFLOW_STATUS_LABELS, WorkflowStatus } from 'src/app/utils/types';
+import type { ReleaseTrackStatus, WorkflowStatusDialogData, WorkflowStatusType } from 'src/app/utils/types';
+import { logger } from 'src/app/utils/logger';
+
+@Component({
+  selector: 'app-workflow-status-dialog',
+  templateUrl: './workflow-status-dialog.component.html',
+  styleUrls: ['./workflow-status-dialog.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  standalone: false,
+})
+export class WorkflowStatusDialogComponent implements OnInit, OnDestroy {
+  public validation: ValidationData = null;
+  public validating = false;
+  public saving = false;
+  public trackStatus: ReleaseTrackStatus | null = null;
+  public loadingTracks = false;
+
+  private saved = false;
+  private previousWorkflow?: StixObject['workflow'];
+
+  public get saveEnabled(): boolean {
+    return (
+      !this.validating &&
+      !this.saving &&
+      this.validation &&
+      this.validation.errors.length === 0 &&
+      this.hasTrack
+    );
+  }
+
+  public get validationStatus(): ValidationStatus {
+    if (!this.validation) return 'success';
+    if (this.validation.errors.length) return 'error';
+    if (this.validation.warnings.length) return 'warning';
+    return 'success';
+  }
+
+  public get validationStatusLabel(): string {
+    switch (this.validationStatus) {
+      case 'error':
+        return 'Error';
+      case 'warning':
+        return 'Warning';
+      default:
+        return 'Success';
+    }
+  }
+
+  public get targetStatusLabel(): string {
+    return this.getWorkflowStatusLabel(this.config.targetStatus);
+  }
+
+  public get dialogTitle(): string {
+    switch (this.config.targetStatus) {
+      case WorkflowStatus.AwaitingReview:
+        return 'Submit for Review';
+      case WorkflowStatus.Reviewed:
+        return 'Mark as Reviewed';
+      case WorkflowStatus.WorkInProgress:
+        return 'Move to Work In Progress';
+    }
+  }
+
+  public get primaryActionLabel(): string {
+    return this.config.targetStatus === WorkflowStatus.AwaitingReview
+      ? 'Submit for Review'
+      : 'Save Status';
+  }
+
+  public get objectDisplayName(): string {
+    return (
+      this.config.object?.['name'] ||
+      this.config.object?.['stix']?.name ||
+      'Untitled object'
+    );
+  }
+
+  public get hasTrack(): boolean {
+    return !!this.trackStatus;
+  }
+
+  constructor(
+    public dialogRef: MatDialogRef<WorkflowStatusDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public config: WorkflowStatusDialogData,
+    public restApiService: RestApiConnectorService,
+    private releaseTracksService: ReleaseTracksConnectorService
+  ) {
+    this.previousWorkflow = this.config.object.workflow
+      ? { ...this.config.object.workflow }
+      : undefined;
+  }
+
+  ngOnInit(): void {
+    this.validateObject();
+    this.loadTrack();
+  }
+
+  ngOnDestroy(): void {
+    if (!this.saved) this.restorePreviousWorkflow();
+  }
+
+  public onCancel(): void {
+    this.restorePreviousWorkflow();
+    this.dialogRef.close(false);
+  }
+
+  public onConfirm(): void {
+    if (!this.saveEnabled) return;
+
+    this.saving = true;
+    this.config.object.workflow = { state: this.config.targetStatus };
+    const subscription = this.config.object
+      .save(this.restApiService)
+      .pipe(switchMap(() => this.syncTrack()))
+      .subscribe({
+        next: () => {
+          this.saved = true;
+          this.dialogRef.close(true);
+        },
+        error: err => {
+          logger.error(err);
+          this.saving = false;
+        },
+        complete: () => subscription.unsubscribe(),
+      });
+  }
+
+  private validateObject(): void {
+    this.validation = null;
+    this.validating = true;
+
+    this.config.object
+      .validate(this.restApiService, this.config.targetStatus)
+      .subscribe({
+        next: result => {
+          this.validation = result;
+        },
+        error: err => {
+          logger.error(err);
+          this.validating = false;
+        },
+        complete: () => {
+          this.validating = false;
+        },
+      });
+  }
+
+  private loadTrack(): void {
+    if (!this.config.object?.stixID) {
+      this.trackStatus = null;
+      return;
+    }
+
+    this.loadingTracks = true;
+    const track = this.config.track;
+
+    if (!track) {
+      this.trackStatus = null;
+      this.loadingTracks = false;
+      return;
+    }
+
+    this.releaseTracksService
+      .getLatestSnapshot(track.trackId, { include: 'all' })
+      .pipe(
+        map(snapshot => this.toTrackStatus(track, snapshot)),
+        catchError(err => {
+          logger.error(
+            'Failed to load release track snapshot for workflow status dialog',
+            err
+          );
+          return of(this.toTrackStatus(track, null));
+        }),
+        map(row => (row !== null && this.canUpdateTrack(row) ? row : null))
+      )
+      .subscribe({
+        next: row => {
+          this.trackStatus = row;
+          this.loadingTracks = false;
+        },
+        error: err => {
+          logger.error(err);
+          this.trackStatus = null;
+          this.loadingTracks = false;
+        },
+      });
+  }
+
+  private toTrackStatus(
+    track: ReleaseTrackStatus,
+    snapshot: any
+  ): ReleaseTrackStatus | null {
+    const entry = this.getTrackedObjectEntry(snapshot);
+    if (!entry && !track.tier) return null;
+
+    const tier = this.getEntryTier(entry) || track.tier || null;
+    const status =
+      this.getEntryWorkflowStatus(entry) ||
+      track.status ||
+      this.getFallbackWorkflowStatus(tier);
+
+    return {
+      trackId: this.getTrackId(track) || '',
+      name: snapshot?.name || track?.name || this.getTrackId(track) || '',
+      description: snapshot?.description || track.description || '',
+      tier,
+      status,
+      objectRef: entry ? this.getObjectRef(entry) : track.objectRef,
+    };
+  }
+
+  private syncTrack(): Observable<unknown> {
+    if (!this.trackStatus) return of(null);
+
+    return this.updateTrack(this.trackStatus).pipe(
+      catchError(err => {
+        logger.error('Failed to update release track object status', err);
+        return of(null);
+      })
+    );
+  }
+
+  private updateTrack(row: ReleaseTrackStatus): Observable<unknown> {
+    if (!row.trackId) return of(null);
+    if (row.status === this.config.targetStatus) return of(null);
+
+    if (row.tier === SnapshotTier.Staged) {
+      return this.releaseTracksService
+        .demoteStaged(row.trackId, [row.objectRef])
+        .pipe(
+          concatMap(() =>
+            this.releaseTracksService.reviewCandidates(row.trackId, {
+              from: row.status,
+              to: this.config.targetStatus,
+              object_refs: [row.objectRef],
+            })
+          )
+        );
+    }
+
+    return this.releaseTracksService.reviewCandidates(row.trackId, {
+      from: row.status,
+      to: this.config.targetStatus,
+      object_refs: [row.objectRef],
+    });
+  }
+
+  private getTrackedObjectEntry(snapshot: any): any | null {
+    if (!snapshot) return null;
+    return (
+      this.getSnapshotWorkflowEntries(snapshot).find(
+        entry => this.getEntryObjectRef(entry) === this.config.object.stixID
+      ) || null
+    );
+  }
+
+  private canUpdateTrack(row: ReleaseTrackStatus): boolean {
+    return row.status !== this.config.targetStatus;
+  }
+
+  private getSnapshotWorkflowEntries(snapshot: any): any[] {
+    return [
+      this.withTier(snapshot?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.contents?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.contents?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.workspace?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.workspace?.staged, SnapshotTier.Staged),
+    ]
+      .filter(Array.isArray)
+      .reduce((entries, tierEntries) => entries.concat(tierEntries), []);
+  }
+
+  private withTier(
+    entries: any,
+    tier: ReleaseTrackObjectTier
+  ): any[] | undefined {
+    if (!Array.isArray(entries)) return undefined;
+    return entries.map(entry => ({
+      ...entry,
+      tier: this.getEntryTier(entry) || tier,
+    }));
+  }
+
+  private getEntryTier(entry: any): ReleaseTrackObjectTier | null {
+    if (!entry) return null;
+    const tier = String(entry.tier || entry.object_tier || '').toLowerCase();
+    if (tier === SnapshotTier.Staged) return SnapshotTier.Staged;
+    if (tier === SnapshotTier.Candidate) return SnapshotTier.Candidate;
+    if (entry.object_staged_at || entry.staged_at) return SnapshotTier.Staged;
+    if (this.getEntryWorkflowStatus(entry)) return SnapshotTier.Candidate;
+    return null;
+  }
+
+  private getEntryWorkflowStatus(entry: any): WorkflowStatusType | null {
+    if (!entry) return null;
+    const status = entry.object_status || entry.status;
+    if (Object.values(WorkflowStatus).includes(status)) return status;
+    return null;
+  }
+
+  private getFallbackWorkflowStatus(
+    tier: ReleaseTrackObjectTier | null
+  ): WorkflowStatusType {
+    return tier === SnapshotTier.Staged
+      ? WorkflowStatus.Reviewed
+      : WorkflowStatus.WorkInProgress;
+  }
+
+  private getObjectRef(entry: any): StixObjectRef {
+    const modified =
+      this.toIsoString(entry.object_modified) ||
+      this.toIsoString(entry.modified) ||
+      this.config.object.modified?.toISOString();
+
+    return modified
+      ? {
+          id: this.getEntryObjectRef(entry) || this.config.object.stixID,
+          modified,
+        }
+      : this.getEntryObjectRef(entry) || this.config.object.stixID;
+  }
+
+  private getEntryObjectRef(entry: any): string | null {
+    return entry?.object_ref || entry?.ref || entry?.id || null;
+  }
+
+  private toIsoString(value: any): string | null {
+    if (!value) return null;
+    if (value instanceof Date) return value.toISOString();
+    return String(value);
+  }
+
+  private getTrackId(track: any): string | null {
+    return (
+      track?.trackId ||
+      track?.track_id ||
+      track?.release_track_id ||
+      track?.releaseTrackId ||
+      (track?.id?.startsWith('release-track--') ? track.id : null)
+    );
+  }
+
+  private getWorkflowStatusLabel(status: WorkflowStatusType): string {
+    return WORKFLOW_STATUS_LABELS[status] || status;
+  }
+
+  private restorePreviousWorkflow(): void {
+    if (this.previousWorkflow) {
+      this.config.object.workflow = { ...this.previousWorkflow };
+      return;
+    }
+    this.config.object.workflow = undefined;
+  }
+}
+
+type ValidationStatus = 'success' | 'warning' | 'error';
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 3374eb998..493195183 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -1,3 +1,6 @@
+import { ReleaseTrackObjectTier, StixObjectRef } from "../classes/release-tracks";
+import { StixObject } from "../classes/stix";
+
 /**
  * ATT&CK type definitions
  */
@@ -57,18 +60,57 @@ export type WorkflowStatusType =
   | WorkflowStatus.AwaitingReview
   | WorkflowStatus.Reviewed;
 
-export const WorkflowStatusMap: Record<WorkflowStatus, string> = {
-  'work-in-progress': 'work in progress',
-  'awaiting-review': 'awaiting review',
-  'reviewed': 'reviewed',
+export const WORKFLOW_STATUS_LABELS: Record<WorkflowStatusType, string> = {
+  [WorkflowStatus.WorkInProgress]: 'WIP',
+  [WorkflowStatus.AwaitingReview]: 'Awaiting Review',
+  [WorkflowStatus.Reviewed]: 'Reviewed',
+};
+
+export const WorkflowStatusMap = WORKFLOW_STATUS_LABELS;
+
+export interface WorkflowStatusOption {
+  value: WorkflowStatusType;
+  label: string;
+}
+
+export const WORKFLOW_STATUS_OPTIONS: WorkflowStatusOption[] = [
+  {
+    value: WorkflowStatus.WorkInProgress,
+    label: WORKFLOW_STATUS_LABELS[WorkflowStatus.WorkInProgress],
+  },
+  {
+    value: WorkflowStatus.AwaitingReview,
+    label: WORKFLOW_STATUS_LABELS[WorkflowStatus.AwaitingReview],
+  },
+  {
+    value: WorkflowStatus.Reviewed,
+    label: WORKFLOW_STATUS_LABELS[WorkflowStatus.Reviewed],
+  },
+];
+
+export const WORKFLOW_STATUS_RANK: Record<WorkflowStatusType, number> = {
+  [WorkflowStatus.WorkInProgress]: 0,
+  [WorkflowStatus.AwaitingReview]: 1,
+  [WorkflowStatus.Reviewed]: 2,
 };
 
 /**
  * Collection/release changelog categories
  */
 export type ChangelogCategory =
-  | 'additions'
-  | 'changes'
-  | 'minor_changes'
-  | 'revocations'
-  | 'deprecations';
+  'additions' | 'changes' | 'minor_changes' | 'revocations' | 'deprecations';
+
+export interface ReleaseTrackStatus {
+  trackId: string;
+  name: string;
+  description: string;
+  tier: ReleaseTrackObjectTier | null;
+  status: WorkflowStatusType;
+  objectRef: StixObjectRef;
+}
+
+export interface WorkflowStatusDialogData {
+  object: StixObject;
+  targetStatus: WorkflowStatusType;
+  track: ReleaseTrackStatus;
+}
diff --git a/src/style/colors.scss b/src/style/colors.scss
index b332072ba..00a9ce4c7 100644
--- a/src/style/colors.scss
+++ b/src/style/colors.scss
@@ -146,6 +146,40 @@ $colors: (
   // @return rgba(invert(color($name)), 0.125);
 }
 
+@mixin theme-property($property, $dark-value, $light-value) {
+  .dark & {
+    #{$property}: $dark-value;
+  }
+
+  .light & {
+    #{$property}: $light-value;
+  }
+}
+
+@mixin theme-border-color {
+  @include theme-property(
+    border-color,
+    border-color(dark),
+    border-color(light)
+  );
+}
+
+@mixin theme-text-emphasis {
+  @include theme-property(
+    color,
+    on-color-emphasis(dark),
+    on-color-emphasis(light)
+  );
+}
+
+@mixin theme-text-deemphasis {
+  @include theme-property(
+    color,
+    on-color-deemphasis(dark),
+    on-color-deemphasis(light)
+  );
+}
+
 // escape the color. Note param is a color and not a color name: this is not an accessor to the color map above.
 // replaces # with %23 in hex colors
 // see https://codepen.io/gunnarbittersmann/pen/BoovjR for explanation of why we have to escape # for the background image
diff --git a/src/style/layouts/view-page.scss b/src/style/layouts/view-page.scss
index 3c09ddcfb..d32e4ec42 100644
--- a/src/style/layouts/view-page.scss
+++ b/src/style/layouts/view-page.scss
@@ -9,7 +9,7 @@
   h1 {
     margin: 0;
   }
-  width: 45em;
+  width: 55em;
   max-width: 100%;
   margin: 0 auto;
   padding-bottom: 3em;
diff --git a/src/style/typography.scss b/src/style/typography.scss
index e5a2d5115..490e3d59c 100644
--- a/src/style/typography.scss
+++ b/src/style/typography.scss
@@ -2,6 +2,10 @@
 @use 'colors';
 @use 'fonts';
 
+$mono-font:
+  Roboto Mono,
+  monospace;
+
 .superheading {
   //super big display text
   font-size: 60px;

From 0f722b86fc89c026c2d0d84839f2ae37dad5f26e Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 19:16:34 -0400
Subject: [PATCH 115/190] chore: formatting

---
 .../components/stix/stix-list/stix-list.component.ts   | 10 ++++------
 .../workflow-status-dialog.component.ts                |  6 +++++-
 src/app/utils/types.ts                                 |  7 +++++--
 .../relationship-view/relationship-view.component.ts   |  8 +++++---
 4 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 8813e6ea6..b3e02c29e 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -387,12 +387,10 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
               this.config.sourceRef ? sticky_allowed : false,
               ['relationship-name']
             );
-            if (
-              !(
-                this.config.relationshipType &&
-                this.config.relationshipType == 'subtechnique-of'
-              )
-            )
+            if (!(
+              this.config.relationshipType &&
+              this.config.relationshipType == 'subtechnique-of'
+            ))
               this.addColumn(
                 'description',
                 'description',
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
index be3779d33..5576d5ae6 100644
--- a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
@@ -18,7 +18,11 @@ import { StixObject } from 'src/app/classes/stix/stix-object';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { WORKFLOW_STATUS_LABELS, WorkflowStatus } from 'src/app/utils/types';
-import type { ReleaseTrackStatus, WorkflowStatusDialogData, WorkflowStatusType } from 'src/app/utils/types';
+import type {
+  ReleaseTrackStatus,
+  WorkflowStatusDialogData,
+  WorkflowStatusType,
+} from 'src/app/utils/types';
 import { logger } from 'src/app/utils/logger';
 
 @Component({
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 493195183..68a34ac0f 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -1,5 +1,8 @@
-import { ReleaseTrackObjectTier, StixObjectRef } from "../classes/release-tracks";
-import { StixObject } from "../classes/stix";
+import {
+  ReleaseTrackObjectTier,
+  StixObjectRef,
+} from '../classes/release-tracks';
+import { StixObject } from '../classes/stix';
 
 /**
  * ATT&CK type definitions
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.ts b/src/app/views/stix/relationship-view/relationship-view.component.ts
index d94638960..fe588de8f 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.ts
+++ b/src/app/views/stix/relationship-view/relationship-view.component.ts
@@ -240,9 +240,11 @@ export class RelationshipViewComponent extends StixViewPage implements OnInit {
    * @param {any} obj the raw STIX object
    */
   public navigateTo(obj: any): void {
-    if (
-      !(obj?.stix?.type && obj?.stix?.id && StixTypeToAttackType[obj.stix.type])
-    ) {
+    if (!(
+      obj?.stix?.type &&
+      obj?.stix?.id &&
+      StixTypeToAttackType[obj.stix.type]
+    )) {
       console.warn('Invalid object passed to navigateTo:', obj);
       return;
     }

From 52d318313ff1855a1b406db39ecab06108074d95 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 19:17:55 -0400
Subject: [PATCH 116/190] feat(release-tracks): add release track status
 updates to save dialog

---
 .../save-dialog/save-dialog.component.html    | 200 +++++--
 .../save-dialog/save-dialog.component.scss    | 405 +++++++++++--
 .../save-dialog/save-dialog.component.spec.ts | 259 +++++++-
 .../save-dialog/save-dialog.component.ts      | 566 ++++++++++++++++--
 4 files changed, 1281 insertions(+), 149 deletions(-)

diff --git a/src/app/components/save-dialog/save-dialog.component.html b/src/app/components/save-dialog/save-dialog.component.html
index 4783abb04..f23c7c41e 100644
--- a/src/app/components/save-dialog/save-dialog.component.html
+++ b/src/app/components/save-dialog/save-dialog.component.html
@@ -1,64 +1,167 @@
-<div class="save-dialog grid spacing-20">
-  <div *ngIf="stage === 0" class="row">
-    <div class="column validation">
-      <h3>Validation</h3>
-      <div *ngIf="validation; else validating">
-        <app-validation-results
-          [validation]="validation"
-          [patchId]="config.patchId"
-          [patchAnalytics]="config.patchAnalytics">
-        </app-validation-results>
+<div class="save-dialog">
+  <div *ngIf="stage === 0" class="save-dialog-content">
+    <div class="save-top-grid">
+      <section class="save-section validation-section">
+        <div class="save-section-header">
+          <h3>
+            <mat-icon>verified_user</mat-icon>
+            Validation
+          </h3>
+          <span
+            *ngIf="validation"
+            class="validation-status"
+            [ngClass]="'validation-status-' + validationStatus">
+            {{ validationStatusLabel }}
+          </span>
+        </div>
+        <div class="validation-context" *ngIf="validationReviewStatusLabel">
+          Validating against
+          <strong>{{ validationReviewStatusLabel }}</strong>
+          requirements.
+        </div>
+        <div *ngIf="validation; else validating">
+          <app-validation-results
+            [validation]="validation"
+            [patchId]="config.patchId"
+            [patchAnalytics]="config.patchAnalytics">
+          </app-validation-results>
+        </div>
+        <ng-template #validating>
+          <app-loading-overlay></app-loading-overlay>
+        </ng-template>
+      </section>
+
+      <section class="save-section version-section">
+        <h4>Version Increment</h4>
+        <mat-radio-group
+          class="version-options"
+          [(ngModel)]="versionChoice"
+          aria-label="Version increment">
+          <mat-radio-button value="keep" [disabled]="!saveEnabled">
+            <span class="version-option-label">Keep</span>
+            <span class="version-option-value">v{{ currentVersion }}</span>
+          </mat-radio-button>
+          <mat-radio-button
+            value="minor"
+            [disabled]="config.versionAlreadyIncremented || !saveEnabled">
+            <span class="version-option-label">Minor</span>
+            <span class="version-option-value">
+              v{{ currentVersion }} &rarr; v{{ nextMinorVersion }}
+            </span>
+          </mat-radio-button>
+          <mat-radio-button
+            value="major"
+            [disabled]="config.versionAlreadyIncremented || !saveEnabled">
+            <span class="version-option-label">Major</span>
+            <span class="version-option-value">
+              v{{ currentVersion }} &rarr; v{{ nextMajorVersion }}
+            </span>
+          </mat-radio-button>
+        </mat-radio-group>
+      </section>
+    </div>
+
+    <section class="save-section track-section">
+      <div class="track-section-header">
+        <h4>Object Review Status</h4>
+        <span *ngIf="loadingTracks" class="track-loading">
+          Loading tracks...
+        </span>
+      </div>
+
+      <div class="track-table" *ngIf="hasStatusRows; else noEnrolledTracks">
+        <div class="track-table-row track-table-head">
+          <span>Release Track</span>
+          <span>Current Draft</span>
+          <span>New Status</span>
+        </div>
+
+        <div class="track-table-row" *ngFor="let row of statusRows">
+          <span class="track-name">{{ row.name }}</span>
+
+          <app-status-chip
+            *ngIf="row.enrolled; else notEnrolledStatus"
+            [status]="row.status"></app-status-chip>
+          <ng-template #notEnrolledStatus>
+            <span class="track-not-enrolled">Not enrolled</span>
+          </ng-template>
+
+          <mat-button-toggle-group
+            class="track-status-toggle"
+            [(ngModel)]="row.targetStatus"
+            (change)="onTrackStatusChanged()"
+            hideSingleSelectionIndicator
+            aria-label="Track status">
+            <mat-button-toggle
+              *ngFor="let option of trackStatusOptions"
+              [value]="option.value">
+              {{ option.label }}
+            </mat-button-toggle>
+          </mat-button-toggle-group>
+        </div>
       </div>
-      <ng-template #validating>
-        <app-loading-overlay></app-loading-overlay>
+
+      <ng-template #noEnrolledTracks>
+        <div class="track-empty">
+          {{
+            loadingTracks
+              ? 'Loading release tracks.'
+              : 'This object is not enrolled in any release tracks.'
+          }}
+        </div>
       </ng-template>
-    </div>
-    <div class="column narrow version-buttons">
-      <mat-action-list>
-        <mat-form-field class="workflow-status" appearance="outline">
-          <mat-label>mark as...</mat-label>
-          <mat-select
-            [(ngModel)]="newState"
-            (selectionChange)="onStatusChanged($event)">
-            <mat-option
-              *ngFor="let workflow of workflows"
-              [value]="workflow[0]">
-              {{ workflow[1] }}
+
+      <div class="track-enrollment">
+        <h5>Enroll in New Release Track</h5>
+        <mat-form-field appearance="outline" class="enrollment-field no-hint">
+          <input
+            matInput
+            type="text"
+            [(ngModel)]="enrollmentSearch"
+            [disabled]="!saveEnabled || loadingTracks"
+            [matAutocomplete]="enrollmentAutocomplete"
+            placeholder="Search release tracks..." />
+          <mat-autocomplete
+            #enrollmentAutocomplete="matAutocomplete"
+            [displayWith]="displayTrack"
+            (optionSelected)="selectEnrollmentTrack($event)">
+            <mat-option *ngFor="let row of enrollmentOptions" [value]="row">
+              {{ row.name }}
             </mat-option>
-          </mat-select>
+            <mat-option *ngIf="!enrollmentOptions.length" disabled>
+              No matching standard tracks
+            </mat-option>
+          </mat-autocomplete>
         </mat-form-field>
-        <button
-          mat-list-item
-          [disabled]="config.versionAlreadyIncremented || !saveEnabled"
-          (click)="saveNextMajorVersion()">
-          <div class="save-list-item">save new major version</div>
-          <div>{{ currentVersion }} &#8594; {{ nextMajorVersion }}</div>
-        </button>
-        <button
-          mat-list-item
-          [disabled]="config.versionAlreadyIncremented || !saveEnabled"
-          (click)="saveNextMinorVersion()">
-          <div class="save-list-item">save new minor version</div>
-          <div>{{ currentVersion }} &#8594; {{ nextMinorVersion }}</div>
+      </div>
+    </section>
+
+    <footer class="save-footer">
+      <div class="save-footer-summary">
+        <mat-icon>schedule</mat-icon>
+        Saves revision as
+        <strong>{{ selectedVersionLabel }}</strong>
+      </div>
+      <div class="save-footer-actions">
+        <button mat-stroked-button mat-dialog-close>
+          Cancel, Keep Editing
         </button>
         <button
-          mat-list-item
+          mat-raised-button
+          color="primary"
           [disabled]="!saveEnabled"
-          (click)="saveCurrentVersion()">
-          <div class="save-list-item">save current version</div>
-          <div>{{ currentVersion }} &#8594; {{ currentVersion }}</div>
+          (click)="onConfirmSave()">
+          Save & Update Status
         </button>
-        <button mat-list-item mat-dialog-close>
-          <div class="save-list-item">cancel</div>
-          <div>keep editing</div>
-        </button>
-      </mat-action-list>
-    </div>
+      </div>
+    </footer>
   </div>
+
   <div *ngIf="stage === 1" class="stage parsing">
     <h1>Determining required knowledge base patches...</h1>
     <app-loading-overlay></app-loading-overlay>
   </div>
+
   <div *ngIf="stage === 2" class="stage reviewing">
     <h1>Required Patches</h1>
     <ng-container *ngIf="patch_objects.length === 0; else linkPatches">
@@ -101,6 +204,7 @@ <h3>Objects</h3>
       </button>
     </div>
   </div>
+
   <div *ngIf="stage === 3" class="stage patching">
     <h1>Patching links...</h1>
     <app-loading-overlay></app-loading-overlay>
diff --git a/src/app/components/save-dialog/save-dialog.component.scss b/src/app/components/save-dialog/save-dialog.component.scss
index a642e018f..6091d0658 100644
--- a/src/app/components/save-dialog/save-dialog.component.scss
+++ b/src/app/components/save-dialog/save-dialog.component.scss
@@ -1,67 +1,400 @@
 @use '../../../style/globals';
 @use '../../../style/colors';
+@use '../../../style/typography';
 
 .save-dialog {
+  width: min(92vw, 820px);
+  max-height: 86vh;
+  box-sizing: border-box;
+  overflow: auto;
   padding: 24px;
-  .version-buttons {
-    .mat-mdc-form-field-subscript-wrapper {
-      display: none;
+
+  .save-dialog-content {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+  }
+
+  .save-section {
+    border: 1px solid;
+    border-radius: 6px;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.color(mitre-silver), 0.025),
+      rgba(colors.color(mitre-black), 0.014)
+    );
+  }
+
+  .validation-section {
+    padding: 18px 20px 8px;
+    min-width: 0;
+  }
+
+  .save-section-header,
+  .track-section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 12px;
+  }
+
+  h3,
+  h4 {
+    margin: 0;
+    font-weight: 800;
+  }
+
+  h3 {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 17px;
+    line-height: 24px;
+
+    .mat-icon {
+      width: 20px;
+      height: 20px;
+      font-size: 20px;
+      line-height: 20px;
     }
-    .save-list-item {
-      @extend .subheading;
-      font-weight: 700 !important;
+  }
+
+  h4 {
+    font-size: 13px;
+    letter-spacing: 0.08em;
+    line-height: 18px;
+    text-transform: uppercase;
+    @include colors.theme-text-emphasis;
+  }
+
+  .validation-status {
+    border-radius: 4px;
+    padding: 3px 8px;
+    font-family: typography.$mono-font;
+    font-size: 12px;
+    font-weight: 800;
+    line-height: 18px;
+  }
+
+  @each $status, $color in (success: success, warning: warn, error: error) {
+    .validation-status-#{$status} {
+      color: colors.color($color);
+      background: rgba(colors.color($color), 0.14);
     }
-    .mat-mdc-list-item {
-      padding: 16px !important;
-      height: fit-content;
+  }
+
+  .validation-section {
+    .validation-results {
+      padding: 2px 0 0;
     }
-    .mat-mdc-list-item:hover:not(.mdc-list-item--disabled) {
-      .save-list-item {
-        color: colors.color(primary);
+
+    .validation-context {
+      margin: -4px 0 8px;
+      font-size: 12px;
+      line-height: 18px;
+      @include colors.theme-text-deemphasis;
+
+      strong {
+        font-weight: 700;
+
+        .dark &,
+        .light & {
+          color: colors.color(primary);
+        }
       }
     }
-    .mat-mdc-list-item + .mat-mdc-list-item {
+
+    .validation-item.mat-mdc-list-item {
+      min-height: 32px;
+      padding: 2px 0;
+      --mdc-list-list-item-one-line-container-height: 32px;
+      --mdc-list-list-item-two-line-container-height: 44px;
+      --mdc-list-list-item-three-line-container-height: 56px;
+    }
+
+    .validation-item .mat-mdc-list-item-icon {
+      align-self: center;
+      margin-right: 8px;
+    }
+
+    .validation-item .mat-mdc-list-item-line {
+      line-height: 20px;
+    }
+
+    .validation-item .mat-icon {
+      padding: 2px !important;
+    }
+  }
+
+  .save-top-grid {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) 250px;
+    gap: 16px;
+  }
+
+  .version-section,
+  .track-section {
+    padding: 16px;
+  }
+
+  .version-options {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    margin-top: 18px;
+  }
+
+  .mat-mdc-radio-button {
+    --mdc-radio-state-layer-size: 28px;
+  }
+
+  .version-option-label {
+    margin-right: 4px;
+    font-weight: 800;
+  }
+
+  .version-option-value {
+    font-family: typography.$mono-font;
+    font-size: 13px;
+    font-weight: 700;
+  }
+
+  .track-section {
+    min-width: 0;
+    margin-top: 16px;
+  }
+
+  .track-loading,
+  .track-enrollment,
+  .track-not-enrolled {
+    font-size: 12px;
+    line-height: 18px;
+    @include colors.theme-text-deemphasis;
+  }
+
+  .track-empty {
+    font-size: 12px;
+    line-height: 18px;
+    @include colors.theme-property(
+      color,
+      colors.on-color(dark),
+      colors.on-color(light)
+    );
+  }
+
+  .track-table {
+    overflow-x: auto;
+  }
+
+  .track-table-row {
+    display: grid;
+    grid-template-columns: minmax(180px, 1fr) 140px 230px;
+    align-items: center;
+    gap: 12px;
+    min-width: 574px;
+    padding: 10px 0;
+
+    & + .track-table-row {
+      border-top: 1px solid;
+      @include colors.theme-border-color;
+    }
+  }
+
+  .track-table-head {
+    padding-top: 0;
+    font-size: 13px;
+    font-weight: 700;
+    line-height: 20px;
+    @include colors.theme-text-deemphasis;
+
+    span:last-child {
       .dark & {
-        border-top: 1px solid colors.border-color(dark);
+        color: colors.color(primary);
       }
+
       .light & {
-        border-top: 1px solid colors.border-color(light);
+        color: colors.color(primary);
       }
     }
-    .mat-mdc-list-item.mdc-list-item--disabled {
+  }
+
+  .track-table-head span:nth-child(2),
+  .track-table-head span:last-child,
+  app-status-chip,
+  .track-status-toggle,
+  .track-not-enrolled {
+    justify-self: start;
+  }
+
+  .track-name {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 16px;
+    font-weight: 400;
+  }
+
+  .track-status-toggle {
+    display: flex;
+    width: fit-content;
+    max-width: 100%;
+    overflow: hidden;
+    border: 1px solid;
+    border-radius: 4px;
+    white-space: nowrap;
+    @include colors.theme-border-color;
+
+    .mat-button-toggle {
+      font-size: 12px;
+      font-weight: 600;
+      line-height: 28px;
+    }
+
+    .mat-button-toggle-label-content {
+      line-height: 28px;
+      padding: 0 10px;
+    }
+
+    .mat-button-toggle-checked {
+      .dark &,
       .light & {
-        color: colors.on-color-deemphasis(light);
-      }
-      .dark & {
-        color: colors.on-color-deemphasis(dark);
+        color: colors.on-color(dark);
+        background: colors.color(primary);
       }
     }
-    .mat-mdc-form-field {
-      width: 100%;
-    }
   }
-  .stage.reviewing {
-    text-align: center;
+
+  .track-enrollment {
+    padding-top: 14px;
+    border-top: 1px solid;
+    @include colors.theme-border-color;
+
+    h5 {
+      margin: 0 0 8px;
+      font-size: 11px;
+      font-weight: 800;
+      letter-spacing: 0.08em;
+      line-height: 16px;
+      text-transform: uppercase;
+      @include colors.theme-text-emphasis;
+    }
   }
-  .validation {
-    h3 {
-      margin-bottom: 0px;
+
+  .enrollment-field {
+    display: block;
+    max-width: 260px;
+
+    .mat-mdc-form-field-subscript-wrapper {
+      display: none;
+    }
+
+    .mat-mdc-text-field-wrapper {
+      height: 36px;
+      padding: 0 12px;
+    }
+
+    .mat-mdc-form-field-flex {
+      height: 36px;
+    }
+
+    .mat-mdc-form-field-infix {
+      min-height: 0;
+      padding: 7px 0;
+    }
+
+    input {
+      font-size: 13px;
     }
   }
-  .column + .column {
-    padding-left: 16px;
-    .dark & {
-      border-left: 1px solid colors.border-color(dark);
+
+  .save-footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin: 18px -24px -24px;
+    padding: 14px 24px;
+    border-top: 1px solid;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.color(dark), 0.42),
+      rgba(colors.color(mitre-black), 0.02)
+    );
+  }
+
+  .save-footer-summary {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    min-width: 0;
+    font-size: 13px;
+    line-height: 20px;
+    @include colors.theme-text-deemphasis;
+
+    .mat-icon {
+      width: 18px;
+      height: 18px;
+      font-size: 18px;
+      line-height: 18px;
     }
-    .light & {
-      border-left: 1px solid colors.border-color(light);
+
+    strong {
+      border-radius: 4px;
+      padding: 3px 6px;
+      font-family: typography.$mono-font;
+      @include colors.theme-property(
+        color,
+        colors.on-color(dark),
+        colors.on-color(light)
+      );
+      @include colors.theme-property(
+        background,
+        rgba(colors.on-color(dark), 0.1),
+        rgba(colors.on-color(light), 0.08)
+      );
     }
   }
+
+  .save-footer-actions {
+    display: flex;
+    flex: 0 0 auto;
+    gap: 10px;
+  }
+
+  .stage.reviewing {
+    padding: 24px;
+    text-align: center;
+  }
+
   .buttons {
+    margin-top: 24px;
+    margin-bottom: 24px;
+
     button + button {
       margin-left: 10px;
     }
-    margin-top: 24px;
-    margin-bottom: 24px;
+  }
+}
+
+@media (max-width: 600px) {
+  .save-dialog {
+    width: 92vw;
+
+    .save-top-grid {
+      grid-template-columns: 1fr;
+    }
+
+    .save-footer {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    .save-footer-actions {
+      justify-content: flex-end;
+    }
   }
 }
diff --git a/src/app/components/save-dialog/save-dialog.component.spec.ts b/src/app/components/save-dialog/save-dialog.component.spec.ts
index 730c8bf9c..f952462e5 100644
--- a/src/app/components/save-dialog/save-dialog.component.spec.ts
+++ b/src/app/components/save-dialog/save-dialog.component.spec.ts
@@ -1,32 +1,124 @@
+import { provideHttpClient } from '@angular/common/http';
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { provideHttpClient } from '@angular/common/http';
+import { FormsModule } from '@angular/forms';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatRadioModule } from '@angular/material/radio';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { vi } from 'vitest';
 
 import { SaveDialogComponent } from './save-dialog.component';
 import { VersionNumber } from 'src/app/classes/version-number';
-import { createAsyncObservable } from 'src/app/testing/mocks/rest-api-connector.mock';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import {
+  createAsyncObservable,
+  createMockRestApiConnector,
+} from 'src/app/testing/mocks/rest-api-connector.mock';
+import { WorkflowStatus } from 'src/app/utils/types';
 
 describe('SaveDialogComponent', () => {
   let component: SaveDialogComponent;
   let fixture: ComponentFixture<SaveDialogComponent>;
+  let mockObject;
+  let mockReleaseTracksService;
 
   beforeEach(async () => {
-    const mockObject = {
+    mockObject = {
+      stixID: 'attack-pattern--123',
+      attackType: 'technique',
+      modified: new Date('2026-01-01T00:00:00.000Z'),
       version: new VersionNumber('1.0'),
-      validate: vi.fn().mockReturnValue(
+      workflow: {
+        state: WorkflowStatus.WorkInProgress,
+      },
+      workspace: {
+        release_tracks: [
+          {
+            track_id: 'release-track--core',
+            name: 'Core Objects',
+            object_ref: 'attack-pattern--123',
+            object_modified: '2026-01-01T00:00:00.000Z',
+            object_status: WorkflowStatus.AwaitingReview,
+          },
+        ],
+      },
+      validate: vi.fn(
+        (_restApi, workflowState = WorkflowStatus.WorkInProgress) =>
+          createAsyncObservable({
+            successes: [],
+            errors:
+              workflowState === WorkflowStatus.Reviewed
+                ? [
+                    {
+                      field: 'workflow',
+                      result: 'error',
+                      message: 'reviewed objects require stricter validation',
+                    },
+                  ]
+                : [],
+            warnings: [],
+            info: [],
+          })
+      ),
+      save: vi.fn().mockReturnValue(createAsyncObservable({})),
+    };
+    mockReleaseTracksService = {
+      listReleaseTracks: vi.fn().mockReturnValue(
         createAsyncObservable({
-          errors: [],
-          info: [],
+          data: [
+            {
+              track_id: 'release-track--core',
+              name: 'Core Objects',
+              type: 'standard',
+            },
+            {
+              track_id: 'release-track--groups',
+              name: 'Groups & Campaigns',
+              type: 'standard',
+            },
+          ],
         })
       ),
+      getLatestSnapshot: vi.fn((trackId: string) =>
+        createAsyncObservable({
+          name: trackId === 'release-track--core' ? 'Core Objects' : '',
+          candidates:
+            trackId === 'release-track--core'
+              ? [
+                  {
+                    object_ref: 'attack-pattern--123',
+                    object_modified: '2026-01-01T00:00:00.000Z',
+                    object_status: WorkflowStatus.AwaitingReview,
+                  },
+                ]
+              : [],
+          staged: [],
+        })
+      ),
+      addCandidates: vi.fn().mockReturnValue(createAsyncObservable({})),
+      reviewCandidates: vi.fn().mockReturnValue(createAsyncObservable({})),
+      promoteCandidates: vi.fn().mockReturnValue(createAsyncObservable({})),
+      demoteStaged: vi.fn().mockReturnValue(createAsyncObservable({})),
     };
 
     await TestBed.configureTestingModule({
       declarations: [SaveDialogComponent],
+      imports: [
+        FormsModule,
+        MatAutocompleteModule,
+        MatButtonToggleModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatRadioModule,
+        NoopAnimationsModule,
+      ],
       providers: [
-        { provide: MatDialogRef, useValue: {} },
+        { provide: MatDialogRef, useValue: { close: vi.fn() } },
         {
           provide: MAT_DIALOG_DATA,
           useValue: {
@@ -34,6 +126,14 @@ describe('SaveDialogComponent', () => {
             versionAlreadyIncremented: false,
           },
         },
+        {
+          provide: RestApiConnectorService,
+          useValue: createMockRestApiConnector(),
+        },
+        {
+          provide: ReleaseTracksConnectorService,
+          useValue: mockReleaseTracksService,
+        },
         provideHttpClient(),
       ],
       schemas: [NO_ERRORS_SCHEMA],
@@ -49,4 +149,147 @@ describe('SaveDialogComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should default to keeping the version and syncing tracks to WIP', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(component.versionChoice).toBe('keep');
+    expect(mockReleaseTracksService.getLatestSnapshot).toHaveBeenCalledWith(
+      'release-track--core',
+      { include: 'all' }
+    );
+    expect(component.trackRows).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--core',
+        name: 'Core Objects',
+        selected: false,
+        enrolled: true,
+        targetStatus: WorkflowStatus.WorkInProgress,
+      }),
+      expect.objectContaining({
+        trackId: 'release-track--groups',
+        name: 'Groups & Campaigns',
+        selected: false,
+        enrolled: false,
+        targetStatus: WorkflowStatus.WorkInProgress,
+      }),
+    ]);
+    expect(component.statusRows).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--core',
+      }),
+    ]);
+    expect(component.enrollmentOptions).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--groups',
+      }),
+    ]);
+  });
+
+  it('should move newly enrolled tracks into the release track status table', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    const row = component.enrollmentOptions[0];
+    component.selectEnrollmentTrack({ option: { value: row } });
+
+    expect(row.selected).toBe(true);
+    expect(row.targetStatus).toBe(WorkflowStatus.WorkInProgress);
+    expect(component.statusRows).toEqual([
+      expect.objectContaining({
+        trackId: 'release-track--core',
+      }),
+      expect.objectContaining({
+        trackId: 'release-track--groups',
+      }),
+    ]);
+    expect(component.enrollmentOptions).toEqual([]);
+  });
+
+  it('should revalidate against the highest selected release track status', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(component.validationReviewStatus).toBe(
+      WorkflowStatus.WorkInProgress
+    );
+    expect(component.validationReviewStatusLabel).toBe('WIP');
+
+    mockObject.validate.mockClear();
+    component.trackRows[0].targetStatus = WorkflowStatus.Reviewed;
+    component.onTrackStatusChanged();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(component.validationReviewStatus).toBe(WorkflowStatus.Reviewed);
+    expect(component.validationReviewStatusLabel).toBe('Reviewed');
+    expect(mockObject.validate).toHaveBeenCalledWith(
+      expect.anything(),
+      WorkflowStatus.Reviewed
+    );
+    expect(component.validationStatus).toBe('error');
+
+    component.trackRows[0].targetStatus = WorkflowStatus.AwaitingReview;
+    component.onTrackStatusChanged();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(component.validationReviewStatus).toBe(
+      WorkflowStatus.AwaitingReview
+    );
+    expect(component.validationReviewStatusLabel).toBe('Awaiting Review');
+    expect(component.validationStatus).toBe('success');
+  });
+
+  it('should sync existing and newly enrolled release tracks on save', async () => {
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    const newTrack = component.enrollmentOptions[0];
+    component.selectEnrollmentTrack({ option: { value: newTrack } });
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    component.onConfirmSave();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(mockReleaseTracksService.reviewCandidates).toHaveBeenCalledWith(
+      'release-track--core',
+      {
+        from: WorkflowStatus.AwaitingReview,
+        to: WorkflowStatus.WorkInProgress,
+        object_refs: [
+          {
+            id: 'attack-pattern--123',
+            modified: '2026-01-01T00:00:00.000Z',
+          },
+        ],
+      }
+    );
+    expect(mockReleaseTracksService.addCandidates).toHaveBeenCalledWith(
+      'release-track--groups',
+      ['attack-pattern--123']
+    );
+  });
+
+  it('should summarize validation status by severity', () => {
+    component.validation = {
+      successes: [],
+      errors: [],
+      warnings: [],
+      info: [],
+    };
+    expect(component.validationStatus).toBe('success');
+    expect(component.validationStatusLabel).toBe('Success');
+
+    component.validation.warnings.push({
+      field: 'name',
+      result: 'warning',
+      message: 'name warning',
+    });
+    expect(component.validationStatus).toBe('warning');
+    expect(component.validationStatusLabel).toBe('Warning');
+
+    component.validation.errors.push({
+      field: 'name',
+      result: 'error',
+      message: 'name error',
+    });
+    expect(component.validationStatus).toBe('error');
+    expect(component.validationStatusLabel).toBe('Error');
+  });
 });
diff --git a/src/app/components/save-dialog/save-dialog.component.ts b/src/app/components/save-dialog/save-dialog.component.ts
index 35714cb51..0b0d97982 100644
--- a/src/app/components/save-dialog/save-dialog.component.ts
+++ b/src/app/components/save-dialog/save-dialog.component.ts
@@ -1,14 +1,25 @@
 import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { forkJoin } from 'rxjs';
+import { forkJoin, Observable, of } from 'rxjs';
+import { catchError, concatMap, map, switchMap } from 'rxjs/operators';
+import { SnapshotTier } from 'src/app/classes/release-tracks';
+import type {
+  ReleaseTrackObjectTier,
+  StixObjectRef,
+} from 'src/app/classes/release-tracks';
 import { ValidationData } from 'src/app/classes/serializable';
 import { DetectionStrategy } from 'src/app/classes/stix';
 import { StixObject } from 'src/app/classes/stix/stix-object';
 import { VersionNumber } from 'src/app/classes/version-number';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import {
+  WORKFLOW_STATUS_OPTIONS,
+  WORKFLOW_STATUS_RANK,
   WorkflowStatus,
-  WorkflowStatusMap,
+} from 'src/app/utils/types';
+import type {
+  ReleaseTrackStatus,
   WorkflowStatusType,
 } from 'src/app/utils/types';
 import { logger } from '../../utils/logger';
@@ -27,44 +38,67 @@ export class SaveDialogComponent implements OnInit {
   public nextMinorVersion: string;
   public patch_objects = [];
   public validation: ValidationData = null;
+  public validating = false;
   public newState: WorkflowStatus | undefined = WorkflowStatus.WorkInProgress;
-  public workflows = Object.entries(WorkflowStatusMap);
   public analyticsToPatch = new Set<string>(); // list of stix ids of analytics that need patching
+  public versionChoice: SaveVersionChoice = 'keep';
+  public trackRows: TrackRow[] = [];
+  public enrollmentSearch: string | TrackRow = '';
+  public loadingTracks = false;
+  public trackStatusOptions = WORKFLOW_STATUS_OPTIONS;
+  private validationRequestId = 0;
 
   public get saveEnabled() {
-    return this.validation && this.validation.errors.length == 0;
+    return (
+      !this.validating && this.validation && this.validation.errors.length == 0
+    );
+  }
+
+  public get validationStatus(): ValidationStatus {
+    if (!this.validation) return 'success';
+    if (this.validation.errors.length) return 'error';
+    if (
+      this.validation.warnings.length ||
+      this.config.patchId ||
+      this.config.patchAnalytics
+    )
+      return 'warning';
+    return 'success';
+  }
+
+  public get validationStatusLabel(): string {
+    switch (this.validationStatus) {
+      case 'error':
+        return 'Error';
+      case 'warning':
+        return 'Warning';
+      default:
+        return 'Success';
+    }
+  }
+
+  public get validationReviewStatus(): WorkflowStatusType | undefined {
+    if (this.config.object.attackType === 'relationship') return undefined;
+    return this.getHighestWorkflowStatus(
+      this.statusRows.map(row => row.targetStatus)
+    );
+  }
+
+  public get validationReviewStatusLabel(): string {
+    const status = this.validationReviewStatus;
+    if (!status) return '';
+    return this.getWorkflowStatusLabel(status);
   }
 
   constructor(
     public dialogRef: MatDialogRef<SaveDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public config: SaveDialogConfig,
-    public restApiService: RestApiConnectorService
+    public restApiService: RestApiConnectorService,
+    private releaseTracksService: ReleaseTracksConnectorService
   ) {
     this.currentVersion = config.object.version.toString();
     this.nextMajorVersion = config.object.version.nextMajorVersion().toString();
     this.nextMinorVersion = config.object.version.nextMinorVersion().toString();
-
-    const subscription = config.object.validate(this.restApiService).subscribe({
-      next: result => {
-        // tell the user version has been incremented, but not if the version has an error
-        if (
-          this.config.versionAlreadyIncremented &&
-          !result.errors.some(x => x.field == 'version')
-        )
-          result.info.push({
-            field: 'version',
-            result: 'info',
-            message: 'version has already been changed',
-          });
-        this.validation = result;
-      },
-      error: err => {
-        logger.error(err);
-      },
-      complete: () => {
-        subscription.unsubscribe();
-      },
-    });
   }
 
   ngOnInit(): void {
@@ -94,32 +128,70 @@ export class SaveDialogComponent implements OnInit {
         for (const a of newAnalytics) this.analyticsToPatch.add(a);
       }
     }
-    // Run validation for the initial state
-    const subscription = this.config.object
-      .validate(this.restApiService, this.newState)
-      .subscribe({
-        next: result => {
-          this.validation = result;
-        },
-        error: err => {
-          logger.error(err);
-        },
-        complete: () => subscription.unsubscribe(),
-      });
+    this.validateObject();
+    this.loadTrackRows();
   }
 
-  onStatusChanged(event) {
-    const subscription = this.config.object
-      .validate(this.restApiService, event.value)
-      .subscribe({
-        next: result => {
-          this.validation = result;
-        },
-        error: err => {
-          logger.error(err);
-        },
-        complete: () => subscription.unsubscribe(),
-      });
+  public get selectedVersion(): string {
+    switch (this.versionChoice) {
+      case 'major':
+        return this.nextMajorVersion;
+      case 'minor':
+        return this.nextMinorVersion;
+      default:
+        return this.currentVersion;
+    }
+  }
+
+  public get selectedVersionLabel(): string {
+    return `v${this.selectedVersion}`;
+  }
+
+  public get statusRows(): TrackRow[] {
+    return this.trackRows.filter(row => row.enrolled || row.selected);
+  }
+
+  public get hasStatusRows(): boolean {
+    return this.statusRows.length > 0;
+  }
+
+  public get enrollmentOptions(): TrackRow[] {
+    const search = this.getEnrollmentSearchText().toLowerCase().trim();
+    return this.trackRows
+      .filter(row => !row.enrolled && !row.selected)
+      .filter(row => !search || row.name.toLowerCase().includes(search));
+  }
+
+  public onConfirmSave(): void {
+    switch (this.versionChoice) {
+      case 'major':
+        this.saveNextMajorVersion();
+        return;
+      case 'minor':
+        this.saveNextMinorVersion();
+        return;
+      default:
+        this.saveCurrentVersion();
+    }
+  }
+
+  public displayTrack(track: TrackRow | string): string {
+    if (typeof track === 'string') return track;
+    return track?.name || '';
+  }
+
+  public selectEnrollmentTrack(event): void {
+    const row = event?.option?.value as TrackRow;
+    if (!row) return;
+
+    row.selected = true;
+    row.targetStatus = WorkflowStatus.WorkInProgress;
+    this.enrollmentSearch = '';
+    this.onTrackStatusChanged();
+  }
+
+  public onTrackStatusChanged(): void {
+    this.validateObject();
   }
 
   /**
@@ -272,14 +344,394 @@ export class SaveDialogComponent implements OnInit {
     if (!this.saveEnabled) {
       return;
     }
-    this.config.object.workflow = { state: this.newState };
-    const sub = this.saveObject().subscribe({
-      next: () => {
-        this.dialogRef.close(true);
-      },
-      complete: () => sub.unsubscribe(),
+    this.config.object.workflow = this.newState
+      ? { state: this.newState }
+      : undefined;
+    const sub = this.saveObject()
+      .pipe(switchMap(() => this.syncTracks()))
+      .subscribe({
+        next: () => {
+          this.dialogRef.close(true);
+        },
+        complete: () => sub.unsubscribe(),
+      });
+  }
+
+  private loadTrackRows(): void {
+    if (
+      !this.config.object?.stixID ||
+      this.config.object.attackType === 'relationship'
+    ) {
+      this.trackRows = [];
+      return;
+    }
+
+    this.loadingTracks = true;
+    this.releaseTracksService
+      .listReleaseTracks({ type: 'standard' })
+      .pipe(
+        switchMap(tracksResult => {
+          const tracks = this.getTrackList(tracksResult);
+          if (!tracks.length) return of([]);
+          const workspaceTracksByTrack = this.getWorkspaceTracksById();
+
+          return forkJoin(
+            tracks.map(track => {
+              const trackId = this.getTrackId(track);
+              const workspaceTrack = trackId
+                ? workspaceTracksByTrack.get(trackId) || null
+                : null;
+
+              if (!trackId || !workspaceTrack) {
+                return of(this.toTrackRow(track, null, workspaceTrack));
+              }
+
+              return this.releaseTracksService
+                .getLatestSnapshot(trackId, { include: 'all' })
+                .pipe(
+                  map(snapshot =>
+                    this.toTrackRow(track, snapshot, workspaceTrack)
+                  ),
+                  catchError(err => {
+                    logger.error(
+                      'Failed to load release track snapshot for save dialog',
+                      err
+                    );
+                    return of(this.toTrackRow(track, null, workspaceTrack));
+                  })
+                );
+            })
+          );
+        }),
+        catchError(err => {
+          logger.error('Failed to load release tracks for save dialog', err);
+          return of([]);
+        })
+      )
+      .subscribe({
+        next: rows => {
+          this.trackRows = rows;
+          this.loadingTracks = false;
+        },
+        error: err => {
+          logger.error(err);
+          this.trackRows = [];
+          this.loadingTracks = false;
+        },
+      });
+  }
+
+  private toTrackRow(
+    track: any,
+    snapshot: any,
+    workspaceTrack?: ReleaseTrackStatus | null
+  ): TrackRow {
+    const trackId = this.getTrackId(track) || '';
+    const entry = this.getTrackedObjectEntry(snapshot);
+    const tier = this.getEntryTier(entry) || workspaceTrack?.tier || null;
+    const status =
+      this.getEntryWorkflowStatus(entry) ||
+      workspaceTrack?.status ||
+      this.getFallbackWorkflowStatus(tier);
+
+    return {
+      trackId,
+      name:
+        track?.name ||
+        snapshot?.name ||
+        workspaceTrack?.name ||
+        trackId ||
+        'Release track',
+      tier,
+      status,
+      objectRef: entry
+        ? this.getObjectRef(entry)
+        : workspaceTrack?.objectRef || this.config.object.stixID,
+      enrolled: !!entry || !!workspaceTrack,
+      selected: false,
+      targetStatus: WorkflowStatus.WorkInProgress,
+    };
+  }
+
+  private getTrackedObjectEntry(snapshot: any): any | null {
+    if (!snapshot) return null;
+    return (
+      this.getSnapshotWorkflowEntries(snapshot).find(
+        entry => this.getEntryObjectRef(entry) === this.config.object.stixID
+      ) || null
+    );
+  }
+
+  private getSnapshotWorkflowEntries(snapshot: any): any[] {
+    return [
+      this.withTier(snapshot?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.contents?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.contents?.staged, SnapshotTier.Staged),
+      this.withTier(snapshot?.workspace?.candidates, SnapshotTier.Candidate),
+      this.withTier(snapshot?.workspace?.staged, SnapshotTier.Staged),
+    ]
+      .filter(Array.isArray)
+      .reduce((entries, tierEntries) => entries.concat(tierEntries), []);
+  }
+
+  private withTier(
+    entries: any,
+    tier: ReleaseTrackObjectTier
+  ): any[] | undefined {
+    if (!Array.isArray(entries)) return undefined;
+    return entries.map(entry => ({
+      ...entry,
+      tier: this.getEntryTier(entry) || tier,
+    }));
+  }
+
+  private getEntryTier(entry: any): ReleaseTrackObjectTier | null {
+    if (!entry) return null;
+    const tier = String(entry.tier || entry.object_tier || '').toLowerCase();
+    if (tier === SnapshotTier.Staged) return SnapshotTier.Staged;
+    if (tier === SnapshotTier.Candidate) return SnapshotTier.Candidate;
+    if (entry.object_staged_at || entry.staged_at) return SnapshotTier.Staged;
+    if (this.getEntryWorkflowStatus(entry)) return SnapshotTier.Candidate;
+    return null;
+  }
+
+  private getEntryWorkflowStatus(entry: any): WorkflowStatusType | null {
+    if (!entry) return null;
+    const status = entry.object_status || entry.status;
+    if (Object.values(WorkflowStatus).includes(status)) return status;
+    return null;
+  }
+
+  private getFallbackWorkflowStatus(
+    tier: ReleaseTrackObjectTier | null
+  ): WorkflowStatusType {
+    return tier === SnapshotTier.Staged
+      ? WorkflowStatus.Reviewed
+      : WorkflowStatus.WorkInProgress;
+  }
+
+  private validateObject(): void {
+    const requestId = ++this.validationRequestId;
+    this.validation = null;
+    this.validating = true;
+
+    this.config.object
+      .validate(this.restApiService, this.validationReviewStatus)
+      .subscribe({
+        next: result => {
+          if (requestId !== this.validationRequestId) return;
+          this.applyValidationResult(result);
+        },
+        error: err => {
+          if (requestId !== this.validationRequestId) return;
+          logger.error(err);
+        },
+        complete: () => {
+          if (requestId === this.validationRequestId) {
+            this.validating = false;
+          }
+        },
+      });
+  }
+
+  private applyValidationResult(result: ValidationData): void {
+    // tell the user version has been incremented, but not if the version has an error
+    if (
+      this.config.versionAlreadyIncremented &&
+      !result.errors.some(x => x.field == 'version')
+    ) {
+      result.info.push({
+        field: 'version',
+        result: 'info',
+        message: 'version has already been changed',
+      });
+    }
+    this.validation = result;
+  }
+
+  private getHighestWorkflowStatus(
+    statuses: WorkflowStatusType[]
+  ): WorkflowStatusType {
+    return statuses.reduce(
+      (highest, status) =>
+        WORKFLOW_STATUS_RANK[status] > WORKFLOW_STATUS_RANK[highest]
+          ? status
+          : highest,
+      WorkflowStatus.WorkInProgress
+    );
+  }
+
+  private getWorkflowStatusLabel(status: WorkflowStatusType): string {
+    return (
+      this.trackStatusOptions.find(option => option.value === status)?.label ||
+      status
+    );
+  }
+
+  private syncTracks(): Observable<unknown> {
+    const rows = this.trackRows.filter(row => row.enrolled || row.selected);
+    if (!rows.length) return of(null);
+
+    return forkJoin(
+      rows.map(row =>
+        this.syncTrack(row).pipe(
+          catchError(err => {
+            logger.error('Failed to update release track object status', err);
+            return of(null);
+          })
+        )
+      )
+    );
+  }
+
+  private syncTrack(row: TrackRow): Observable<unknown> {
+    if (!row.trackId) return of(null);
+    if (!row.enrolled) return this.addCandidateToTrack(row);
+    if (row.status === row.targetStatus) return of(null);
+    if (row.tier === SnapshotTier.Staged) {
+      return this.releaseTracksService
+        .demoteStaged(row.trackId, [row.objectRef])
+        .pipe(
+          concatMap(() =>
+            this.releaseTracksService.reviewCandidates(row.trackId, {
+              from: row.status,
+              to: row.targetStatus,
+              object_refs: [row.objectRef],
+            })
+          )
+        );
+    }
+    return this.releaseTracksService.reviewCandidates(row.trackId, {
+      from: row.status,
+      to: row.targetStatus,
+      object_refs: [row.objectRef],
     });
   }
+
+  private addCandidateToTrack(row: TrackRow): Observable<unknown> {
+    return this.releaseTracksService
+      .addCandidates(row.trackId, [row.objectRef])
+      .pipe(
+        concatMap(() => {
+          if (row.targetStatus === WorkflowStatus.WorkInProgress) {
+            return of(null);
+          }
+          return this.releaseTracksService.reviewCandidates(row.trackId, {
+            from: WorkflowStatus.WorkInProgress,
+            to: row.targetStatus,
+            object_refs: [row.objectRef],
+          });
+        })
+      );
+  }
+
+  private getTrackList(result: any): any[] {
+    if (Array.isArray(result?.data)) return result.data;
+    if (Array.isArray(result?.release_tracks)) return result.release_tracks;
+    if (Array.isArray(result)) return result;
+    return [];
+  }
+
+  private getTrackId(track: any): string | null {
+    return (
+      track?.trackId ||
+      track?.track_id ||
+      track?.release_track_id ||
+      track?.releaseTrackId ||
+      (track?.id?.startsWith('release-track--') ? track.id : null)
+    );
+  }
+
+  private getObjectRef(entry: any): StixObjectRef {
+    const modified =
+      this.toIsoString(entry.object_modified) ||
+      this.toIsoString(entry.modified) ||
+      this.config.object.modified?.toISOString();
+
+    return modified
+      ? {
+          id: this.getEntryObjectRef(entry) || this.config.object.stixID,
+          modified,
+        }
+      : this.getEntryObjectRef(entry) || this.config.object.stixID;
+  }
+
+  private getWorkspaceTracksById(): Map<string, ReleaseTrackStatus> {
+    const releaseTracks = this.config.object?.workspace?.release_tracks;
+    if (!Array.isArray(releaseTracks)) return new Map();
+
+    return releaseTracks.reduce((lookup, track) => {
+      const ref = this.toWorkspaceTrack(track);
+      if (ref && !lookup.has(ref.trackId)) lookup.set(ref.trackId, ref);
+      return lookup;
+    }, new Map<string, ReleaseTrackStatus>());
+  }
+
+  private toWorkspaceTrack(track: any): ReleaseTrackStatus | null {
+    const trackId = typeof track === 'string' ? track : this.getTrackId(track);
+    if (!trackId) return null;
+    const tier = typeof track === 'string' ? null : this.getEntryTier(track);
+    const status =
+      typeof track === 'string'
+        ? WorkflowStatus.WorkInProgress
+        : this.getEntryWorkflowStatus(track) ||
+          this.getFallbackWorkflowStatus(tier);
+
+    return {
+      trackId,
+      name: typeof track === 'string' ? '' : track.name || track.track_name,
+      description: typeof track === 'string' ? '' : track.description || '',
+      tier,
+      status,
+      objectRef:
+        typeof track === 'string'
+          ? this.config.object.stixID
+          : this.getWorkspaceObjectRef(track),
+    };
+  }
+
+  private getWorkspaceObjectRef(track: any): StixObjectRef {
+    const modified =
+      this.toIsoString(track?.object_modified) ||
+      this.toIsoString(track?.modified) ||
+      this.config.object.modified?.toISOString();
+
+    return modified
+      ? {
+          id: track?.object_ref || track?.ref || this.config.object.stixID,
+          modified,
+        }
+      : track?.object_ref || track?.ref || this.config.object.stixID;
+  }
+
+  private getEntryObjectRef(entry: any): string | null {
+    return entry?.object_ref || entry?.ref || entry?.id || null;
+  }
+
+  private toIsoString(value: any): string | null {
+    if (!value) return null;
+    if (value instanceof Date) return value.toISOString();
+    return String(value);
+  }
+
+  private getEnrollmentSearchText(): string {
+    return this.displayTrack(this.enrollmentSearch);
+  }
+}
+
+type SaveVersionChoice = 'keep' | 'minor' | 'major';
+type ValidationStatus = 'success' | 'warning' | 'error';
+
+interface TrackRow {
+  trackId: string;
+  name: string;
+  tier: ReleaseTrackObjectTier | null;
+  status: WorkflowStatusType;
+  objectRef: StixObjectRef;
+  enrolled: boolean;
+  selected: boolean;
+  targetStatus: WorkflowStatusType;
 }
 
 export interface SaveDialogConfig {

From 868a670e632ca410a229cf2613cd6e66047ac417 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 19:31:27 -0400
Subject: [PATCH 117/190] fix(workflow-status): disable workflow status options
 below the current status

---
 .../name-property/name-property.component.html   |  2 +-
 .../name-property/name-property.component.scss   | 13 +++++++++++++
 .../name-property.component.spec.ts              | 16 ++++++++++++++++
 .../name-property/name-property.component.ts     | 13 ++++++++++++-
 4 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/src/app/components/stix/name-property/name-property.component.html b/src/app/components/stix/name-property/name-property.component.html
index 3fb1b747c..4eb827596 100644
--- a/src/app/components/stix/name-property/name-property.component.html
+++ b/src/app/components/stix/name-property/name-property.component.html
@@ -79,7 +79,7 @@ <h4>{{ rt.name }}</h4>
                   type="button"
                   [class]="'workflow-option-' + action.modifier"
                   [class.active]="isStatusActive(rt, action.status)"
-                  [disabled]="isStatusActive(rt, action.status)"
+                  [disabled]="isStatusDisabled(rt, action.status)"
                   (click)="
                     openStatusDialog(action.status, workflowMenuTrigger, rt)
                   ">
diff --git a/src/app/components/stix/name-property/name-property.component.scss b/src/app/components/stix/name-property/name-property.component.scss
index fcc2f3030..073dcca33 100644
--- a/src/app/components/stix/name-property/name-property.component.scss
+++ b/src/app/components/stix/name-property/name-property.component.scss
@@ -285,6 +285,19 @@ $workflow-reviewed-color: colors.color(success);
 
       &:disabled {
         cursor: default;
+        opacity: 0.65;
+
+        .dark & {
+          border-color: rgba(colors.on-color(dark), 0.08);
+          color: colors.on-color-deemphasis(dark);
+          background: rgba(colors.on-color(dark), 0.04);
+        }
+
+        .light & {
+          border-color: rgba(colors.on-color(light), 0.12);
+          color: colors.on-color-deemphasis(light);
+          background: rgba(colors.on-color(light), 0.035);
+        }
       }
     }
   }
diff --git a/src/app/components/stix/name-property/name-property.component.spec.ts b/src/app/components/stix/name-property/name-property.component.spec.ts
index 18d2143d0..800b28386 100644
--- a/src/app/components/stix/name-property/name-property.component.spec.ts
+++ b/src/app/components/stix/name-property/name-property.component.spec.ts
@@ -213,4 +213,20 @@ describe('NamePropertyComponent', () => {
       }),
     ]);
   });
+
+  it('should only allow forward workflow status changes from the menu', () => {
+    const row = {
+      status: WorkflowStatus.AwaitingReview,
+    } as any;
+
+    expect(component.isStatusDisabled(row, WorkflowStatus.WorkInProgress)).toBe(
+      true
+    );
+    expect(component.isStatusDisabled(row, WorkflowStatus.AwaitingReview)).toBe(
+      true
+    );
+    expect(component.isStatusDisabled(row, WorkflowStatus.Reviewed)).toBe(
+      false
+    );
+  });
 });
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index 89c3886b1..10d832d8e 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -24,7 +24,11 @@ import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { EditorService } from 'src/app/services/editor/editor.service';
 import { WorkflowStatusDialogComponent } from 'src/app/components/workflow-status-dialog/workflow-status-dialog.component';
-import { WORKFLOW_STATUS_OPTIONS, WorkflowStatus } from 'src/app/utils/types';
+import {
+  WORKFLOW_STATUS_OPTIONS,
+  WORKFLOW_STATUS_RANK,
+  WorkflowStatus,
+} from 'src/app/utils/types';
 import type {
   ReleaseTrackStatus,
   WorkflowStatusType,
@@ -176,6 +180,13 @@ export class NamePropertyComponent implements OnInit {
     return row.status === status;
   }
 
+  public isStatusDisabled(
+    row: ReleaseTrackStatus,
+    status: WorkflowStatusType
+  ): boolean {
+    return WORKFLOW_STATUS_RANK[status] <= WORKFLOW_STATUS_RANK[row.status];
+  }
+
   private loadTrackStatuses(): void {
     if (!this.object?.stixID) {
       this.trackStatuses = [];

From 66422dbd04891b452e043cfd9a353ea4e5ac361d Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 19:48:07 -0400
Subject: [PATCH 118/190] style(save-dialog): align release track status reset
 display

---
 .../save-dialog/save-dialog.component.html    | 32 ++++------
 .../save-dialog/save-dialog.component.scss    | 60 ++++++-------------
 .../save-dialog/save-dialog.component.spec.ts | 27 +--------
 .../save-dialog/save-dialog.component.ts      | 60 ++++---------------
 4 files changed, 40 insertions(+), 139 deletions(-)

diff --git a/src/app/components/save-dialog/save-dialog.component.html b/src/app/components/save-dialog/save-dialog.component.html
index f23c7c41e..76f727f81 100644
--- a/src/app/components/save-dialog/save-dialog.component.html
+++ b/src/app/components/save-dialog/save-dialog.component.html
@@ -72,32 +72,22 @@ <h4>Object Review Status</h4>
       <div class="track-table" *ngIf="hasStatusRows; else noEnrolledTracks">
         <div class="track-table-row track-table-head">
           <span>Release Track</span>
-          <span>Current Draft</span>
-          <span>New Status</span>
+          <span>Status Change</span>
         </div>
 
         <div class="track-table-row" *ngFor="let row of statusRows">
           <span class="track-name">{{ row.name }}</span>
 
-          <app-status-chip
-            *ngIf="row.enrolled; else notEnrolledStatus"
-            [status]="row.status"></app-status-chip>
-          <ng-template #notEnrolledStatus>
-            <span class="track-not-enrolled">Not enrolled</span>
-          </ng-template>
-
-          <mat-button-toggle-group
-            class="track-status-toggle"
-            [(ngModel)]="row.targetStatus"
-            (change)="onTrackStatusChanged()"
-            hideSingleSelectionIndicator
-            aria-label="Track status">
-            <mat-button-toggle
-              *ngFor="let option of trackStatusOptions"
-              [value]="option.value">
-              {{ option.label }}
-            </mat-button-toggle>
-          </mat-button-toggle-group>
+          <div class="track-status-change">
+            <app-status-chip
+              *ngIf="row.enrolled; else notEnrolledStatus"
+              [status]="row.status"></app-status-chip>
+            <ng-template #notEnrolledStatus>
+              <span class="track-not-enrolled">Not enrolled</span>
+            </ng-template>
+            <mat-icon>arrow_forward</mat-icon>
+            <app-status-chip [status]="resetWorkflowStatus"></app-status-chip>
+          </div>
         </div>
       </div>
 
diff --git a/src/app/components/save-dialog/save-dialog.component.scss b/src/app/components/save-dialog/save-dialog.component.scss
index 6091d0658..4cb374b9f 100644
--- a/src/app/components/save-dialog/save-dialog.component.scss
+++ b/src/app/components/save-dialog/save-dialog.component.scss
@@ -190,10 +190,10 @@
 
   .track-table-row {
     display: grid;
-    grid-template-columns: minmax(180px, 1fr) 140px 230px;
+    grid-template-columns: minmax(180px, 1fr) minmax(300px, 1fr);
     align-items: center;
-    gap: 12px;
-    min-width: 574px;
+    column-gap: 24px;
+    min-width: 540px;
     padding: 10px 0;
 
     & + .track-table-row {
@@ -208,23 +208,10 @@
     font-weight: 700;
     line-height: 20px;
     @include colors.theme-text-deemphasis;
-
-    span:last-child {
-      .dark & {
-        color: colors.color(primary);
-      }
-
-      .light & {
-        color: colors.color(primary);
-      }
-    }
   }
 
-  .track-table-head span:nth-child(2),
   .track-table-head span:last-child,
-  app-status-chip,
-  .track-status-toggle,
-  .track-not-enrolled {
+  .track-status-change {
     justify-self: start;
   }
 
@@ -237,33 +224,20 @@
     font-weight: 400;
   }
 
-  .track-status-toggle {
-    display: flex;
-    width: fit-content;
-    max-width: 100%;
-    overflow: hidden;
-    border: 1px solid;
-    border-radius: 4px;
-    white-space: nowrap;
-    @include colors.theme-border-color;
-
-    .mat-button-toggle {
-      font-size: 12px;
-      font-weight: 600;
-      line-height: 28px;
-    }
-
-    .mat-button-toggle-label-content {
-      line-height: 28px;
-      padding: 0 10px;
-    }
+  .track-status-change {
+    display: grid;
+    grid-template-columns: 180px 18px max-content;
+    align-items: center;
+    column-gap: 12px;
+    min-width: 0;
 
-    .mat-button-toggle-checked {
-      .dark &,
-      .light & {
-        color: colors.on-color(dark);
-        background: colors.color(primary);
-      }
+    .mat-icon {
+      width: 17px;
+      height: 17px;
+      font-size: 17px;
+      line-height: 17px;
+      justify-self: center;
+      @include colors.theme-text-deemphasis;
     }
   }
 
diff --git a/src/app/components/save-dialog/save-dialog.component.spec.ts b/src/app/components/save-dialog/save-dialog.component.spec.ts
index f952462e5..997897f75 100644
--- a/src/app/components/save-dialog/save-dialog.component.spec.ts
+++ b/src/app/components/save-dialog/save-dialog.component.spec.ts
@@ -3,7 +3,6 @@ import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatInputModule } from '@angular/material/input';
@@ -111,7 +110,6 @@ describe('SaveDialogComponent', () => {
       imports: [
         FormsModule,
         MatAutocompleteModule,
-        MatButtonToggleModule,
         MatFormFieldModule,
         MatInputModule,
         MatRadioModule,
@@ -164,14 +162,12 @@ describe('SaveDialogComponent', () => {
         name: 'Core Objects',
         selected: false,
         enrolled: true,
-        targetStatus: WorkflowStatus.WorkInProgress,
       }),
       expect.objectContaining({
         trackId: 'release-track--groups',
         name: 'Groups & Campaigns',
         selected: false,
         enrolled: false,
-        targetStatus: WorkflowStatus.WorkInProgress,
       }),
     ]);
     expect(component.statusRows).toEqual([
@@ -193,7 +189,6 @@ describe('SaveDialogComponent', () => {
     component.selectEnrollmentTrack({ option: { value: row } });
 
     expect(row.selected).toBe(true);
-    expect(row.targetStatus).toBe(WorkflowStatus.WorkInProgress);
     expect(component.statusRows).toEqual([
       expect.objectContaining({
         trackId: 'release-track--core',
@@ -205,35 +200,17 @@ describe('SaveDialogComponent', () => {
     expect(component.enrollmentOptions).toEqual([]);
   });
 
-  it('should revalidate against the highest selected release track status', async () => {
+  it('should always validate save updates against WIP', async () => {
     await new Promise(resolve => setTimeout(resolve, 10));
 
     expect(component.validationReviewStatus).toBe(
       WorkflowStatus.WorkInProgress
     );
     expect(component.validationReviewStatusLabel).toBe('WIP');
-
-    mockObject.validate.mockClear();
-    component.trackRows[0].targetStatus = WorkflowStatus.Reviewed;
-    component.onTrackStatusChanged();
-    await new Promise(resolve => setTimeout(resolve, 10));
-
-    expect(component.validationReviewStatus).toBe(WorkflowStatus.Reviewed);
-    expect(component.validationReviewStatusLabel).toBe('Reviewed');
     expect(mockObject.validate).toHaveBeenCalledWith(
       expect.anything(),
-      WorkflowStatus.Reviewed
-    );
-    expect(component.validationStatus).toBe('error');
-
-    component.trackRows[0].targetStatus = WorkflowStatus.AwaitingReview;
-    component.onTrackStatusChanged();
-    await new Promise(resolve => setTimeout(resolve, 10));
-
-    expect(component.validationReviewStatus).toBe(
-      WorkflowStatus.AwaitingReview
+      WorkflowStatus.WorkInProgress
     );
-    expect(component.validationReviewStatusLabel).toBe('Awaiting Review');
     expect(component.validationStatus).toBe('success');
   });
 
diff --git a/src/app/components/save-dialog/save-dialog.component.ts b/src/app/components/save-dialog/save-dialog.component.ts
index 0b0d97982..8f8b77882 100644
--- a/src/app/components/save-dialog/save-dialog.component.ts
+++ b/src/app/components/save-dialog/save-dialog.component.ts
@@ -13,11 +13,7 @@ import { StixObject } from 'src/app/classes/stix/stix-object';
 import { VersionNumber } from 'src/app/classes/version-number';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
-import {
-  WORKFLOW_STATUS_OPTIONS,
-  WORKFLOW_STATUS_RANK,
-  WorkflowStatus,
-} from 'src/app/utils/types';
+import { WORKFLOW_STATUS_LABELS, WorkflowStatus } from 'src/app/utils/types';
 import type {
   ReleaseTrackStatus,
   WorkflowStatusType,
@@ -45,7 +41,7 @@ export class SaveDialogComponent implements OnInit {
   public trackRows: TrackRow[] = [];
   public enrollmentSearch: string | TrackRow = '';
   public loadingTracks = false;
-  public trackStatusOptions = WORKFLOW_STATUS_OPTIONS;
+  public readonly resetWorkflowStatus = WorkflowStatus.WorkInProgress;
   private validationRequestId = 0;
 
   public get saveEnabled() {
@@ -79,9 +75,7 @@ export class SaveDialogComponent implements OnInit {
 
   public get validationReviewStatus(): WorkflowStatusType | undefined {
     if (this.config.object.attackType === 'relationship') return undefined;
-    return this.getHighestWorkflowStatus(
-      this.statusRows.map(row => row.targetStatus)
-    );
+    return this.resetWorkflowStatus;
   }
 
   public get validationReviewStatusLabel(): string {
@@ -185,13 +179,7 @@ export class SaveDialogComponent implements OnInit {
     if (!row) return;
 
     row.selected = true;
-    row.targetStatus = WorkflowStatus.WorkInProgress;
     this.enrollmentSearch = '';
-    this.onTrackStatusChanged();
-  }
-
-  public onTrackStatusChanged(): void {
-    this.validateObject();
   }
 
   /**
@@ -449,7 +437,6 @@ export class SaveDialogComponent implements OnInit {
         : workspaceTrack?.objectRef || this.config.object.stixID,
       enrolled: !!entry || !!workspaceTrack,
       selected: false,
-      targetStatus: WorkflowStatus.WorkInProgress,
     };
   }
 
@@ -550,23 +537,8 @@ export class SaveDialogComponent implements OnInit {
     this.validation = result;
   }
 
-  private getHighestWorkflowStatus(
-    statuses: WorkflowStatusType[]
-  ): WorkflowStatusType {
-    return statuses.reduce(
-      (highest, status) =>
-        WORKFLOW_STATUS_RANK[status] > WORKFLOW_STATUS_RANK[highest]
-          ? status
-          : highest,
-      WorkflowStatus.WorkInProgress
-    );
-  }
-
   private getWorkflowStatusLabel(status: WorkflowStatusType): string {
-    return (
-      this.trackStatusOptions.find(option => option.value === status)?.label ||
-      status
-    );
+    return WORKFLOW_STATUS_LABELS[status] || status;
   }
 
   private syncTracks(): Observable<unknown> {
@@ -588,7 +560,7 @@ export class SaveDialogComponent implements OnInit {
   private syncTrack(row: TrackRow): Observable<unknown> {
     if (!row.trackId) return of(null);
     if (!row.enrolled) return this.addCandidateToTrack(row);
-    if (row.status === row.targetStatus) return of(null);
+    if (row.status === this.resetWorkflowStatus) return of(null);
     if (row.tier === SnapshotTier.Staged) {
       return this.releaseTracksService
         .demoteStaged(row.trackId, [row.objectRef])
@@ -596,7 +568,7 @@ export class SaveDialogComponent implements OnInit {
           concatMap(() =>
             this.releaseTracksService.reviewCandidates(row.trackId, {
               from: row.status,
-              to: row.targetStatus,
+              to: this.resetWorkflowStatus,
               object_refs: [row.objectRef],
             })
           )
@@ -604,26 +576,15 @@ export class SaveDialogComponent implements OnInit {
     }
     return this.releaseTracksService.reviewCandidates(row.trackId, {
       from: row.status,
-      to: row.targetStatus,
+      to: this.resetWorkflowStatus,
       object_refs: [row.objectRef],
     });
   }
 
   private addCandidateToTrack(row: TrackRow): Observable<unknown> {
-    return this.releaseTracksService
-      .addCandidates(row.trackId, [row.objectRef])
-      .pipe(
-        concatMap(() => {
-          if (row.targetStatus === WorkflowStatus.WorkInProgress) {
-            return of(null);
-          }
-          return this.releaseTracksService.reviewCandidates(row.trackId, {
-            from: WorkflowStatus.WorkInProgress,
-            to: row.targetStatus,
-            object_refs: [row.objectRef],
-          });
-        })
-      );
+    return this.releaseTracksService.addCandidates(row.trackId, [
+      row.objectRef,
+    ]);
   }
 
   private getTrackList(result: any): any[] {
@@ -731,7 +692,6 @@ interface TrackRow {
   objectRef: StixObjectRef;
   enrolled: boolean;
   selected: boolean;
-  targetStatus: WorkflowStatusType;
 }
 
 export interface SaveDialogConfig {

From 8eef975d0631a760946922fef1bdb05f882803f3 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 20:02:00 -0400
Subject: [PATCH 119/190] fix(objects): refresh release track statuses after
 save

---
 .../save-dialog/save-dialog.component.spec.ts | 17 ++---
 .../save-dialog/save-dialog.component.ts      | 25 +------
 .../name-property.component.spec.ts           | 67 ++++++++++++++++++-
 .../name-property/name-property.component.ts  | 67 +++++++++++++++++--
 4 files changed, 133 insertions(+), 43 deletions(-)

diff --git a/src/app/components/save-dialog/save-dialog.component.spec.ts b/src/app/components/save-dialog/save-dialog.component.spec.ts
index 997897f75..618b9b6c4 100644
--- a/src/app/components/save-dialog/save-dialog.component.spec.ts
+++ b/src/app/components/save-dialog/save-dialog.component.spec.ts
@@ -214,7 +214,7 @@ describe('SaveDialogComponent', () => {
     expect(component.validationStatus).toBe('success');
   });
 
-  it('should sync existing and newly enrolled release tracks on save', async () => {
+  it('should add the saved object as a WIP candidate without reviewing tracks', async () => {
     await new Promise(resolve => setTimeout(resolve, 10));
 
     const newTrack = component.enrollmentOptions[0];
@@ -224,18 +224,11 @@ describe('SaveDialogComponent', () => {
     component.onConfirmSave();
     await new Promise(resolve => setTimeout(resolve, 10));
 
-    expect(mockReleaseTracksService.reviewCandidates).toHaveBeenCalledWith(
+    expect(mockReleaseTracksService.reviewCandidates).not.toHaveBeenCalled();
+    expect(mockReleaseTracksService.demoteStaged).not.toHaveBeenCalled();
+    expect(mockReleaseTracksService.addCandidates).toHaveBeenCalledWith(
       'release-track--core',
-      {
-        from: WorkflowStatus.AwaitingReview,
-        to: WorkflowStatus.WorkInProgress,
-        object_refs: [
-          {
-            id: 'attack-pattern--123',
-            modified: '2026-01-01T00:00:00.000Z',
-          },
-        ],
-      }
+      ['attack-pattern--123']
     );
     expect(mockReleaseTracksService.addCandidates).toHaveBeenCalledWith(
       'release-track--groups',
diff --git a/src/app/components/save-dialog/save-dialog.component.ts b/src/app/components/save-dialog/save-dialog.component.ts
index 8f8b77882..540851669 100644
--- a/src/app/components/save-dialog/save-dialog.component.ts
+++ b/src/app/components/save-dialog/save-dialog.component.ts
@@ -1,7 +1,7 @@
 import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { forkJoin, Observable, of } from 'rxjs';
-import { catchError, concatMap, map, switchMap } from 'rxjs/operators';
+import { catchError, map, switchMap } from 'rxjs/operators';
 import { SnapshotTier } from 'src/app/classes/release-tracks';
 import type {
   ReleaseTrackObjectTier,
@@ -559,31 +559,12 @@ export class SaveDialogComponent implements OnInit {
 
   private syncTrack(row: TrackRow): Observable<unknown> {
     if (!row.trackId) return of(null);
-    if (!row.enrolled) return this.addCandidateToTrack(row);
-    if (row.status === this.resetWorkflowStatus) return of(null);
-    if (row.tier === SnapshotTier.Staged) {
-      return this.releaseTracksService
-        .demoteStaged(row.trackId, [row.objectRef])
-        .pipe(
-          concatMap(() =>
-            this.releaseTracksService.reviewCandidates(row.trackId, {
-              from: row.status,
-              to: this.resetWorkflowStatus,
-              object_refs: [row.objectRef],
-            })
-          )
-        );
-    }
-    return this.releaseTracksService.reviewCandidates(row.trackId, {
-      from: row.status,
-      to: this.resetWorkflowStatus,
-      object_refs: [row.objectRef],
-    });
+    return this.addCandidateToTrack(row);
   }
 
   private addCandidateToTrack(row: TrackRow): Observable<unknown> {
     return this.releaseTracksService.addCandidates(row.trackId, [
-      row.objectRef,
+      this.config.object.stixID,
     ]);
   }
 
diff --git a/src/app/components/stix/name-property/name-property.component.spec.ts b/src/app/components/stix/name-property/name-property.component.spec.ts
index 800b28386..f197b21c1 100644
--- a/src/app/components/stix/name-property/name-property.component.spec.ts
+++ b/src/app/components/stix/name-property/name-property.component.spec.ts
@@ -27,6 +27,7 @@ describe('NamePropertyComponent', () => {
   let mockEditorService;
   let mockReleaseTracksService;
   let mockSnackbar;
+  let snapshotStatus;
 
   beforeEach(async () => {
     const mockRestApiConnector = createMockRestApiConnector({});
@@ -43,15 +44,16 @@ describe('NamePropertyComponent', () => {
     mockSnackbar = {
       open: vi.fn(),
     };
+    snapshotStatus = WorkflowStatus.WorkInProgress;
     mockReleaseTracksService = {
-      getLatestSnapshot: vi.fn().mockReturnValue(
+      getLatestSnapshot: vi.fn(() =>
         createAsyncObservable({
           name: 'Core Objects',
           description: 'Core workflow',
           candidates: [
             {
               object_ref: 'attack-pattern--123',
-              object_status: WorkflowStatus.WorkInProgress,
+              object_status: snapshotStatus,
             },
           ],
           staged: [],
@@ -214,6 +216,67 @@ describe('NamePropertyComponent', () => {
     ]);
   });
 
+  it('should refresh release track statuses when the saved object reloads', async () => {
+    const object = Object.create(StixObject.prototype);
+    object.stixID = 'attack-pattern--123';
+    object.attackType = 'technique';
+    object.modified = new Date('2026-01-01T00:00:00.000Z');
+    object.workflow = { state: WorkflowStatus.WorkInProgress };
+    object.workspace = {
+      release_tracks: [
+        {
+          track_id: 'release-track--core',
+          name: 'Core Objects',
+          object_ref: 'attack-pattern--123',
+          object_modified: '2026-01-01T00:00:00.000Z',
+          object_status: WorkflowStatus.WorkInProgress,
+        },
+      ],
+    };
+    component.config = {
+      mode: 'view',
+      object,
+    };
+    component.ngOnInit();
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    snapshotStatus = WorkflowStatus.AwaitingReview;
+    const updatedObject = Object.create(StixObject.prototype);
+    updatedObject.stixID = 'attack-pattern--123';
+    updatedObject.attackType = 'technique';
+    updatedObject.modified = new Date('2026-01-02T00:00:00.000Z');
+    updatedObject.workflow = { state: WorkflowStatus.WorkInProgress };
+    updatedObject.workspace = {
+      release_tracks: [
+        {
+          track_id: 'release-track--core',
+          name: 'Core Objects',
+          object_ref: 'attack-pattern--123',
+          object_modified: '2026-01-02T00:00:00.000Z',
+          object_status: WorkflowStatus.AwaitingReview,
+        },
+      ],
+    };
+    component.config = {
+      mode: 'view',
+      object: updatedObject,
+    };
+    component.ngOnChanges({
+      config: {
+        previousValue: { mode: 'view', object },
+        currentValue: component.config,
+        firstChange: false,
+        isFirstChange: () => false,
+      },
+    });
+    await new Promise(resolve => setTimeout(resolve, 10));
+
+    expect(mockReleaseTracksService.getLatestSnapshot).toHaveBeenCalledTimes(2);
+    expect(component.trackStatuses[0].status).toBe(
+      WorkflowStatus.AwaitingReview
+    );
+  });
+
   it('should only allow forward workflow status changes from the menu', () => {
     const row = {
       status: WorkflowStatus.AwaitingReview,
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index 10d832d8e..58fd2db78 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -2,7 +2,9 @@ import {
   Component,
   ElementRef,
   Input,
+  OnChanges,
   OnInit,
+  SimpleChanges,
   ViewChild,
   ViewEncapsulation,
 } from '@angular/core';
@@ -42,7 +44,7 @@ import { logger } from 'src/app/utils/logger';
   encapsulation: ViewEncapsulation.None,
   standalone: false,
 })
-export class NamePropertyComponent implements OnInit {
+export class NamePropertyComponent implements OnChanges, OnInit {
   @Input() public config: NamePropertyConfig;
   @ViewChild('workflowTriggerButton')
   private workflowTriggerButton?: ElementRef<HTMLElement>;
@@ -51,6 +53,7 @@ export class NamePropertyComponent implements OnInit {
   public statusControl: FormControl<WorkflowStatus | null>;
   public trackStatuses: ReleaseTrackStatus[] = [];
   public loadingTracks = false;
+  private trackStatusLoadKey: string | null = null;
   public statusActions: WorkflowStatusAction[] = WORKFLOW_STATUS_OPTIONS.map(
     option => ({
       ...option,
@@ -109,13 +112,16 @@ export class NamePropertyComponent implements OnInit {
     public snackbar: MatSnackBar
   ) {}
 
+  ngOnChanges(changes: SimpleChanges): void {
+    if (!changes.config) return;
+    this.syncStatusControl();
+    this.loadTrackStatuses();
+  }
+
   ngOnInit(): void {
     const object = this.object;
-    this.statusControl = new FormControl(WorkflowStatus.WorkInProgress);
-    this.statusControl.setValue(
-      object?.workflow?.state || WorkflowStatus.WorkInProgress
-    );
-    if (this.showWorkflowControl) this.loadTrackStatuses();
+    this.syncStatusControl();
+    this.loadTrackStatuses();
     if (this.config.mode !== 'diff' && object.revoked) {
       // retrieve revoking object
       const data$ = this.restAPIService.getRelatedTo({
@@ -165,7 +171,7 @@ export class NamePropertyComponent implements OnInit {
     dialogRef.afterClosed().subscribe(result => {
       if (result) {
         this.statusControl.setValue(targetStatus);
-        this.loadTrackStatuses();
+        this.getTrackStatuses();
         this.editorService.onReload.emit();
       } else {
         this.statusControl.setValue(previousWorkflowState);
@@ -187,7 +193,54 @@ export class NamePropertyComponent implements OnInit {
     return WORKFLOW_STATUS_RANK[status] <= WORKFLOW_STATUS_RANK[row.status];
   }
 
+  private syncStatusControl(): void {
+    const state = this.object?.workflow?.state || WorkflowStatus.WorkInProgress;
+    if (!this.statusControl) {
+      this.statusControl = new FormControl(state);
+      return;
+    }
+    this.statusControl.setValue(state, { emitEvent: false });
+  }
+
   private loadTrackStatuses(): void {
+    if (!this.showWorkflowControl) {
+      this.trackStatuses = [];
+      this.trackStatusLoadKey = null;
+      return;
+    }
+
+    const loadKey = this.getTrackStatusLoadKey();
+    if (loadKey === this.trackStatusLoadKey) return;
+    this.trackStatusLoadKey = loadKey;
+    this.getTrackStatuses();
+  }
+
+  private getTrackStatusLoadKey(): string {
+    const object = this.object;
+    const releaseTracks = Array.isArray(object?.workspace?.release_tracks)
+      ? object.workspace.release_tracks
+      : [];
+    const trackKey = releaseTracks
+      .map(track => {
+        if (typeof track === 'string') return track;
+        return [
+          this.getTrackId(track),
+          this.getEntryWorkflowStatus(track),
+          this.getEntryTier(track),
+          this.toIsoString(track?.object_modified || track?.modified),
+        ].join(':');
+      })
+      .join('|');
+
+    return [
+      this.config?.mode || 'view',
+      object?.stixID || '',
+      this.toIsoString(object?.modified),
+      trackKey,
+    ].join('|');
+  }
+
+  private getTrackStatuses(): void {
     if (!this.object?.stixID) {
       this.trackStatuses = [];
       return;

From 6faad83472783590d760babc070f14e8fa7a61c9 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 20:10:26 -0400
Subject: [PATCH 120/190] fix(stix-list): remove workflow status column from
 object lists

---
 .../stix-list/stix-list.component.spec.ts     | 27 +++++++++++++++++++
 .../stix/stix-list/stix-list.component.ts     | 21 ++++++---------
 2 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/src/app/components/stix/stix-list/stix-list.component.spec.ts b/src/app/components/stix/stix-list/stix-list.component.spec.ts
index ffbb3cb78..941271218 100644
--- a/src/app/components/stix/stix-list/stix-list.component.spec.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.spec.ts
@@ -83,4 +83,31 @@ describe('StixListComponent', () => {
       'modified',
     ]);
   });
+
+  it('should not show the workflow status column for STIX object lists', () => {
+    const types: StixListConfig['type'][] = [
+      'asset',
+      'campaign',
+      'data-component',
+      'data-source',
+      'detection-strategy',
+      'group',
+      'matrix',
+      'mitigation',
+      'software',
+      'tactic',
+      'technique',
+    ];
+
+    types.forEach(type => {
+      component.config = { type };
+      component.tableColumns = [];
+      component.tableColumns_settings = new Map<string, any>();
+
+      (component as any).buildTable();
+
+      expect(component.tableColumns).not.toContain('workflow');
+      expect(component.tableColumns).toContain('state');
+    });
+  });
 });
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index b3e02c29e..1a56b1188 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -282,24 +282,24 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
         case 'mitigation':
         case 'tactic':
         case 'data-component':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addDomainColumn();
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'matrix':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addNameColumn(sticky_allowed);
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'detection-strategy':
         case 'campaign':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'analytic':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addColumn('ID', 'attackID', 'plain', false);
           this.addColumn(
             'related detection strategy',
@@ -314,13 +314,13 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'group':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addColumn('associated groups', 'aliases', 'list');
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'software':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addColumn('type', 'type', 'plain');
           this.addDomainColumn();
@@ -328,14 +328,14 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
           break;
         case 'data-source':
         case 'technique':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addDomainColumn();
           this.addPlatformsColumn();
           this.addColumn('modified', 'modified', 'timestamp');
           break;
         case 'asset':
-          this.addWorkflowAndStateColumns();
+          this.addStateColumnOnly();
           this.addIdAndNameColumns(sticky_allowed);
           this.addPlatformsColumn();
           this.addColumn('sectors', 'sectors', 'list');
@@ -421,11 +421,6 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     }
   }
 
-  private addWorkflowAndStateColumns(): void {
-    this.addColumn('', 'workflow', 'icon');
-    this.addColumn('', 'state', 'icon');
-  }
-
   private addStateColumnOnly(): void {
     this.addColumn('', 'state', 'icon');
   }

From e2031a2401ef855c4a7936ba1e28b998c51f7c0b Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Wed, 22 Jul 2026 20:43:40 -0400
Subject: [PATCH 121/190] feat(release-tracks): delete release track workflow

---
 .../delete-dialog.component.html              | 16 ++++-
 .../delete-dialog.component.scss              | 39 +++++++++++
 .../delete-dialog.component.spec.ts           | 15 +++++
 .../delete-dialog/delete-dialog.component.ts  | 12 +++-
 .../release-track-page.component.html         |  9 +++
 .../release-track-page.component.spec.ts      | 66 +++++++++++++++++++
 .../release-track-page.component.ts           | 48 ++++++++++++++
 .../stix/stix-dialog/stix-dialog.component.ts |  3 +
 .../stix/stix-page/stix-page.component.ts     |  1 +
 9 files changed, 205 insertions(+), 4 deletions(-)

diff --git a/src/app/components/delete-dialog/delete-dialog.component.html b/src/app/components/delete-dialog/delete-dialog.component.html
index 5940ec7c0..699ee45db 100644
--- a/src/app/components/delete-dialog/delete-dialog.component.html
+++ b/src/app/components/delete-dialog/delete-dialog.component.html
@@ -1,12 +1,24 @@
 <div class="delete-dialog">
-  <h2>Are you sure you want to delete this object?</h2>
+  <h2>{{ title }}</h2>
+  <h4 *ngIf="warning">{{ warning }}</h4>
   <h4 *ngIf="hardDelete">WARNING: This object will be permanently deleted.</h4>
   <h4 *ngIf="collectionDelete">
     WARNING: This will delete ALL objects associated with the collection. If an
     object is referenced in another collection, it will not be deleted.
   </h4>
   <div class="confirm-form">
-    <span>Please type <strong>DELETE</strong> to confirm.</span>
+    <p class="confirm-instruction">
+      Please enter
+      <button
+        type="button"
+        class="confirmation-token"
+        [cdkCopyToClipboard]="confirmationText"
+        [attr.aria-label]="'Copy ' + confirmationText">
+        <strong class="confirmation-text">{{ confirmationText }}</strong>
+        <mat-icon>content_copy</mat-icon>
+      </button>
+      to confirm.
+    </p>
     <mat-form-field appearance="outline">
       <input matInput required [(ngModel)]="confirmInput" />
     </mat-form-field>
diff --git a/src/app/components/delete-dialog/delete-dialog.component.scss b/src/app/components/delete-dialog/delete-dialog.component.scss
index e11e4a178..aff9fc839 100644
--- a/src/app/components/delete-dialog/delete-dialog.component.scss
+++ b/src/app/components/delete-dialog/delete-dialog.component.scss
@@ -1,16 +1,55 @@
 @use '../../../style/colors.scss';
 .delete-dialog {
   margin: 0 24px;
+
   .confirm-form {
+    font-size: 14px;
+    line-height: 20px;
+
     .mat-mdc-form-field {
       display: block;
+      width: 100%;
     }
   }
+
+  .confirm-instruction {
+    margin: 0 0 8px;
+  }
+
+  .confirmation-token {
+    background: transparent;
+    border: 0;
+    color: colors.color(secondary);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    gap: 4px;
+    max-width: 100%;
+    padding: 0 2px;
+    text-align: left;
+    vertical-align: baseline;
+    white-space: normal;
+
+    .confirmation-text {
+      overflow-wrap: anywhere;
+      user-select: all;
+      white-space: normal;
+    }
+
+    mat-icon {
+      font-size: 16px;
+      height: 16px;
+      width: 16px;
+    }
+  }
+
   .buttons {
     margin: 18px 0;
+
     button + button {
       margin-left: 10px;
     }
+
     .warn {
       color: colors.color(error);
     }
diff --git a/src/app/components/delete-dialog/delete-dialog.component.spec.ts b/src/app/components/delete-dialog/delete-dialog.component.spec.ts
index 7bfb56929..5eb4522db 100644
--- a/src/app/components/delete-dialog/delete-dialog.component.spec.ts
+++ b/src/app/components/delete-dialog/delete-dialog.component.spec.ts
@@ -31,4 +31,19 @@ describe('DeleteDialogComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should default the confirmation text to DELETE', () => {
+    component.confirmInput = 'DELETE';
+
+    expect(component.confirmationText).toBe('DELETE');
+    expect(component.invalid).toBe(false);
+  });
+
+  it('should use a STIX ID as the confirmation text when provided', () => {
+    component.config = { stixId: 'attack-pattern--123' };
+    component.confirmInput = 'attack-pattern--123';
+
+    expect(component.confirmationText).toBe('attack-pattern--123');
+    expect(component.invalid).toBe(false);
+  });
 });
diff --git a/src/app/components/delete-dialog/delete-dialog.component.ts b/src/app/components/delete-dialog/delete-dialog.component.ts
index 4490b48c2..e55f1afd1 100644
--- a/src/app/components/delete-dialog/delete-dialog.component.ts
+++ b/src/app/components/delete-dialog/delete-dialog.component.ts
@@ -9,13 +9,21 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
   standalone: false,
 })
 export class DeleteDialogComponent {
-  private deleteConfirmation = 'DELETE';
   public confirmInput: string;
+  public get title(): string {
+    return this.config?.title || 'Are you sure you want to delete this object?';
+  }
+  public get warning(): string {
+    return this.config?.warning || '';
+  }
+  public get confirmationText(): string {
+    return this.config?.stixId || this.config?.stixID || 'DELETE';
+  }
   public get hardDelete(): boolean {
     return this.config && this.config.hardDelete;
   }
   public get invalid(): boolean {
-    return this.confirmInput != this.deleteConfirmation;
+    return this.confirmInput != this.confirmationText;
   }
   public get collectionDelete(): boolean {
     return this.config && this.config.collectionDelete;
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index d8c1e0891..4d30b0454 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -8,6 +8,15 @@ <h1>
         Export Latest
         <mat-icon>file_download</mat-icon>
       </button>
+      <button
+        *ngIf="canEditReleaseTrack"
+        mat-stroked-button
+        color="warn"
+        [disabled]="!id || isDeleting"
+        (click)="onDeleteReleaseTrack()">
+        Delete
+        <mat-icon>delete</mat-icon>
+      </button>
       <button
         *ngIf="isVirtualReleaseTrack"
         mat-stroked-button
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index e50126602..c1ccb37f1 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -15,6 +15,8 @@ import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
 import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
+import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-dialog.component';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import {
   ConflictPolicy,
@@ -34,6 +36,7 @@ describe('ReleaseTrackPageComponent', () => {
   let mockDialog: any;
   let mockRestApiConnector: any;
   let mockRouter: any;
+  let mockAuthenticationService: any;
 
   beforeEach(async () => {
     mockReleaseTrackApiConnector = createMockReleaseTrackApiConnector({
@@ -53,6 +56,7 @@ describe('ReleaseTrackPageComponent', () => {
       reviewCandidates: vi.fn(() => createAsyncObservable({})),
       updateMetadataByLatest: vi.fn(() => createAsyncObservable({})),
       addCandidates: vi.fn(() => createAsyncObservable({})),
+      deleteReleaseTrack: vi.fn(() => createAsyncObservable({})),
     });
     mockDialog = {
       open: vi.fn(),
@@ -69,6 +73,9 @@ describe('ReleaseTrackPageComponent', () => {
     mockRouter = {
       navigate: vi.fn(),
     };
+    mockAuthenticationService = {
+      canEdit: vi.fn(() => true),
+    };
 
     await TestBed.configureTestingModule({
       declarations: [ReleaseTrackPageComponent],
@@ -82,6 +89,10 @@ describe('ReleaseTrackPageComponent', () => {
           provide: RestApiConnectorService,
           useValue: mockRestApiConnector,
         },
+        {
+          provide: AuthenticationService,
+          useValue: mockAuthenticationService,
+        },
         {
           provide: MatDialog,
           useValue: mockDialog,
@@ -115,6 +126,61 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component).toBeTruthy();
   });
 
+  it('should delete the release track after confirmation', () => {
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of(true),
+    });
+    mockReleaseTrackApiConnector.deleteReleaseTrack.mockReturnValue(of({}));
+    component.id = 'release-track--123';
+    component.releaseTrack = { name: 'Enterprise Release' } as any;
+
+    component.onDeleteReleaseTrack();
+
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      DeleteDialogComponent,
+      expect.objectContaining({
+        maxWidth: '35em',
+        disableClose: true,
+        autoFocus: false,
+        data: expect.objectContaining({
+          title: 'Are you sure you want to delete this release track?',
+          warning:
+            'Enterprise Release and its snapshots will be permanently deleted.',
+          stixId: 'release-track--123',
+        }),
+      })
+    );
+    expect(
+      mockReleaseTrackApiConnector.deleteReleaseTrack
+    ).toHaveBeenCalledWith('release-track--123');
+    expect(mockRouter.navigate).toHaveBeenCalledWith([
+      '/dashboard/release-management',
+    ]);
+  });
+
+  it('should not delete the release track when confirmation is cancelled', () => {
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of(false),
+    });
+    component.id = 'release-track--123';
+
+    component.onDeleteReleaseTrack();
+
+    expect(
+      mockReleaseTrackApiConnector.deleteReleaseTrack
+    ).not.toHaveBeenCalled();
+    expect(mockRouter.navigate).not.toHaveBeenCalled();
+  });
+
+  it('should not open the delete dialog without editor authorization', () => {
+    mockAuthenticationService.canEdit.mockReturnValue(false);
+    component.id = 'release-track--123';
+
+    component.onDeleteReleaseTrack();
+
+    expect(mockDialog.open).not.toHaveBeenCalled();
+  });
+
   it('should download the release track in the selected export format', () => {
     const exportPayload = { type: 'bundle', objects: [] };
     mockDialog.open.mockReturnValue({
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index ef1a09c0a..648c0b6f2 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -29,8 +29,10 @@ import {
   StixObjectRef,
 } from 'src/app/classes/release-tracks';
 import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
+import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-dialog.component';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
 import { ReleaseTrackObjectItem } from 'src/app/components/release-track-object-card/release-track-object-card.component';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
@@ -154,6 +156,7 @@ export class ReleaseTrackPageComponent implements OnInit {
   public isEditingDescription = false;
   public isSavingDescription = false;
   public isCreatingDraft = false;
+  public isDeleting = false;
   public isLoadingSnapshotHistory = false;
   public isReleasing = false;
   public isLoadingConfig = false;
@@ -194,6 +197,7 @@ export class ReleaseTrackPageComponent implements OnInit {
     private router: Router,
     private dialog: MatDialog,
     private restApiConnectorService: RestApiConnectorService,
+    private authenticationService: AuthenticationService,
     private fb: FormBuilder
   ) {
     this.configForm = this.fb.group({
@@ -458,6 +462,10 @@ export class ReleaseTrackPageComponent implements OnInit {
     return !!this.id && this.isVirtualReleaseTrack && !this.isCreatingDraft;
   }
 
+  public get canEditReleaseTrack(): boolean {
+    return this.authenticationService.canEdit();
+  }
+
   public getReleaseTrack(): void {
     this.connector
       .getLatestSnapshot(this.id, { include: 'all' })
@@ -496,6 +504,46 @@ export class ReleaseTrackPageComponent implements OnInit {
     this.getSnapshotHistory();
   }
 
+  public onDeleteReleaseTrack(): void {
+    if (!this.id || !this.canEditReleaseTrack || this.isDeleting) return;
+
+    const prompt = this.dialog.open(DeleteDialogComponent, {
+      maxWidth: '35em',
+      disableClose: true,
+      autoFocus: false,
+      data: {
+        title: 'Are you sure you want to delete this release track?',
+        warning: `${this.releaseTrackName || 'This release track'} and its snapshots will be permanently deleted.`,
+        stixId: this.id,
+      },
+    });
+
+    prompt
+      .afterClosed()
+      .pipe(take(1))
+      .subscribe(confirm => {
+        if (!confirm) return;
+
+        this.isDeleting = true;
+        this.connector
+          .deleteReleaseTrack(this.id)
+          .pipe(
+            take(1),
+            finalize(() => {
+              this.isDeleting = false;
+            })
+          )
+          .subscribe({
+            next: () => {
+              this.router.navigate(['/dashboard/release-management']);
+            },
+            error: err => {
+              console.error('Failed to delete release track', err);
+            },
+          });
+      });
+  }
+
   public getSnapshotHistory(): void {
     if (!this.id) return;
 
diff --git a/src/app/views/stix/stix-dialog/stix-dialog.component.ts b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
index 8af4e803f..9ed9de8ca 100644
--- a/src/app/views/stix/stix-dialog/stix-dialog.component.ts
+++ b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
@@ -210,6 +210,9 @@ export class StixDialogComponent implements OnInit {
       maxWidth: '35em',
       disableClose: true,
       autoFocus: false, // disables auto focus on the dialog form field
+      data: {
+        stixId: object.stixID,
+      },
     });
     const subscription = prompt.afterClosed().subscribe({
       next: confirm => {
diff --git a/src/app/views/stix/stix-page/stix-page.component.ts b/src/app/views/stix/stix-page/stix-page.component.ts
index 261a7deff..477fc4cde 100644
--- a/src/app/views/stix/stix-page/stix-page.component.ts
+++ b/src/app/views/stix/stix-page/stix-page.component.ts
@@ -143,6 +143,7 @@ export class StixPageComponent implements OnInit, OnDestroy {
       autoFocus: false,
       data: {
         collectionDelete: this.objectType == 'collection',
+        stixId: this.objects[0]?.stixID,
       },
     });
     const closeSubscription = prompt.afterClosed().subscribe({

From 149325ef0a77db53f78a1b136b02212e40446bb3 Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Mon, 27 Jul 2026 14:13:19 -0400
Subject: [PATCH 122/190] fix(membership): address release track membership
 review feedback

---
 src/app/classes/release-tracks/tiers.ts       |   3 +-
 .../stix/stix-list/stix-list.component.ts     |  10 +-
 .../membership-section.component.html         |  26 +++-
 .../membership-section.component.scss         |  82 ++++++++++++
 .../membership-section.component.spec.ts      | 115 +++++++++++++---
 .../membership-section.component.ts           | 124 ++++++++++++++++--
 .../membership-section-data.service.spec.ts   |  17 ++-
 .../membership-section-data.service.ts        |  93 +------------
 src/app/utils/types.ts                        |   6 +-
 .../relationship-view.component.ts            |   8 +-
 10 files changed, 346 insertions(+), 138 deletions(-)

diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index 4d68d01c4..778c67aa0 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -2,7 +2,8 @@ import { WorkflowStatusType } from 'src/app/utils/types';
 import { SnapshotTier } from './enums';
 
 export type ReleaseTrackObjectTier =
-  SnapshotTier.Candidate | SnapshotTier.Staged;
+  | SnapshotTier.Candidate
+  | SnapshotTier.Staged;
 
 export interface TierEntryModifiedByUser {
   id?: string;
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 1a56b1188..99a5eab0f 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -387,10 +387,12 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
               this.config.sourceRef ? sticky_allowed : false,
               ['relationship-name']
             );
-            if (!(
-              this.config.relationshipType &&
-              this.config.relationshipType == 'subtechnique-of'
-            ))
+            if (
+              !(
+                this.config.relationshipType &&
+                this.config.relationshipType == 'subtechnique-of'
+              )
+            )
               this.addColumn(
                 'description',
                 'description',
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
index 3a3b52a42..1028eb7a2 100644
--- a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
@@ -25,7 +25,31 @@ <h2>Release Track Distribution</h2>
     Loading release track membership...
   </div>
 
-  <div *ngIf="!loading" class="release-track-list">
+  <div
+    *ngIf="!loading && !loadError && memberships.length === 0"
+    class="empty-membership-state">
+    <h3>This object is not in any release tracks yet.</h3>
+    <p>Add it to a standard release track to begin managing its release.</p>
+
+    <button
+      *ngIf="canViewReleaseTrackDashboard"
+      type="button"
+      class="add-track-button"
+      [disabled]="addingToTrack"
+      (click)="addToReleaseTrack()">
+      {{ addingToTrack ? 'Adding...' : 'Add to Release Track' }}
+    </button>
+
+    <p *ngIf="addError" class="membership-error" role="alert">
+      {{ addError }}
+    </p>
+  </div>
+
+  <p *ngIf="!loading && loadError" class="membership-error" role="alert">
+    {{ loadError }}
+  </p>
+
+  <div *ngIf="!loading && memberships.length > 0" class="release-track-list">
     <article
       *ngFor="let membership of memberships; trackBy: trackByMembership"
       class="release-track-card">
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
index 7a556bff2..3eefa42dc 100644
--- a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
@@ -94,6 +94,47 @@ button.membership-action-button {
   text-align: center;
 }
 
+.empty-membership-state {
+  padding: 28px;
+  border: 1px solid;
+  border-radius: 4px;
+  text-align: center;
+
+  h3 {
+    margin: 0 0 6px;
+    font-size: 16px;
+  }
+
+  p {
+    margin: 0;
+    font-size: 13px;
+  }
+}
+
+.add-track-button {
+  min-height: 34px;
+  margin-top: 18px;
+  padding: 0 14px;
+  border: 1px solid;
+  border-radius: 4px;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 12px;
+  font-weight: 650;
+
+  &:disabled {
+    cursor: default;
+    opacity: 0.65;
+  }
+}
+
+.membership-error {
+  margin: 12px 0 0;
+  color: colors.color(error);
+  font-size: 13px;
+  text-align: center;
+}
+
 .release-track-list {
   display: flex;
   flex-direction: column;
@@ -435,6 +476,7 @@ input[type='checkbox'] {
   }
 
   .loading-state,
+  .empty-membership-state,
   .release-track-card {
     border-color: colors.border-color(light);
     background: #ffffff;
@@ -444,6 +486,29 @@ input[type='checkbox'] {
     color: colors.on-color-deemphasis(light);
   }
 
+  .draft-column,
+  .releases-column {
+    h4 {
+      color: colors.color(primary-dark);
+    }
+  }
+
+  .empty-membership-state {
+    h3 {
+      color: colors.color(dark);
+    }
+
+    p {
+      color: colors.on-color-deemphasis(light);
+    }
+  }
+
+  .add-track-button {
+    border-color: colors.color(primary);
+    background: colors.color(primary);
+    color: colors.on-color(primary);
+  }
+
   .release-track-header {
     border-bottom-color: colors.border-color(light);
   }
@@ -563,6 +628,7 @@ input[type='checkbox'] {
   }
 
   .loading-state,
+  .empty-membership-state,
   .release-track-card {
     border-color: colors.border-color(dark);
     background: color.mix(colors.color(dark), #ffffff, 94%);
@@ -572,6 +638,22 @@ input[type='checkbox'] {
     color: colors.on-color-deemphasis(dark);
   }
 
+  .empty-membership-state {
+    h3 {
+      color: colors.color(light);
+    }
+
+    p {
+      color: colors.on-color-deemphasis(dark);
+    }
+  }
+
+  .add-track-button {
+    border-color: $membership-accent;
+    background: transparent;
+    color: $membership-accent;
+  }
+
   .release-track-header {
     border-bottom-color: colors.border-color(dark);
   }
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
index 6ed8a0fa9..0a4de3e6a 100644
--- a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
@@ -1,6 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { of } from 'rxjs';
 import { Router } from '@angular/router';
+import { MatDialog } from '@angular/material/dialog';
 import { vi } from 'vitest';
 
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
@@ -9,30 +10,33 @@ import {
   MembershipSectionDataService,
   MembershipTrack,
 } from 'src/app/services/connectors/rest-api/membership-section-data.service';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 
 describe('MembershipSectionComponent', () => {
   let component: MembershipSectionComponent;
   let fixture: ComponentFixture<MembershipSectionComponent>;
   let membershipDataService: any;
   let authenticationService: any;
+  let releaseTracksConnector: any;
+  let dialog: any;
   let router: any;
 
-  const defaultTracks: MembershipTrack[] = [
+  const membershipTracks: MembershipTrack[] = [
     {
-      id: 'core-objects',
-      name: 'Core Objects',
-      description: 'Core objects',
-      type: 'STANDARD',
+      id: 'release-track--standard',
+      name: 'Core Release Track',
+      description: 'Standard release track',
+      type: 'standard',
       current_draft: null,
       production_releases: [],
       releases: [],
       versions: [],
     },
     {
-      id: 'enterprise-attack',
-      name: 'Enterprise ATT&CK',
-      description: 'Enterprise ATT&CK',
-      type: 'VIRTUAL',
+      id: 'release-track--virtual',
+      name: 'Enterprise Release Track',
+      description: 'Virtual release track',
+      type: 'virtual',
       current_draft: null,
       production_releases: [],
       releases: [],
@@ -42,16 +46,11 @@ describe('MembershipSectionComponent', () => {
 
   beforeEach(async () => {
     membershipDataService = {
-      getDefaultTracks: vi.fn(),
       loadMemberships: vi.fn(),
     };
 
-    membershipDataService.getDefaultTracks.mockImplementation(() =>
-      defaultTracks.map(track => ({ ...track }))
-    );
-
     membershipDataService.loadMemberships.mockReturnValue(
-      of(defaultTracks.map(track => ({ ...track })))
+      of(membershipTracks.map(track => ({ ...track })))
     );
 
     authenticationService = {
@@ -59,6 +58,11 @@ describe('MembershipSectionComponent', () => {
     };
 
     router = { navigate: vi.fn() };
+    dialog = { open: vi.fn() };
+    releaseTracksConnector = {
+      listReleaseTracks: vi.fn(),
+      addCandidates: vi.fn(),
+    };
 
     await TestBed.configureTestingModule({
       declarations: [MembershipSectionComponent],
@@ -71,6 +75,11 @@ describe('MembershipSectionComponent', () => {
           provide: AuthenticationService,
           useValue: authenticationService,
         },
+        {
+          provide: ReleaseTracksConnectorService,
+          useValue: releaseTracksConnector,
+        },
+        { provide: MatDialog, useValue: dialog },
         { provide: Router, useValue: router },
       ],
     }).compileComponents();
@@ -111,15 +120,15 @@ describe('MembershipSectionComponent', () => {
     );
   });
 
-  it('should display the two type-based tracks', () => {
+  it('should display the object release-track memberships', () => {
     expect(component.memberships.length).toBe(2);
-    expect(component.memberships[0].name).toBe('Core Objects');
-    expect(component.memberships[0].type).toBe('STANDARD');
-    expect(component.memberships[1].name).toBe('Enterprise ATT&CK');
-    expect(component.memberships[1].type).toBe('VIRTUAL');
+    expect(component.memberships[0].name).toBe('Core Release Track');
+    expect(component.memberships[0].type).toBe('standard');
+    expect(component.memberships[1].name).toBe('Enterprise Release Track');
+    expect(component.memberships[1].type).toBe('virtual');
   });
 
-  it('should mark Enterprise ATT&CK as virtual', () => {
+  it('should mark a virtual release track as virtual', () => {
     const enterpriseTrack = component.memberships[1];
 
     expect(component.getTrackType(enterpriseTrack)).toBe('VIRTUAL');
@@ -245,4 +254,68 @@ describe('MembershipSectionComponent', () => {
 
     expect(component.selectedReleaseCount).toBe(0);
   });
+
+  it('should disable View Track after clearing the selected release', () => {
+    const membership = component.memberships[0];
+
+    component.toggleReleaseSelection(
+      { id: 'release--1', version: '1.0' },
+      membership,
+      true
+    );
+    fixture.detectChanges();
+
+    const element: HTMLElement = fixture.nativeElement;
+    const viewTrackButton =
+      element.querySelector<HTMLButtonElement>('.view-track-button');
+    const clearButton = element.querySelector<HTMLButtonElement>(
+      '.membership-action-button'
+    );
+
+    expect(viewTrackButton?.disabled).toBe(false);
+
+    clearButton?.click();
+    fixture.detectChanges();
+
+    expect(component.selectedReleaseCount).toBe(0);
+    expect(viewTrackButton?.disabled).toBe(true);
+  });
+
+  it('should show an empty state when the object has no memberships', () => {
+    component.memberships = [];
+    fixture.detectChanges();
+
+    expect(fixture.nativeElement.textContent).toContain(
+      'This object is not in any release tracks yet.'
+    );
+    expect(fixture.nativeElement.textContent).toContain('Add to Release Track');
+  });
+
+  it('should add the object to the selected standard release track', () => {
+    component.memberships = [];
+    releaseTracksConnector.listReleaseTracks.mockReturnValue(
+      of({
+        data: [
+          {
+            id: 'release-track--available',
+            name: 'Available Track',
+            type: 'standard',
+          },
+        ],
+      })
+    );
+    releaseTracksConnector.addCandidates.mockReturnValue(of({}));
+    dialog.open.mockReturnValue({
+      afterClosed: () => of('release-track--available'),
+    });
+    const reload = vi.spyOn(component, 'loadMembershipData');
+
+    component.addToReleaseTrack();
+
+    expect(releaseTracksConnector.addCandidates).toHaveBeenCalledWith(
+      'release-track--available',
+      ['attack-pattern--063b5b92-5361-481a-9c3f-95492ed9a2d8']
+    );
+    expect(reload).toHaveBeenCalled();
+  });
 });
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts
index 061f17575..a96ad69f6 100644
--- a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.ts
@@ -1,6 +1,6 @@
 import {
+  ChangeDetectorRef,
   Component,
-  ElementRef,
   EventEmitter,
   Input,
   OnChanges,
@@ -12,13 +12,17 @@ import {
 import { Subject } from 'rxjs';
 import { finalize, takeUntil } from 'rxjs/operators';
 import { Router } from '@angular/router';
+import { MatDialog } from '@angular/material/dialog';
 
 import { Role } from 'src/app/classes/authn/role';
+import { ReleaseTrackType } from 'src/app/classes/release-tracks/enums';
+import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import {
   MembershipSectionDataService,
   MembershipTrack,
 } from 'src/app/services/connectors/rest-api/membership-section-data.service';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 
 interface SelectedRelease {
   key: string;
@@ -43,7 +47,9 @@ export class MembershipSectionComponent
   memberships: MembershipTrack[] = [];
 
   loading = false;
+  addingToTrack = false;
   loadError: string | null = null;
+  addError: string | null = null;
   private loadedObjectRef: string | null = null;
 
   private selectedReleases = new Map<string, SelectedRelease>();
@@ -52,12 +58,12 @@ export class MembershipSectionComponent
 
   constructor(
     private readonly membershipData: MembershipSectionDataService,
+    private readonly releaseTracksConnector: ReleaseTracksConnectorService,
     private readonly authenticationService: AuthenticationService,
+    private readonly dialog: MatDialog,
     private readonly router: Router,
-    private readonly elementRef: ElementRef<HTMLElement>
-  ) {
-    this.memberships = this.membershipData.getDefaultTracks();
-  }
+    private readonly changeDetectorRef: ChangeDetectorRef
+  ) {}
 
   ngOnInit(): void {
     this.loadMembershipData();
@@ -112,7 +118,7 @@ export class MembershipSectionComponent
     const objectRef = this.objectRef;
 
     if (!objectRef) {
-      this.memberships = this.membershipData.getDefaultTracks();
+      this.memberships = [];
 
       this.loadError =
         'Unable to load release-track membership because the object ID is missing.';
@@ -127,6 +133,7 @@ export class MembershipSectionComponent
     this.loadedObjectRef = objectRef;
     this.loading = true;
     this.loadError = null;
+    this.addError = null;
     this.selectedReleases = new Map<string, SelectedRelease>();
 
     this.membershipData
@@ -144,13 +151,109 @@ export class MembershipSectionComponent
         error: error => {
           console.error('Unable to load release-track membership', error);
 
-          this.memberships = this.membershipData.getDefaultTracks();
+          this.memberships = [];
 
           this.loadError = 'Release-track membership could not be loaded.';
         },
       });
   }
 
+  addToReleaseTrack(): void {
+    const objectRef = this.objectRef;
+
+    if (!objectRef || !this.canViewReleaseTrackDashboard) {
+      return;
+    }
+
+    this.addError = null;
+    this.releaseTracksConnector
+      .listReleaseTracks({ type: ReleaseTrackType.Standard })
+      .pipe(takeUntil(this.destroy$))
+      .subscribe({
+        next: response => {
+          const membershipIds = new Set(
+            this.memberships
+              .map(track => this.getTrackId(track))
+              .filter((id): id is string => !!id)
+          );
+          const tracks = this.normalizeTrackList(response).filter(
+            track =>
+              String(track?.type ?? track?.track_type).toLowerCase() ===
+                ReleaseTrackType.Standard &&
+              !membershipIds.has(String(track?.track_id ?? track?.id))
+          );
+
+          if (!tracks.length) {
+            this.addError = 'No available standard release tracks found.';
+            return;
+          }
+
+          this.dialog
+            .open(MultipleChoiceDialogComponent, {
+              maxWidth: '35em',
+              data: {
+                title: 'Add to a release track',
+                description:
+                  'Choose the standard release track to add this object to.',
+                choices: tracks.map(track => ({
+                  label: track.name ?? track.title ?? 'Release Track',
+                  value: String(track.track_id ?? track.id),
+                  description: track.description,
+                })),
+              },
+            })
+            .afterClosed()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(trackId => {
+              if (trackId) {
+                this.enrollInTrack(String(trackId), objectRef);
+              }
+            });
+        },
+        error: error => {
+          console.error('Unable to load available release tracks', error);
+          this.addError = 'Available release tracks could not be loaded.';
+        },
+      });
+  }
+
+  private enrollInTrack(trackId: string, objectRef: string): void {
+    this.addingToTrack = true;
+    this.addError = null;
+
+    this.releaseTracksConnector
+      .addCandidates(trackId, [objectRef])
+      .pipe(
+        takeUntil(this.destroy$),
+        finalize(() => {
+          this.addingToTrack = false;
+        })
+      )
+      .subscribe({
+        next: () => this.loadMembershipData(),
+        error: error => {
+          console.error('Unable to add object to release track', error);
+          this.addError = 'The object could not be added to the release track.';
+        },
+      });
+  }
+
+  private normalizeTrackList(response: any): any[] {
+    if (Array.isArray(response)) {
+      return response;
+    }
+
+    const tracks =
+      response?.data ??
+      response?.release_tracks ??
+      response?.releaseTracks ??
+      response?.items ??
+      response?.results ??
+      [];
+
+    return Array.isArray(tracks) ? tracks : [];
+  }
+
   getTrackName(membership: MembershipTrack): string {
     return (
       membership?.name ??
@@ -432,12 +535,7 @@ export class MembershipSectionComponent
 
   clearSelection(): void {
     this.selectedReleases = new Map<string, SelectedRelease>();
-
-    this.elementRef.nativeElement
-      .querySelectorAll<HTMLInputElement>('input[type="checkbox"]')
-      .forEach(checkbox => {
-        checkbox.checked = false;
-      });
+    this.changeDetectorRef.markForCheck();
   }
 
   compareSelectedReleases(): void {
diff --git a/src/app/services/connectors/rest-api/membership-section-data.service.spec.ts b/src/app/services/connectors/rest-api/membership-section-data.service.spec.ts
index e2239d887..7b8595687 100644
--- a/src/app/services/connectors/rest-api/membership-section-data.service.spec.ts
+++ b/src/app/services/connectors/rest-api/membership-section-data.service.spec.ts
@@ -231,7 +231,7 @@ describe('MembershipSectionDataService', () => {
       )
     );
 
-    const standardTrack = tracks.find(track => track.type === 'STANDARD');
+    const standardTrack = tracks.find(track => track.type === 'standard');
 
     expect(standardTrack?.current_draft).toBeNull();
     expect(standardTrack?.production_releases).toHaveLength(1);
@@ -244,4 +244,19 @@ describe('MembershipSectionDataService', () => {
       { order: 'desc', limit: 100, offset: 0 }
     );
   });
+
+  it('returns no cards when the object is not a member of any tracks', async () => {
+    httpClient.get.mockReturnValue(
+      of({
+        type: 'attack-pattern',
+        workspace: { release_tracks: [] },
+      })
+    );
+
+    const tracks = await firstValueFrom(
+      service.loadMemberships(objectRef, { type: 'attack-pattern' }, null)
+    );
+
+    expect(tracks).toEqual([]);
+  });
 });
diff --git a/src/app/services/connectors/rest-api/membership-section-data.service.ts b/src/app/services/connectors/rest-api/membership-section-data.service.ts
index d54085617..8b0fdde5c 100644
--- a/src/app/services/connectors/rest-api/membership-section-data.service.ts
+++ b/src/app/services/connectors/rest-api/membership-section-data.service.ts
@@ -47,40 +47,11 @@ export class MembershipSectionDataService {
     return environment.integrations.rest_api.url.replace(/\/+$/, '');
   }
 
-  private readonly defaultTracks: MembershipTrack[] = [
-    {
-      id: 'core-objects',
-      name: 'Core Objects',
-      description:
-        'Standard release track for core ATT&CK objects like techniques and mitigations.',
-      type: 'STANDARD',
-      current_draft: null,
-      production_releases: [],
-      releases: [],
-      versions: [],
-    },
-    {
-      id: 'enterprise-attack',
-      name: 'Enterprise ATT&CK',
-      description:
-        'Virtual track consolidating all Enterprise-related objects.',
-      type: 'VIRTUAL',
-      current_draft: null,
-      production_releases: [],
-      releases: [],
-      versions: [],
-    },
-  ];
-
   constructor(
     private readonly http: HttpClient,
     private readonly releaseTracksConnector: ReleaseTracksConnectorService
   ) {}
 
-  public getDefaultTracks(): MembershipTrack[] {
-    return this.defaultTracks.map(track => this.copyTrack(track));
-  }
-
   public loadMemberships(
     objectRef: string,
     objectInput: any,
@@ -145,11 +116,7 @@ export class MembershipSectionDataService {
       ),
       switchMap(tracks =>
         this.loadVersionsForMembershipTracks(tracks, objectRef)
-      ),
-      catchError(error => {
-        console.error('Failed to load membership data', error);
-        return of(this.getDefaultTracks());
-      })
+      )
     );
   }
 
@@ -293,17 +260,7 @@ export class MembershipSectionDataService {
       return track;
     });
 
-    return this.defaultTracks.map(defaultTrack => {
-      const matchingTrack = memberTracks.find(
-        memberTrack =>
-          this.normalizeTrackType(memberTrack.type) ===
-          this.normalizeTrackType(defaultTrack.type)
-      );
-
-      return matchingTrack
-        ? this.mergeTrack(defaultTrack, matchingTrack)
-        : this.copyTrack(defaultTrack);
-    });
+    return memberTracks;
   }
 
   private loadVersionsForMembershipTracks(
@@ -661,36 +618,6 @@ export class MembershipSectionDataService {
     );
   }
 
-  private mergeTrack(
-    displayTrack: MembershipTrack,
-    sourceTrack: MembershipTrack
-  ): MembershipTrack {
-    return {
-      ...sourceTrack,
-      id: sourceTrack.id,
-      apiId: sourceTrack.apiId,
-      name: displayTrack.name,
-      description: displayTrack.description,
-      type: displayTrack.type,
-      current_draft:
-        sourceTrack.current_draft ??
-        sourceTrack.currentDraft ??
-        sourceTrack.draft ??
-        null,
-      production_releases:
-        sourceTrack.production_releases ??
-        sourceTrack.productionReleases ??
-        sourceTrack.releases ??
-        [],
-      releases:
-        sourceTrack.production_releases ??
-        sourceTrack.productionReleases ??
-        sourceTrack.releases ??
-        [],
-      versions: sourceTrack.versions ?? [],
-    };
-  }
-
   private getTrackApiId(track: MembershipTrack): string | null {
     const id =
       track.track_id ??
@@ -768,12 +695,6 @@ export class MembershipSectionDataService {
       .replace(/[\s_]+/g, '-');
   }
 
-  private normalizeTrackType(value: unknown): string {
-    return String(value ?? 'standard')
-      .trim()
-      .toLowerCase();
-  }
-
   private normalizeVersionValue(version: any): string | null {
     if (version === null || version === undefined) {
       return null;
@@ -808,14 +729,4 @@ export class MembershipSectionDataService {
       .replace(/[_-]+/g, ' ')
       .replace(/\b\w/g, character => character.toUpperCase());
   }
-
-  private copyTrack(track: MembershipTrack): MembershipTrack {
-    return {
-      ...track,
-      current_draft: null,
-      production_releases: [],
-      releases: [],
-      versions: [],
-    };
-  }
 }
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 68a34ac0f..89aa535e6 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -101,7 +101,11 @@ export const WORKFLOW_STATUS_RANK: Record<WorkflowStatusType, number> = {
  * Collection/release changelog categories
  */
 export type ChangelogCategory =
-  'additions' | 'changes' | 'minor_changes' | 'revocations' | 'deprecations';
+  | 'additions'
+  | 'changes'
+  | 'minor_changes'
+  | 'revocations'
+  | 'deprecations';
 
 export interface ReleaseTrackStatus {
   trackId: string;
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.ts b/src/app/views/stix/relationship-view/relationship-view.component.ts
index fe588de8f..d94638960 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.ts
+++ b/src/app/views/stix/relationship-view/relationship-view.component.ts
@@ -240,11 +240,9 @@ export class RelationshipViewComponent extends StixViewPage implements OnInit {
    * @param {any} obj the raw STIX object
    */
   public navigateTo(obj: any): void {
-    if (!(
-      obj?.stix?.type &&
-      obj?.stix?.id &&
-      StixTypeToAttackType[obj.stix.type]
-    )) {
+    if (
+      !(obj?.stix?.type && obj?.stix?.id && StixTypeToAttackType[obj.stix.type])
+    ) {
       console.warn('Invalid object passed to navigateTo:', obj);
       return;
     }

From 56443d2ac2a3344acbd41cd10791c425832dfad6 Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Mon, 27 Jul 2026 14:21:26 -0400
Subject: [PATCH 123/190] chore: merge beta updates into membership branch

---
 .../components/stix/stix-list/stix-list.component.ts   | 10 ++++++----
 .../relationship-view/relationship-view.component.ts   |  8 +++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index a96b42936..dee87eb71 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -387,10 +387,12 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
               this.config.sourceRef ? sticky_allowed : false,
               ['relationship-name']
             );
-            if (!(
-              this.config.relationshipType &&
-              this.config.relationshipType == 'subtechnique-of'
-            ))
+            if (
+              !(
+                this.config.relationshipType &&
+                this.config.relationshipType == 'subtechnique-of'
+              )
+            )
               this.addColumn(
                 'description',
                 'description',
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.ts b/src/app/views/stix/relationship-view/relationship-view.component.ts
index fe588de8f..d94638960 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.ts
+++ b/src/app/views/stix/relationship-view/relationship-view.component.ts
@@ -240,11 +240,9 @@ export class RelationshipViewComponent extends StixViewPage implements OnInit {
    * @param {any} obj the raw STIX object
    */
   public navigateTo(obj: any): void {
-    if (!(
-      obj?.stix?.type &&
-      obj?.stix?.id &&
-      StixTypeToAttackType[obj.stix.type]
-    )) {
+    if (
+      !(obj?.stix?.type && obj?.stix?.id && StixTypeToAttackType[obj.stix.type])
+    ) {
       console.warn('Invalid object passed to navigateTo:', obj);
       return;
     }

From ebbae4b3d26e909d292fd6752dcd3c9f61bcfae6 Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Mon, 27 Jul 2026 20:25:39 -0400
Subject: [PATCH 124/190] feat(release-tracks): add release preview and version
 tagging

---
 src/app/app.module.ts                         |   2 +
 .../release-preview-dialog.component.html     | 236 ++++++++++
 .../release-preview-dialog.component.scss     | 408 ++++++++++++++++++
 .../release-preview-dialog.component.spec.ts  | 154 +++++++
 .../release-preview-dialog.component.ts       | 250 +++++++++++
 .../release-track-page.component.html         |   2 +-
 .../release-track-page.component.spec.ts      |  94 ++--
 .../release-track-page.component.ts           | 153 ++++---
 8 files changed, 1193 insertions(+), 106 deletions(-)
 create mode 100644 src/app/components/release-preview-dialog/release-preview-dialog.component.html
 create mode 100644 src/app/components/release-preview-dialog/release-preview-dialog.component.scss
 create mode 100644 src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
 create mode 100644 src/app/components/release-preview-dialog/release-preview-dialog.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 580b43ea6..3e706d83e 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -75,6 +75,7 @@ import { MarkdownViewDialogComponent } from './components/markdown-view-dialog/m
 import { MultipleChoiceDialogComponent } from './components/multiple-choice-dialog/multiple-choice-dialog.component';
 import { NavigationComponent } from './components/navigation/navigation.component';
 import { ReferenceEditDialogComponent } from './components/reference-edit-dialog/reference-edit-dialog.component';
+import { ReleasePreviewDialogComponent } from './components/release-preview-dialog/release-preview-dialog.component';
 import { HistoryTimelineComponent } from './components/stix/stix-page-tabs/history-timeline/history-timeline.component';
 import { ReferenceSidebarComponent } from './components/resources-drawer/reference-sidebar/reference-sidebar.component';
 import { ResourcesDrawerComponent } from './components/resources-drawer/resources-drawer.component';
@@ -266,6 +267,7 @@ export function initConfig(appConfigService: AppConfigService) {
     HistoryTimelineComponent,
     ReferenceSidebarComponent,
     ReferenceEditDialogComponent,
+    ReleasePreviewDialogComponent,
     MultipleChoiceDialogComponent,
     ValidationResultsComponent,
     AddRelationshipButtonComponent,
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.html b/src/app/components/release-preview-dialog/release-preview-dialog.component.html
new file mode 100644
index 000000000..4d95e918e
--- /dev/null
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.html
@@ -0,0 +1,236 @@
+<div class="release-preview-dialog">
+  <header class="release-preview-header">
+    <div>
+      <h2 id="release-preview-dialog-title">
+        Release Preview: {{ trackName }}
+      </h2>
+      <p class="release-version-summary">
+        <span
+          >Current: <strong>{{ currentVersion }}</strong></span
+        >
+        <span
+          >Minor Bump: <strong>{{ minorVersion }}</strong></span
+        >
+        <span
+          >Major Bump: <strong>{{ majorVersion }}</strong></span
+        >
+      </p>
+    </div>
+
+    <button
+      mat-icon-button
+      type="button"
+      aria-label="Close draft snapshot preview"
+      (click)="close()">
+      <mat-icon>close</mat-icon>
+    </button>
+  </header>
+
+  <mat-tab-group
+    class="release-preview-tabs"
+    animationDuration="0ms"
+    mat-stretch-tabs="false">
+    <mat-tab>
+      <ng-template mat-tab-label>
+        <mat-icon aria-hidden="true">info_outline</mat-icon>
+        <span>Summary</span>
+      </ng-template>
+
+      <section class="release-summary" aria-label="Draft snapshot summary">
+        <article class="release-stat release-stat--included">
+          <strong>{{ includedObjects.length }}</strong>
+          <span>Total objects included</span>
+        </article>
+        <article class="release-stat release-stat--new">
+          <strong>{{ newObjectCount }}</strong>
+          <span>New objects</span>
+        </article>
+        <article class="release-stat release-stat--updated">
+          <strong>{{ updatedMemberCount }}</strong>
+          <span>Updated members</span>
+        </article>
+        <article class="release-stat release-stat--unchanged">
+          <strong>{{ unchangedObjectCount }}</strong>
+          <span>Unchanged objects</span>
+        </article>
+        <article class="release-stat release-stat--excluded">
+          <strong>{{ excludedCandidates.length }}</strong>
+          <span>Candidates not included</span>
+        </article>
+      </section>
+    </mat-tab>
+
+    <mat-tab>
+      <ng-template mat-tab-label>
+        <mat-icon aria-hidden="true">verified</mat-icon>
+        <span>Included ({{ includedObjects.length }})</span>
+      </ng-template>
+
+      <section class="release-object-list" aria-label="Included objects">
+        <p *ngIf="includedObjects.length === 0" class="release-object-empty">
+          No members or staged objects will be included.
+        </p>
+        <div *ngIf="includedObjects.length" class="release-table-wrapper">
+          <table class="release-preview-table">
+            <thead>
+              <tr>
+                <th scope="col">Name / ID</th>
+                <th scope="col">Type</th>
+                <th scope="col">Version</th>
+                <th scope="col">Source</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                *ngFor="
+                  let item of includedObjects;
+                  trackBy: trackByIncludedObject
+                ">
+                <td>
+                  <strong>{{ getObjectName(item.object) }}</strong>
+                  <small>
+                    {{ item.object.attack_id || item.object.object_ref }}
+                  </small>
+                </td>
+                <td>{{ getObjectType(item.object) }}</td>
+                <td>{{ getObjectVersion(item.object) }}</td>
+                <td>
+                  <span
+                    class="source-chip"
+                    [class.source-chip--staged]="
+                      getIncludedSource(item) === 'staged'
+                    ">
+                    {{ getIncludedSource(item) }}
+                  </span>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </section>
+    </mat-tab>
+
+    <mat-tab>
+      <ng-template mat-tab-label>
+        <mat-icon aria-hidden="true">cancel</mat-icon>
+        <span>Excluded ({{ excludedCandidates.length }})</span>
+      </ng-template>
+
+      <section class="release-object-list" aria-label="Excluded candidates">
+        <p *ngIf="excludedCandidates.length === 0" class="release-object-empty">
+          No candidates are excluded from this snapshot.
+        </p>
+        <div *ngIf="excludedCandidates.length" class="release-table-wrapper">
+          <table class="release-preview-table release-preview-table--excluded">
+            <thead>
+              <tr>
+                <th scope="col">Name / ID</th>
+                <th scope="col">Workflow State</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                *ngFor="let item of excludedCandidates; trackBy: trackByObject">
+                <td>
+                  <strong>{{ getObjectName(item) }}</strong>
+                  <small>{{ item.attack_id || item.object_ref }}</small>
+                </td>
+                <td>
+                  <span class="workflow-chip">
+                    {{ getWorkflowState(item) }}
+                  </span>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </section>
+    </mat-tab>
+
+    <mat-tab>
+      <ng-template mat-tab-label>
+        <mat-icon aria-hidden="true">swap_horiz</mat-icon>
+        <span>Replacements ({{ replacements.length }})</span>
+      </ng-template>
+
+      <section class="release-object-list" aria-label="Replaced members">
+        <p *ngIf="replacements.length === 0" class="release-object-empty">
+          No existing members will be replaced.
+        </p>
+        <div *ngIf="replacements.length" class="release-table-wrapper">
+          <table
+            class="release-preview-table release-preview-table--replacements">
+            <thead>
+              <tr>
+                <th scope="col">Name / ID</th>
+                <th scope="col">Current Member Version</th>
+                <th scope="col">Incoming Staged Version</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                *ngFor="
+                  let item of replacements;
+                  trackBy: trackByIncludedObject
+                "
+                [class.release-table-row--invalid]="item.invalidVersionBump">
+                <td>
+                  <strong>{{ getObjectName(item.object) }}</strong>
+                  <small>
+                    {{ item.object.attack_id || item.object.object_ref }}
+                  </small>
+                </td>
+                <td>{{ getObjectVersion(item.currentMember) }}</td>
+                <td>
+                  <strong
+                    class="incoming-version"
+                    [class.incoming-version--invalid]="item.invalidVersionBump">
+                    {{ getObjectVersion(item.incomingStaged) }}
+                  </strong>
+                  <mat-icon
+                    *ngIf="item.invalidVersionBump"
+                    class="invalid-version-icon"
+                    aria-label="Invalid version bump">
+                    warning_amber
+                  </mat-icon>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </section>
+    </mat-tab>
+  </mat-tab-group>
+
+  <footer class="release-preview-footer">
+    <p
+      *ngIf="hasInvalidVersionBumps"
+      class="release-blocked-message"
+      role="alert">
+      <mat-icon aria-hidden="true">warning_amber</mat-icon>
+      <span> Release is blocked by invalid incoming version bumps. </span>
+    </p>
+
+    <div class="release-preview-actions">
+      <button mat-stroked-button type="button" (click)="close()">Cancel</button>
+      <button
+        mat-raised-button
+        class="release-preview-tag-minor-button"
+        type="button"
+        color="primary"
+        [disabled]="hasInvalidVersionBumps"
+        (click)="tagVersion('minor')">
+        Tag Minor ({{ minorVersion }})
+      </button>
+      <button
+        mat-raised-button
+        class="release-preview-tag-major-button"
+        type="button"
+        color="primary"
+        [disabled]="hasInvalidVersionBumps"
+        (click)="tagVersion('major')">
+        Tag Major ({{ majorVersion }})
+      </button>
+    </div>
+  </footer>
+</div>
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.scss b/src/app/components/release-preview-dialog/release-preview-dialog.component.scss
new file mode 100644
index 000000000..fd4ae570a
--- /dev/null
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.scss
@@ -0,0 +1,408 @@
+@use '../../../style/colors';
+@use '../../../style/typography';
+
+.release-preview-dialog-backdrop {
+  background: rgba(colors.color(mitre-black), 0.76);
+}
+
+.release-preview-dialog-panel .mat-mdc-dialog-surface {
+  border: 1px solid;
+  border-radius: 10px;
+  overflow: hidden;
+  @include colors.theme-border-color;
+}
+
+.release-preview-dialog {
+  display: flex;
+  width: min(94vw, 1160px);
+  max-height: min(88vh, 820px);
+  flex-direction: column;
+  box-sizing: border-box;
+
+  .release-preview-header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 24px;
+    padding: 20px 24px 16px;
+    border-bottom: 1px solid;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.on-color(dark), 0.045),
+      rgba(colors.color(mitre-black), 0.025)
+    );
+
+    h2 {
+      margin: 0;
+      font-size: 22px;
+      font-weight: 800;
+      line-height: 28px;
+    }
+
+    p {
+      margin: 4px 0 0;
+      font-size: 13px;
+      line-height: 20px;
+      @include colors.theme-text-deemphasis;
+    }
+  }
+
+  .release-version-summary {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px 18px;
+    font-family: typography.$mono-font;
+
+    strong {
+      @include colors.theme-property(
+        color,
+        colors.color(mitre-light-blue),
+        colors.color(primary-dark)
+      );
+    }
+  }
+
+  .release-preview-tabs {
+    min-height: 0;
+    flex: 1 1 auto;
+
+    .mat-mdc-tab-header {
+      border-bottom: 1px solid;
+      @include colors.theme-border-color;
+    }
+
+    .mat-mdc-tab-labels {
+      padding: 0 24px;
+    }
+
+    .mdc-tab {
+      min-width: 150px;
+    }
+
+    .mdc-tab__text-label {
+      display: inline-flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .mat-icon {
+      width: 19px;
+      height: 19px;
+      font-size: 19px;
+      line-height: 19px;
+    }
+
+    .mat-mdc-tab-body-wrapper {
+      min-height: 0;
+      height: min(55vh, 520px);
+    }
+
+    .mat-mdc-tab-body-content {
+      box-sizing: border-box;
+      overflow: auto;
+    }
+  }
+
+  .release-summary {
+    display: grid;
+    width: min(760px, calc(100% - 48px));
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 24px 28px;
+    margin: 28px auto;
+  }
+
+  .release-stat {
+    display: flex;
+    min-height: 132px;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    box-sizing: border-box;
+    gap: 8px;
+    padding: 20px;
+    border: 1px solid;
+    border-radius: 8px;
+    text-align: center;
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.on-color(dark), 0.035),
+      rgba(colors.color(mitre-black), 0.025)
+    );
+
+    strong {
+      font-size: 52px;
+      font-weight: 800;
+      line-height: 56px;
+    }
+
+    span {
+      font-size: 15px;
+      font-weight: 800;
+      letter-spacing: 0.04em;
+      line-height: 20px;
+      text-transform: uppercase;
+      @include colors.theme-text-emphasis;
+    }
+  }
+
+  .release-stat--included strong {
+    color: colors.color(success);
+  }
+
+  .release-stat--excluded strong {
+    color: colors.color(error);
+  }
+
+  .release-stat--new strong {
+    @include colors.theme-property(
+      color,
+      colors.color(mitre-light-blue),
+      colors.color(primary-dark)
+    );
+  }
+
+  .release-stat--updated strong {
+    color: colors.color(warn);
+  }
+
+  .release-stat--unchanged strong {
+    color: #c34ddd;
+  }
+
+  .release-object-list {
+    display: grid;
+    gap: 10px;
+    width: calc(100% - 48px);
+    margin: 24px auto;
+  }
+
+  .release-object-empty {
+    box-sizing: border-box;
+    border: 1px solid;
+    border-radius: 6px;
+    @include colors.theme-border-color;
+  }
+
+  .release-table-wrapper {
+    overflow: auto;
+    border: 1px solid;
+    border-radius: 8px;
+    @include colors.theme-border-color;
+  }
+
+  .release-preview-table {
+    width: 100%;
+    min-width: 760px;
+    border-collapse: collapse;
+    table-layout: fixed;
+
+    th,
+    td {
+      box-sizing: border-box;
+      padding: 18px 26px;
+      border-bottom: 1px solid;
+      text-align: left;
+      vertical-align: middle;
+      @include colors.theme-border-color;
+    }
+
+    th {
+      font-size: 13px;
+      font-weight: 800;
+      line-height: 18px;
+      @include colors.theme-property(
+        background,
+        rgba(colors.on-color(dark), 0.07),
+        rgba(colors.color(mitre-black), 0.055)
+      );
+    }
+
+    td {
+      height: 76px;
+      font-size: 13px;
+      line-height: 18px;
+      @include colors.theme-text-deemphasis;
+
+      strong {
+        display: inline-block;
+        @include colors.theme-text-emphasis;
+      }
+
+      small {
+        display: block;
+        margin-top: 2px;
+        font-family: typography.$mono-font;
+        @include colors.theme-text-deemphasis;
+      }
+    }
+
+    tbody tr:last-child td {
+      border-bottom: 0;
+    }
+
+    th:first-child,
+    td:first-child {
+      width: 43%;
+    }
+  }
+
+  .release-preview-table--excluded {
+    th:first-child,
+    td:first-child {
+      width: 60%;
+    }
+
+    th:nth-child(2),
+    td:nth-child(2) {
+      width: 40%;
+    }
+  }
+
+  .release-preview-table--replacements {
+    th,
+    td {
+      width: 34%;
+    }
+  }
+
+  .source-chip,
+  .workflow-chip {
+    display: inline-flex;
+    padding: 3px 8px;
+    border: 1px solid;
+    border-radius: 5px;
+    font-family: typography.$mono-font;
+    font-size: 11px;
+    font-weight: 700;
+    line-height: 16px;
+  }
+
+  .source-chip {
+    border-color: rgba(#c34ddd, 0.45);
+    background: rgba(#c34ddd, 0.13);
+    color: #c34ddd;
+  }
+
+  .source-chip--staged {
+    border-color: rgba(colors.color(success), 0.45);
+    background: rgba(colors.color(success), 0.13);
+    color: colors.color(success);
+  }
+
+  .workflow-chip {
+    @include colors.theme-border-color;
+    @include colors.theme-property(
+      background,
+      rgba(colors.on-color(dark), 0.06),
+      rgba(colors.color(mitre-black), 0.045)
+    );
+    @include colors.theme-text-emphasis;
+  }
+
+  .release-table-row--invalid {
+    background: rgba(colors.color(error), 0.12);
+  }
+
+  .incoming-version {
+    color: colors.color(success) !important;
+    font-family: typography.$mono-font;
+  }
+
+  .incoming-version--invalid,
+  .invalid-version-icon {
+    color: colors.color(error) !important;
+  }
+
+  .invalid-version-icon {
+    width: 16px;
+    height: 16px;
+    margin-left: 4px;
+    font-size: 16px;
+    line-height: 16px;
+    vertical-align: middle;
+  }
+
+  .release-object-empty {
+    margin: 0;
+    padding: 28px;
+    text-align: center;
+    @include colors.theme-text-deemphasis;
+  }
+
+  .release-preview-footer {
+    display: flex;
+    min-height: 72px;
+    align-items: center;
+    justify-content: space-between;
+    gap: 20px;
+    box-sizing: border-box;
+    padding: 14px 20px;
+    border-top: 1px solid;
+    @include colors.theme-border-color;
+  }
+
+  .release-blocked-message {
+    display: flex;
+    min-width: 0;
+    align-items: center;
+    gap: 8px;
+    margin: 0;
+    color: colors.color(error);
+    font-size: 13px;
+    line-height: 20px;
+
+    .mat-icon {
+      flex: 0 0 auto;
+    }
+  }
+
+  .release-preview-actions {
+    display: flex;
+    flex: 0 0 auto;
+    gap: 12px;
+    margin-left: auto;
+  }
+}
+
+@media (max-width: 720px) {
+  .release-preview-dialog {
+    width: 96vw;
+    max-height: 92vh;
+
+    .release-preview-header {
+      padding: 16px;
+    }
+
+    .release-preview-tabs .mat-mdc-tab-labels {
+      padding: 0;
+    }
+
+    .release-summary {
+      width: calc(100% - 32px);
+      grid-template-columns: 1fr;
+      gap: 12px;
+      margin: 16px auto;
+    }
+
+    .release-stat {
+      min-height: 108px;
+    }
+
+    .release-preview-footer {
+      align-items: stretch;
+      flex-direction: column;
+    }
+
+    .release-preview-actions {
+      width: 100%;
+      flex-wrap: wrap;
+      margin-left: 0;
+
+      button {
+        flex: 1 1 auto;
+      }
+    }
+  }
+}
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
new file mode 100644
index 000000000..d8e05c3ff
--- /dev/null
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
@@ -0,0 +1,154 @@
+import { CommonModule } from '@angular/common';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatButtonModule } from '@angular/material/button';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTabsModule } from '@angular/material/tabs';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { vi } from 'vitest';
+
+import {
+  ReleasePreviewDialogComponent,
+  ReleasePreviewDialogData,
+} from './release-preview-dialog.component';
+
+describe('ReleasePreviewDialogComponent', () => {
+  let component: ReleasePreviewDialogComponent;
+  let fixture: ComponentFixture<ReleasePreviewDialogComponent>;
+  let dialogRef: { close: ReturnType<typeof vi.fn> };
+  let data: ReleasePreviewDialogData;
+
+  beforeEach(async () => {
+    dialogRef = { close: vi.fn() };
+    data = {
+      track: {
+        name: 'Core Objects',
+        members: [
+          {
+            object_ref: 'attack-pattern--member',
+            attack_id: 'T0001',
+            name: 'Existing Member',
+            x_mitre_version: '1.0',
+          },
+        ],
+        staged: [
+          {
+            object_ref: 'attack-pattern--member',
+            attack_id: 'T0001',
+            name: 'Updated Member',
+            x_mitre_version: '1.1',
+          },
+          {
+            object_ref: 'attack-pattern--new',
+            attack_id: 'T0002',
+            name: 'New Object',
+            x_mitre_version: '1.0',
+          },
+        ],
+        candidates: [
+          {
+            object_ref: 'attack-pattern--candidate',
+            attack_id: 'T0003',
+            name: 'Candidate',
+            object_status: 'work-in-progress',
+          },
+        ],
+      },
+    };
+
+    await TestBed.configureTestingModule({
+      declarations: [ReleasePreviewDialogComponent],
+      imports: [
+        CommonModule,
+        MatButtonModule,
+        MatIconModule,
+        MatTabsModule,
+        NoopAnimationsModule,
+      ],
+      providers: [
+        { provide: MatDialogRef, useValue: dialogRef },
+        { provide: MAT_DIALOG_DATA, useValue: data },
+      ],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ReleasePreviewDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should calculate the draft snapshot summary from track contents', () => {
+    expect(component.includedObjects).toHaveLength(2);
+    expect(component.newObjectCount).toBe(1);
+    expect(component.updatedMemberCount).toBe(1);
+    expect(component.unchangedObjectCount).toBe(0);
+    expect(component.excludedCandidates).toHaveLength(1);
+  });
+
+  it('should display the canonical ATT&CK object type', () => {
+    data.track.staged[0].attack_type = 'technique';
+
+    expect(component.getObjectType(data.track.staged[0])).toBe('Technique');
+  });
+
+  it('should return the selected version bump when all bumps are valid', () => {
+    component.tagVersion('minor');
+    expect(dialogRef.close).toHaveBeenCalledWith('minor');
+
+    component.tagVersion('major');
+    expect(dialogRef.close).toHaveBeenCalledWith('major');
+  });
+
+  it('should render the objects represented by the Included and Excluded counts', () => {
+    const element: HTMLElement = fixture.nativeElement;
+    const tabs = Array.from(
+      element.querySelectorAll<HTMLElement>('[role="tab"]')
+    );
+    const includedTab = tabs.find(tab => tab.textContent?.includes('Included'));
+    const excludedTab = tabs.find(tab => tab.textContent?.includes('Excluded'));
+
+    includedTab?.click();
+    fixture.detectChanges();
+
+    expect(element.textContent).toContain('Updated Member');
+    expect(element.textContent).toContain('New Object');
+
+    excludedTab?.click();
+    fixture.detectChanges();
+
+    expect(element.textContent).toContain('Candidate');
+    expect(
+      element.querySelectorAll('.release-preview-table--excluded thead th')
+        .length
+    ).toBe(2);
+  });
+
+  it('should highlight and block an invalid incoming version bump', () => {
+    data.track.staged[0].x_mitre_version = '1.3';
+    fixture.detectChanges();
+
+    expect(component.hasInvalidVersionBumps).toBe(true);
+    component.tagVersion('minor');
+    expect(dialogRef.close).not.toHaveBeenCalled();
+
+    const element: HTMLElement = fixture.nativeElement;
+    const replacementsTab = Array.from(
+      element.querySelectorAll<HTMLElement>('[role="tab"]')
+    ).find(tab => tab.textContent?.includes('Replacements'));
+    replacementsTab?.click();
+    fixture.detectChanges();
+
+    const invalidRow = element.querySelector<HTMLElement>(
+      '.release-table-row--invalid'
+    );
+    const minorButton = element.querySelector<HTMLButtonElement>(
+      '.release-preview-tag-minor-button'
+    );
+    const majorButton = element.querySelector<HTMLButtonElement>(
+      '.release-preview-tag-major-button'
+    );
+
+    expect(invalidRow).toBeTruthy();
+    expect(minorButton?.disabled).toBe(true);
+    expect(majorButton?.disabled).toBe(true);
+  });
+});
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
new file mode 100644
index 000000000..f1c17e72d
--- /dev/null
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
@@ -0,0 +1,250 @@
+import { Component, Inject, ViewEncapsulation } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+
+import { VersionNumber } from 'src/app/classes/version-number';
+
+export interface ReleasePreviewDialogData {
+  track: any;
+}
+
+interface ReleaseTrackObject {
+  object_ref?: string;
+  object_modified?: string;
+  attack_id?: string;
+  name?: string;
+  description?: string;
+  attack_type?: string;
+  version?: string;
+  x_mitre_version?: string;
+  stix?: { type?: string; x_mitre_version?: string };
+  [key: string]: any;
+}
+
+export interface IncludedReleaseObject {
+  object: ReleaseTrackObject;
+  currentMember: ReleaseTrackObject | null;
+  incomingStaged: ReleaseTrackObject | null;
+  invalidVersionBump: boolean;
+}
+
+@Component({
+  selector: 'app-release-preview-dialog',
+  templateUrl: './release-preview-dialog.component.html',
+  styleUrls: ['./release-preview-dialog.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  standalone: false,
+})
+export class ReleasePreviewDialogComponent {
+  constructor(
+    public dialogRef: MatDialogRef<ReleasePreviewDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: ReleasePreviewDialogData
+  ) {}
+
+  public get trackName(): string {
+    return this.data.track?.name || 'Release Track';
+  }
+
+  public get currentVersion(): string {
+    const history = this.asArray(this.data.track?.version_history);
+    const version =
+      this.data.track?.version ?? history[history.length - 1]?.version ?? '0.0';
+
+    return this.formatVersion(version);
+  }
+
+  public get minorVersion(): string {
+    return this.formatVersion(
+      new VersionNumber(this.currentVersion.replace(/^v/i, ''))
+        .nextMinorVersion()
+        .toString()
+    );
+  }
+
+  public get majorVersion(): string {
+    return this.formatVersion(
+      new VersionNumber(this.currentVersion.replace(/^v/i, ''))
+        .nextMajorVersion()
+        .toString()
+    );
+  }
+
+  public get members(): ReleaseTrackObject[] {
+    return this.asArray(this.data.track?.members);
+  }
+
+  public get staged(): ReleaseTrackObject[] {
+    return this.asArray(this.data.track?.staged);
+  }
+
+  public get excludedCandidates(): ReleaseTrackObject[] {
+    return this.asArray(this.data.track?.candidates);
+  }
+
+  public get includedObjects(): IncludedReleaseObject[] {
+    const stagedByRef = new Map(
+      this.staged.map(item => [this.getObjectRef(item), item])
+    );
+    const memberRefs = new Set(
+      this.members.map(item => this.getObjectRef(item))
+    );
+
+    const existingMembers = this.members.map(member => {
+      const incoming = stagedByRef.get(this.getObjectRef(member)) ?? null;
+
+      return this.createIncludedObject(incoming ?? member, member, incoming);
+    });
+    const newStaged = this.staged
+      .filter(item => !memberRefs.has(this.getObjectRef(item)))
+      .map(item => this.createIncludedObject(item, null, item));
+
+    return [...existingMembers, ...newStaged];
+  }
+
+  public get newObjectCount(): number {
+    const memberRefs = new Set(
+      this.members.map(item => this.getObjectRef(item))
+    );
+    return this.staged.filter(item => !memberRefs.has(this.getObjectRef(item)))
+      .length;
+  }
+
+  public get updatedMemberCount(): number {
+    const memberRefs = new Set(
+      this.members.map(item => this.getObjectRef(item))
+    );
+    return this.staged.filter(item => memberRefs.has(this.getObjectRef(item)))
+      .length;
+  }
+
+  public get unchangedObjectCount(): number {
+    return Math.max(this.members.length - this.updatedMemberCount, 0);
+  }
+
+  public get replacements(): IncludedReleaseObject[] {
+    return this.includedObjects.filter(
+      item => !!item.currentMember && !!item.incomingStaged
+    );
+  }
+
+  public get hasInvalidVersionBumps(): boolean {
+    return this.includedObjects.some(item => item.invalidVersionBump);
+  }
+
+  public close(): void {
+    this.dialogRef.close();
+  }
+
+  public tagVersion(type: 'minor' | 'major'): void {
+    if (this.hasInvalidVersionBumps) {
+      return;
+    }
+
+    this.dialogRef.close(type);
+  }
+
+  public getObjectName(item: ReleaseTrackObject): string {
+    return item?.name || item?.attack_id || item?.object_ref || 'ATT&CK object';
+  }
+
+  public getObjectVersion(item: ReleaseTrackObject | null): string {
+    const version = this.getRawVersion(item);
+    return version ? this.formatVersion(version) : 'Not available';
+  }
+
+  public getObjectType(item: ReleaseTrackObject): string {
+    const type =
+      item?.attack_type ??
+      item?.type ??
+      item?.stix?.type ??
+      item?.object_ref?.split('--')[0] ??
+      '';
+
+    return (
+      String(type)
+        .replace(/[_-]+/g, ' ')
+        .replace(/\b\w/g, character => character.toUpperCase()) || 'STIX Object'
+    );
+  }
+
+  public getIncludedSource(item: IncludedReleaseObject): string {
+    return item.incomingStaged ? 'staged' : 'members';
+  }
+
+  public getWorkflowState(item: ReleaseTrackObject): string {
+    return item?.object_status ?? item?.status ?? 'work-in-progress';
+  }
+
+  public trackByIncludedObject(
+    index: number,
+    item: IncludedReleaseObject
+  ): string | number {
+    return item.object?.object_ref || index;
+  }
+
+  public trackByObject(
+    index: number,
+    item: ReleaseTrackObject
+  ): string | number {
+    return item?.object_ref || index;
+  }
+
+  private createIncludedObject(
+    object: ReleaseTrackObject,
+    currentMember: ReleaseTrackObject | null,
+    incomingStaged: ReleaseTrackObject | null
+  ): IncludedReleaseObject {
+    return {
+      object,
+      currentMember,
+      incomingStaged,
+      invalidVersionBump: this.isInvalidVersionBump(
+        currentMember,
+        incomingStaged
+      ),
+    };
+  }
+
+  private isInvalidVersionBump(
+    currentMember: ReleaseTrackObject | null,
+    incomingStaged: ReleaseTrackObject | null
+  ): boolean {
+    const currentVersion = this.getRawVersion(currentMember);
+    const incomingVersion = this.getRawVersion(incomingStaged);
+
+    if (!currentVersion || !incomingVersion) {
+      return false;
+    }
+
+    try {
+      return new VersionNumber(incomingVersion).isDoubleIncrement(
+        new VersionNumber(currentVersion)
+      );
+    } catch {
+      return false;
+    }
+  }
+
+  private getRawVersion(item: ReleaseTrackObject | null): string | null {
+    const value =
+      item?.version ?? item?.x_mitre_version ?? item?.stix?.x_mitre_version;
+
+    if (value === null || value === undefined || value === '') {
+      return null;
+    }
+
+    return String(value).replace(/^v/i, '');
+  }
+
+  private formatVersion(value: unknown): string {
+    const version = String(value);
+    return version.toLowerCase().startsWith('v') ? version : `v${version}`;
+  }
+
+  private getObjectRef(item: ReleaseTrackObject): string {
+    return String(item?.object_ref ?? '');
+  }
+
+  private asArray(value: unknown): ReleaseTrackObject[] {
+    return Array.isArray(value) ? value : [];
+  }
+}
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index f8f2471d7..76a43e424 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -28,7 +28,7 @@ <h1>
       <button
         mat-raised-button
         color="primary"
-        [disabled]="!id || isReleasing"
+        [disabled]="!id || !releaseTrack || isReleasing"
         (click)="onPreviewRelease()">
         Preview & Release
         <mat-icon>preview</mat-icon>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index c1ccb37f1..b0b50223c 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -16,6 +16,7 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
 import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
 import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-dialog.component';
+import { ReleasePreviewDialogComponent } from 'src/app/components/release-preview-dialog/release-preview-dialog.component';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import {
@@ -590,32 +591,52 @@ describe('ReleaseTrackPageComponent', () => {
     const historySpy = vi
       .spyOn(component, 'getSnapshotHistory')
       .mockImplementation(() => undefined);
-    mockReleaseTrackApiConnector.previewBump.mockReturnValue(
+    mockReleaseTrackApiConnector.bumpByLatest.mockReturnValue(of({}));
+    mockRestApiConnector.getAllObjects.mockReturnValue(
       of({
-        next_version_minor: '1.2',
-        next_version_major: '2.0',
-        staged_count: 3,
-        candidates_count: 1,
-        conflicts: [],
+        data: [
+          {
+            stixID: 'attack-pattern--candidate',
+            attackID: 'T0001',
+            name: 'Canonical Candidate',
+            attackType: 'technique',
+            type: 'attack-pattern',
+            version: { toString: () => '2.1' },
+            workflow: { state: 'awaiting-review' },
+          },
+        ],
       })
     );
-    mockReleaseTrackApiConnector.bumpByLatest.mockReturnValue(of({}));
     mockDialog.open.mockReturnValue({
       afterClosed: () => of('minor'),
     });
     component.id = 'release-track--123';
+    component.releaseTrack = {
+      id: 'release-track--123',
+      name: 'Core Objects',
+      members: [],
+      staged: [],
+      candidates: [{ object_ref: 'attack-pattern--candidate' }],
+    } as any;
 
     component.onPreviewRelease();
 
-    expect(mockReleaseTrackApiConnector.previewBump).toHaveBeenCalledWith(
-      'release-track--123',
-      'workbench'
-    );
     expect(mockDialog.open).toHaveBeenCalledWith(
-      MultipleChoiceDialogComponent,
+      ReleasePreviewDialogComponent,
       expect.objectContaining({
         data: expect.objectContaining({
-          title: 'Preview & release',
+          track: expect.objectContaining({
+            id: 'release-track--123',
+            candidates: [
+              expect.objectContaining({
+                name: 'Canonical Candidate',
+                attack_type: 'technique',
+                type: 'attack-pattern',
+                x_mitre_version: '2.1',
+                object_status: 'awaiting-review',
+              }),
+            ],
+          }),
         }),
       })
     );
@@ -628,30 +649,49 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.isReleasing).toBe(false);
   });
 
-  it('should not tag a release when preview returns conflicts', () => {
-    mockReleaseTrackApiConnector.previewBump.mockReturnValue(
-      of({
-        conflicts: [
-          {
-            object_ref: 'attack-pattern--123',
-            incumbent_version: '2024-01-15T10:00:00Z',
-            incoming_version: '2024-02-20T10:00:00Z',
-          },
-        ],
-      })
+  it('should tag a major release when selected from the preview', () => {
+    mockRestApiConnector.getAllObjects.mockReturnValue(of({ data: [] }));
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('major'),
+    });
+    component.id = 'release-track--123';
+    component.releaseTrack = {
+      id: 'release-track--123',
+      members: [],
+      staged: [],
+      candidates: [],
+    } as any;
+
+    component.onPreviewRelease();
+
+    expect(mockReleaseTrackApiConnector.bumpByLatest).toHaveBeenCalledWith(
+      'release-track--123',
+      { type: 'major' }
     );
+  });
+
+  it('should not create a snapshot when the preview is cancelled', () => {
+    mockRestApiConnector.getAllObjects.mockReturnValue(of({ data: [] }));
     mockDialog.open.mockReturnValue({
-      afterClosed: () => of('close'),
+      afterClosed: () => of(undefined),
     });
     component.id = 'release-track--123';
+    component.releaseTrack = {
+      id: 'release-track--123',
+      members: [],
+      staged: [],
+      candidates: [],
+    } as any;
 
     component.onPreviewRelease();
 
     expect(mockDialog.open).toHaveBeenCalledWith(
-      MultipleChoiceDialogComponent,
+      ReleasePreviewDialogComponent,
       expect.objectContaining({
         data: expect.objectContaining({
-          title: 'Release conflicts detected',
+          track: expect.objectContaining({
+            id: 'release-track--123',
+          }),
         }),
       })
     );
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 648c0b6f2..1f1a62b4f 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -31,6 +31,7 @@ import {
 import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
 import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-dialog.component';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
+import { ReleasePreviewDialogComponent } from 'src/app/components/release-preview-dialog/release-preview-dialog.component';
 import { ReleaseTrackObjectItem } from 'src/app/components/release-track-object-card/release-track-object-card.component';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
@@ -1393,11 +1394,15 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public onPreviewRelease(): void {
-    if (!this.id || this.isReleasing) return;
+    if (!this.id || !this.releaseTrack || this.isReleasing) return;
 
     this.isReleasing = true;
-    this.connector
-      .previewBump(this.id, ExportFormat.Workbench)
+    this.restApiConnectorService
+      .getAllObjects({
+        revoked: true,
+        deprecated: true,
+        deserialize: true,
+      })
       .pipe(
         take(1),
         finalize(() => {
@@ -1405,9 +1410,14 @@ export class ReleaseTrackPageComponent implements OnInit {
         })
       )
       .subscribe({
-        next: preview => this.openReleasePreviewDialog(preview),
+        next: response => {
+          this.openReleasePreviewDialog(
+            this.enrichReleaseTrackObjects(response)
+          );
+        },
         error: err => {
-          console.error('Failed to preview release track bump', err);
+          console.error('Failed to load objects for release preview', err);
+          this.openReleasePreviewDialog(this.releaseTrack);
         },
       });
   }
@@ -1760,69 +1770,77 @@ export class ReleaseTrackPageComponent implements OnInit {
     };
   }
 
-  private openReleasePreviewDialog(preview: any): void {
-    const conflicts = this.getReleaseConflicts(preview);
-
-    if (conflicts.length) {
-      this.dialog.open(MultipleChoiceDialogComponent, {
-        width: '34em',
-        autoFocus: false,
-        data: {
-          title: 'Release conflicts detected',
-          description: `${conflicts.length} conflict${
-            conflicts.length === 1 ? '' : 's'
-          } must be resolved before this release can be tagged.`,
-          choices: [
-            {
-              label: 'Close',
-              value: 'close',
-              description:
-                'Review the staged and member object versions before retrying the release.',
-            },
-          ],
-        },
-      });
-      return;
-    }
-
-    const minorVersion = preview?.next_version_minor || preview?.next_version;
-    const majorVersion = preview?.next_version_major;
-    const choices = [
-      {
-        label: `Minor Release${minorVersion ? ` (${minorVersion})` : ''}`,
-        value: 'minor',
-        description: this.getReleasePreviewDescription(preview),
-      },
-    ];
-
-    if (majorVersion) {
-      choices.push({
-        label: `Major Release (${majorVersion})`,
-        value: 'major',
-        description: this.getReleasePreviewDescription(preview),
-      });
-    }
-
-    const releaseRef = this.dialog.open(MultipleChoiceDialogComponent, {
-      width: '34em',
+  private openReleasePreviewDialog(track: any): void {
+    const releaseRef = this.dialog.open(ReleasePreviewDialogComponent, {
+      maxWidth: 'none',
       autoFocus: false,
+      restoreFocus: true,
+      ariaLabelledBy: 'release-preview-dialog-title',
+      panelClass: 'release-preview-dialog-panel',
+      backdropClass: 'release-preview-dialog-backdrop',
       data: {
-        title: 'Preview & release',
-        description:
-          'The release preview found no blocking conflicts. Choose a version bump to tag the latest draft snapshot.',
-        choices,
+        track,
       },
     });
 
     releaseRef
       .afterClosed()
       .pipe(take(1))
-      .subscribe((type: 'major' | 'minor' | undefined) => {
-        if (type !== 'major' && type !== 'minor') return;
-        this.bumpLatestRelease(type);
+      .subscribe((action: 'minor' | 'major' | undefined) => {
+        if (!action) return;
+        this.bumpLatestRelease(action);
       });
   }
 
+  private enrichReleaseTrackObjects(response: any): any {
+    const objects = Array.isArray(response)
+      ? response
+      : Array.isArray(response?.data)
+        ? response.data
+        : [];
+    const objectsByRef = new Map<string, any>();
+    objects.forEach((object: any) => {
+      const objectRef = object?.stixID ?? object?.id ?? object?.stix?.id;
+      if (objectRef) objectsByRef.set(objectRef, object);
+    });
+    const enrich = (entry: any) => {
+      const object = objectsByRef.get(entry?.object_ref);
+
+      if (!object) {
+        return entry;
+      }
+
+      const version =
+        object?.version?.toString?.() ??
+        object?.version ??
+        object?.x_mitre_version ??
+        object?.stix?.x_mitre_version;
+
+      return {
+        ...entry,
+        name: object?.name ?? entry?.name,
+        attack_id: object?.attackID ?? object?.attack_id ?? entry?.attack_id,
+        attack_type:
+          object?.attackType ??
+          StixTypeToAttackType[object?.type as StixType] ??
+          entry?.attack_type,
+        type: object?.type ?? object?.stix?.type ?? entry?.type,
+        x_mitre_version: version ?? entry?.x_mitre_version,
+        object_status:
+          object?.workflow?.state ??
+          object?.workspace?.workflow?.state ??
+          entry?.object_status,
+      };
+    };
+
+    return {
+      ...this.releaseTrack,
+      members: (this.releaseTrack?.members ?? []).map(enrich),
+      staged: (this.releaseTrack?.staged ?? []).map(enrich),
+      candidates: (this.releaseTrack?.candidates ?? []).map(enrich),
+    };
+  }
+
   private bumpLatestRelease(type: 'major' | 'minor'): void {
     if (!this.id) return;
 
@@ -1843,27 +1861,6 @@ export class ReleaseTrackPageComponent implements OnInit {
       });
   }
 
-  private getReleaseConflicts(preview: any): any[] {
-    return Array.isArray(preview?.conflicts) ? preview.conflicts : [];
-  }
-
-  private getReleasePreviewDescription(preview: any): string {
-    const included =
-      preview?.statistics?.included_objects ??
-      preview?.release_preview?.will_include?.length ??
-      preview?.staged_count ??
-      0;
-    const excluded =
-      preview?.statistics?.excluded_objects ??
-      preview?.release_preview?.will_exclude?.length ??
-      preview?.candidates_count ??
-      0;
-
-    return `${included} object${included === 1 ? '' : 's'} will be included. ${
-      excluded || 0
-    } object${excluded === 1 ? '' : 's'} will remain out of this release.`;
-  }
-
   private buildSnapshotHistory(
     snapshots: ReleaseTrackSnapshotHistoryItem[]
   ): SnapshotHistoryViewModel[] {

From 3f1b74ad70909c2ceb4549a47cfd8925b8f28965 Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Mon, 27 Jul 2026 20:27:17 -0400
Subject: [PATCH 125/190] style: apply prettier formatting

---
 src/app/classes/release-tracks/tiers.ts                |  3 ++-
 .../components/stix/stix-list/stix-list.component.ts   | 10 ++++++----
 src/app/utils/types.ts                                 |  6 +++++-
 .../relationship-view/relationship-view.component.ts   |  8 +++-----
 4 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index 4d68d01c4..778c67aa0 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -2,7 +2,8 @@ import { WorkflowStatusType } from 'src/app/utils/types';
 import { SnapshotTier } from './enums';
 
 export type ReleaseTrackObjectTier =
-  SnapshotTier.Candidate | SnapshotTier.Staged;
+  | SnapshotTier.Candidate
+  | SnapshotTier.Staged;
 
 export interface TierEntryModifiedByUser {
   id?: string;
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index a96b42936..dee87eb71 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -387,10 +387,12 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
               this.config.sourceRef ? sticky_allowed : false,
               ['relationship-name']
             );
-            if (!(
-              this.config.relationshipType &&
-              this.config.relationshipType == 'subtechnique-of'
-            ))
+            if (
+              !(
+                this.config.relationshipType &&
+                this.config.relationshipType == 'subtechnique-of'
+              )
+            )
               this.addColumn(
                 'description',
                 'description',
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 68a34ac0f..89aa535e6 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -101,7 +101,11 @@ export const WORKFLOW_STATUS_RANK: Record<WorkflowStatusType, number> = {
  * Collection/release changelog categories
  */
 export type ChangelogCategory =
-  'additions' | 'changes' | 'minor_changes' | 'revocations' | 'deprecations';
+  | 'additions'
+  | 'changes'
+  | 'minor_changes'
+  | 'revocations'
+  | 'deprecations';
 
 export interface ReleaseTrackStatus {
   trackId: string;
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.ts b/src/app/views/stix/relationship-view/relationship-view.component.ts
index fe588de8f..d94638960 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.ts
+++ b/src/app/views/stix/relationship-view/relationship-view.component.ts
@@ -240,11 +240,9 @@ export class RelationshipViewComponent extends StixViewPage implements OnInit {
    * @param {any} obj the raw STIX object
    */
   public navigateTo(obj: any): void {
-    if (!(
-      obj?.stix?.type &&
-      obj?.stix?.id &&
-      StixTypeToAttackType[obj.stix.type]
-    )) {
+    if (
+      !(obj?.stix?.type && obj?.stix?.id && StixTypeToAttackType[obj.stix.type])
+    ) {
       console.warn('Invalid object passed to navigateTo:', obj);
       return;
     }

From 8869aa5031fbe6d2c667042ce89023ccbdb1b09b Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Mon, 27 Jul 2026 22:23:02 -0400
Subject: [PATCH 126/190] fix: update object tier accurately when relationships
 are editted/added

---
 src/app/classes/stix/relationship.ts          | 58 ++++++++--------
 .../name-property/name-property.component.ts  | 68 ++++++++++++-------
 .../stix-list/stix-list.component.spec.ts     | 20 ++++++
 .../release-tracks.integration.spec.ts        |  4 +-
 .../stix/stix-dialog/stix-dialog.component.ts | 15 +++-
 5 files changed, 108 insertions(+), 57 deletions(-)

diff --git a/src/app/classes/stix/relationship.ts b/src/app/classes/stix/relationship.ts
index 00929203f..3f101de10 100644
--- a/src/app/classes/stix/relationship.ts
+++ b/src/app/classes/stix/relationship.ts
@@ -1,5 +1,5 @@
-import { Observable, of } from 'rxjs';
-import { map, switchMap } from 'rxjs/operators';
+import { concat, defer, Observable, of } from 'rxjs';
+import { last, map, switchMap } from 'rxjs/operators';
 import {
   Asset,
   Campaign,
@@ -14,6 +14,7 @@ import {
   Technique,
 } from 'src/app/classes/stix';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { logger } from '../../utils/logger';
 import { ValidationData } from '../serializable';
 import { StixObject } from './stix-object';
@@ -619,33 +620,44 @@ export class Relationship extends StixObject {
    * @returns {Observable} of the post
    */
   public save(
-    restAPIService: RestApiConnectorService
+    restAPIService: RestApiConnectorService,
+    _releaseTracksService?: ReleaseTracksConnectorService
   ): Observable<Relationship> {
     if (!this.workflow) {
       // Initialize the workflow object if it doesn't exist
       this.workflow = { state: WorkflowStatus.WorkInProgress };
     }
     this.workflow.state = WorkflowStatus.WorkInProgress;
-    const postObservable = restAPIService.postRelationship(this);
-    const subscription = postObservable.subscribe({
-      next: result => {
+    return restAPIService.postRelationship(this).pipe(
+      switchMap(result => {
         this.deserialize(result.serialize());
         const source_object = this.getObject(
           this.source_object.stix.type,
           this.source_object
         );
-        this.updateSourceTargetObject(restAPIService, source_object);
         const target_object = this.getObject(
           this.target_object.stix.type,
           this.target_object
         );
-        this.updateSourceTargetObject(restAPIService, target_object);
-      },
-      complete: () => {
-        subscription.unsubscribe();
-      },
-    });
-    return postObservable;
+        return concat(
+          defer(() =>
+            this.updateSourceTargetObject(
+              restAPIService,
+              source_object
+            )
+          ),
+          defer(() =>
+            this.updateSourceTargetObject(
+              restAPIService,
+              target_object
+            )
+          )
+        ).pipe(
+          last(),
+          map(() => result)
+        );
+      })
+    );
   }
 
   /**
@@ -683,31 +695,21 @@ export class Relationship extends StixObject {
   }
 
   /**
-   * Helper function to update the workflow status of the source object of the relationship,
+   * Saves a related object as WIP. The backend member-sync service updates its
+   * release-track entry in response to this object save.
    * @param restAPIService the rest api service
    * @param object the relationship source object
    */
   public updateSourceTargetObject(
     restAPIService: RestApiConnectorService,
     object: StixObject
-  ) {
+  ): Observable<unknown> {
     // Check if the workflow object exists
     if (!object.workflow) {
       // Initialize the workflow object if it doesn't exist
       object.workflow = { state: WorkflowStatus.WorkInProgress };
     }
     object.workflow.state = WorkflowStatus.WorkInProgress;
-    object.update(restAPIService).subscribe({
-      next: response => {
-        console.log('Object updated successfully:', response);
-        window.location.reload();
-      },
-      error: error => {
-        console.error('Error updating object:', error);
-      },
-      complete: () => {
-        console.log('Complete');
-      },
-    });
+    return object.save(restAPIService);
   }
 }
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index 58fd2db78..5bfbc01bd 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -13,7 +13,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { MatMenuTrigger } from '@angular/material/menu';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { forkJoin, of } from 'rxjs';
-import { catchError, map } from 'rxjs/operators';
+import { catchError, map, switchMap } from 'rxjs/operators';
 import { SnapshotTier } from 'src/app/classes/release-tracks';
 import type {
   ReleaseTrackObjectTier,
@@ -247,30 +247,50 @@ export class NamePropertyComponent implements OnChanges, OnInit {
     }
 
     this.loadingTracks = true;
-    const releaseTracks = this.getWorkspaceTracks();
-    if (!releaseTracks.length) {
-      this.trackStatuses = [];
-      this.loadingTracks = false;
-      return;
-    }
-
-    forkJoin(
-      releaseTracks.map(track =>
-        this.releaseTracksService
-          .getLatestSnapshot(track.trackId, { include: 'all' })
-          .pipe(
-            map(snapshot => this.toTrackStatus(track, snapshot)),
-            catchError(err => {
-              logger.error(
-                'Failed to load release track snapshot for workflow status menu',
-                err
-              );
-              return of(this.toTrackStatus(track, null));
-            })
-          )
-      )
-    )
+    // If object track data is missing, look through the latest track snapshots to find where this object appears.
+    const workspaceTracks = this.getWorkspaceTracks();
+    const tracks_all = workspaceTracks.length
+      ? of(workspaceTracks)
+      : this.releaseTracksService.listReleaseTracks().pipe(
+          map(result =>
+            (result?.data || [])
+              .map(track => this.toWorkspaceTrack(track))
+              .filter(
+                (track): track is ReleaseTrackStatus => track !== null
+              )
+          ),
+          catchError(err => {
+            logger.error(
+              'Failed to list release tracks for workflow status menu',
+              err
+            );
+            return of([] as ReleaseTrackStatus[]);
+          })
+        );
+
+    tracks_all
       .pipe(
+        // Read each latest snapshot, then retain only tracks containing this object.
+        switchMap(tracks =>
+          tracks.length
+            ? forkJoin(
+                tracks.map(track =>
+                  this.releaseTracksService
+                    .getLatestSnapshot(track.trackId, { include: 'all' })
+                    .pipe(
+                      map(snapshot => this.toTrackStatus(track, snapshot)),
+                      catchError(err => {
+                        logger.error(
+                          'Failed to load release track snapshot for workflow status menu',
+                          err
+                        );
+                        return of(this.toTrackStatus(track, null));
+                      })
+                    )
+                )
+              )
+            : of([])
+        ),
         map(rows =>
           rows.filter((row): row is ReleaseTrackStatus => row !== null)
         )
diff --git a/src/app/components/stix/stix-list/stix-list.component.spec.ts b/src/app/components/stix/stix-list/stix-list.component.spec.ts
index 40ed14d59..c614e5415 100644
--- a/src/app/components/stix/stix-list/stix-list.component.spec.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.spec.ts
@@ -137,4 +137,24 @@ describe('StixListComponent', () => {
 
     expect(result).toEqual([domainObject]);
   });
+
+  it('identifies an existing relationship modified after the candidate baseline', () => {
+    component.config = {
+      type: 'relationship',
+      relationshipAddedAfter: '2026-07-02T00:00:00.000Z',
+    } as any;
+
+    expect(
+      (component as any).isChangedRelationship({
+        created: new Date('2026-07-01T00:00:00.000Z'),
+        modified: new Date('2026-07-03T00:00:00.000Z'),
+      })
+    ).toBe(true);
+    expect(
+      (component as any).isChangedRelationship({
+        created: new Date('2026-07-03T00:00:00.000Z'),
+        modified: new Date('2026-07-03T00:00:00.000Z'),
+      })
+    ).toBe(false);
+  });
 });
diff --git a/src/app/services/connectors/rest-api/release-tracks.integration.spec.ts b/src/app/services/connectors/rest-api/release-tracks.integration.spec.ts
index ce5a3518b..2638c70d9 100644
--- a/src/app/services/connectors/rest-api/release-tracks.integration.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.integration.spec.ts
@@ -95,7 +95,7 @@ describe('Release Tracks API integration (real server)', () => {
     }
   });
 
-  it('GET /release-tracks/:id -> getLatestSnapshot should return snapshot when tracks exist', async () => {
+  it('GET /release-tracks/:id/snapshots/latest should return a snapshot when tracks exist', async () => {
     if (!serverAvailable) {
       console.warn(
         'Skipping getLatestSnapshot test because server is unreachable'
@@ -109,7 +109,7 @@ describe('Release Tracks API integration (real server)', () => {
       return;
     }
     const res = await fetch(
-      `${apiUrl}/release-tracks/${encodeURIComponent(discoveredTrackId)}`,
+      `${apiUrl}/release-tracks/${encodeURIComponent(discoveredTrackId)}/snapshots/latest`,
       { headers: commonHeaders }
     );
     expect(res.ok).toBe(true);
diff --git a/src/app/views/stix/stix-dialog/stix-dialog.component.ts b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
index a488cd3d8..596d7622d 100644
--- a/src/app/views/stix/stix-dialog/stix-dialog.component.ts
+++ b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
@@ -17,6 +17,7 @@ import { ConfirmationDialogComponent } from 'src/app/components/confirmation-dia
 import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-dialog.component';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { EditorService } from 'src/app/services/editor/editor.service';
 import { StixViewConfig } from '../stix-view-page';
 import { StixTypeToClass } from 'src/app/utils/class-mappings';
@@ -33,6 +34,7 @@ export class StixDialogComponent implements OnInit {
     public dialogRef: MatDialogRef<StixDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public _config: StixViewConfig,
     public restApiService: RestApiConnectorService,
+    private releaseTracksService: ReleaseTracksConnectorService,
     public editorService: EditorService,
     private authenticationService: AuthenticationService,
     private dialog: MatDialog
@@ -141,12 +143,19 @@ export class StixDialogComponent implements OnInit {
     const object = Array.isArray(this.config.object)
       ? this.config.object[0]
       : this.config.object;
-    const subscription = object.save(this.restApiService).subscribe({
+    const save: Observable<void> =
+      object instanceof Relationship
+        ? object.save(
+            this.restApiService,
+            this.releaseTracksService
+          ).pipe(map(() => undefined))
+        : object.save(this.restApiService).pipe(map(() => undefined));
+    const subscription = save.subscribe({
       next: result => {
         this.editorService.onEditingStopped.emit();
         this._config.is_new = false;
-        if (object.attackType == 'relationship')
-          this.updateRelationshipObjects(object as Relationship); // update source/target object versions
+        if (object instanceof Relationship)
+          this.updateRelationshipObjects(object); // update source/target object versions
         if (this.prevObject) this.revertToPreviousObject();
         else if (object.attackType == 'data-component') {
           // view data component on save

From df60b36c82ce1ab6eabc06926ef3458dc8aabf58 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Mon, 27 Jul 2026 22:37:46 -0400
Subject: [PATCH 127/190] chore: update identation

---
 src/app/classes/stix/relationship.ts                   | 10 ++--------
 .../stix/name-property/name-property.component.ts      |  4 +---
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/app/classes/stix/relationship.ts b/src/app/classes/stix/relationship.ts
index 3f101de10..cfb0bd3b4 100644
--- a/src/app/classes/stix/relationship.ts
+++ b/src/app/classes/stix/relationship.ts
@@ -641,16 +641,10 @@ export class Relationship extends StixObject {
         );
         return concat(
           defer(() =>
-            this.updateSourceTargetObject(
-              restAPIService,
-              source_object
-            )
+            this.updateSourceTargetObject(restAPIService, source_object)
           ),
           defer(() =>
-            this.updateSourceTargetObject(
-              restAPIService,
-              target_object
-            )
+            this.updateSourceTargetObject(restAPIService, target_object)
           )
         ).pipe(
           last(),
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index 5bfbc01bd..ccfda8871 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -255,9 +255,7 @@ export class NamePropertyComponent implements OnChanges, OnInit {
           map(result =>
             (result?.data || [])
               .map(track => this.toWorkspaceTrack(track))
-              .filter(
-                (track): track is ReleaseTrackStatus => track !== null
-              )
+              .filter((track): track is ReleaseTrackStatus => track !== null)
           ),
           catchError(err => {
             logger.error(

From 1114297b0450223887054bd6159eb122997fa2de Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Mon, 27 Jul 2026 22:42:29 -0400
Subject: [PATCH 128/190] chore: update identation

---
 src/app/views/stix/stix-dialog/stix-dialog.component.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/views/stix/stix-dialog/stix-dialog.component.ts b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
index 596d7622d..cac0ed63f 100644
--- a/src/app/views/stix/stix-dialog/stix-dialog.component.ts
+++ b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
@@ -145,10 +145,9 @@ export class StixDialogComponent implements OnInit {
       : this.config.object;
     const save: Observable<void> =
       object instanceof Relationship
-        ? object.save(
-            this.restApiService,
-            this.releaseTracksService
-          ).pipe(map(() => undefined))
+        ? object
+            .save(this.restApiService, this.releaseTracksService)
+            .pipe(map(() => undefined))
         : object.save(this.restApiService).pipe(map(() => undefined));
     const subscription = save.subscribe({
       next: result => {

From 14b937f9b3288c8a7c36e4b48ba3eed66dc542eb Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Tue, 28 Jul 2026 00:16:49 -0400
Subject: [PATCH 129/190] fix: disable diff when object exists in candidates
 and staged

---
 .../release-track-object-card.component.html  | 26 ++++++++----
 .../release-track-object-card.component.ts    |  2 +
 .../release-track-page.component.html         |  2 +
 .../release-track-page.component.spec.ts      | 27 ++++++++++++
 .../release-track-page.component.ts           | 42 +++++++++++++++++++
 5 files changed, 91 insertions(+), 8 deletions(-)

diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.html b/src/app/components/release-track-object-card/release-track-object-card.component.html
index 50cd9631b..c2985d30d 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.html
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.html
@@ -54,14 +54,24 @@
 
         <ng-content select="[card-footer-action]"></ng-content>
 
-        <button
-          *ngIf="showDiff"
-          mat-stroked-button
-          type="button"
-          (click)="onDiff()">
-          <mat-icon>difference</mat-icon>
-          Diff
-        </button>
+        <ng-container *ngIf="showDiff">
+          <button
+            *ngIf="!diffDisabled; else disabledDiff"
+            mat-stroked-button
+            type="button"
+            (click)="onDiff()">
+            <mat-icon>difference</mat-icon>
+            Diff
+          </button>
+          <ng-template #disabledDiff>
+            <span [matTooltip]="diffDisabledMessage" tabindex="0">
+              <button mat-stroked-button type="button" disabled>
+                <mat-icon>difference</mat-icon>
+                Diff
+              </button>
+            </span>
+          </ng-template>
+        </ng-container>
       </div>
     </div>
   </mat-card-actions>
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.ts b/src/app/components/release-track-object-card/release-track-object-card.component.ts
index 45517e40c..9f70506db 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.ts
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.ts
@@ -47,6 +47,8 @@ export class ReleaseTrackObjectCardComponent {
   @Input() laneStatus: WorkflowStatusType | null = null;
   @Input() showDescription = true;
   @Input() showDiff = true;
+  @Input() diffDisabled = false;
+  @Input() diffDisabledMessage = '';
   @Input() showModifiedMeta = true;
 
   @Output() viewObject = new EventEmitter<ReleaseTrackObjectItem>();
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index f8f2471d7..acea62c0a 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -558,6 +558,8 @@ <h4>{{ getVirtualObjectTitle(item) }}</h4>
       [laneStatus]="getLaneStatus(item, lane)"
       [showDescription]="shouldShowLaneDescription(lane)"
       [showDiff]="!canReviewAndApprove(item, lane)"
+      [diffDisabled]="!shouldShowDiff(item)"
+      [diffDisabledMessage]="getDiffUnavailableMessage(item) || ''"
       [showModifiedMeta]="true"
       (viewObject)="onView($event.object_ref)"
       (diffObject)="onDiff($event)">
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index c1ccb37f1..08fa8da6f 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -126,6 +126,33 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component).toBeTruthy();
   });
 
+  it('should only show a diff for the latest pin when an object is both staged and a candidate', () => {
+    const staged = {
+      object_ref: 'attack-pattern--shared',
+      object_modified: '2026-01-01T00:00:00.000Z',
+    } as any;
+    const candidate = {
+      object_ref: 'attack-pattern--shared',
+      object_modified: '2026-02-01T00:00:00.000Z',
+    } as any;
+    const unrelatedCandidate = {
+      object_ref: 'attack-pattern--candidate-only',
+      object_modified: '2026-01-01T00:00:00.000Z',
+    } as any;
+    component.releaseTrack = {
+      staged: [staged],
+      candidates: [candidate, unrelatedCandidate],
+    } as any;
+
+    expect(component.shouldShowDiff(staged)).toBe(false);
+    expect(component.shouldShowDiff(candidate)).toBe(true);
+    expect(component.shouldShowDiff(unrelatedCandidate)).toBe(true);
+    expect(component.getDiffUnavailableMessage(staged)).toBe(
+      'A newer revision of this object is available in the release track. View its diff instead.'
+    );
+    expect(component.getDiffUnavailableMessage(candidate)).toBeNull();
+  });
+
   it('should delete the release track after confirmation', () => {
     mockDialog.open.mockReturnValue({
       afterClosed: () => of(true),
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 3da3045dc..99fd6d04a 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -843,10 +843,52 @@ export class ReleaseTrackPageComponent implements OnInit {
     return this.autoPromotionEnabled && !lane.isReleasedMembers;
   }
 
+  /**
+   * When different revisions of an object occupy both workflow tiers, only the
+   * newest pin can present a non-misleading relationship diff.
+   */
+  public shouldShowDiff(item: ReleaseTrackObjectItem): boolean {
+    if (!item?.object_ref) return true;
+
+    const staged = (this.releaseTrack?.staged || []).filter(
+      entry => entry.object_ref === item.object_ref
+    );
+    const candidates = (this.releaseTrack?.candidates || []).filter(
+      entry => entry.object_ref === item.object_ref
+    );
+
+    if (!staged.length || !candidates.length) return true;
+
+    const itemModified = this.getModifiedTimestamp(item.object_modified);
+    const pins = [...staged, ...candidates].map(entry =>
+      this.getModifiedTimestamp(entry.object_modified)
+    );
+    if (
+      !Number.isFinite(itemModified) ||
+      pins.some(time => !Number.isFinite(time))
+    ) {
+      return true;
+    }
+
+    return itemModified === Math.max(...pins);
+  }
+
+  public getDiffUnavailableMessage(
+    item: ReleaseTrackObjectItem
+  ): string | null {
+    return this.shouldShowDiff(item)
+      ? null
+      : 'A newer revision of this object is available in the release track. View its diff instead.';
+  }
+
   public toggleReleasedMembers(): void {
     this.showReleasedMembers = !this.showReleasedMembers;
   }
 
+  private getModifiedTimestamp(value?: Date | string): number {
+    return value ? new Date(value).getTime() : Number.NaN;
+  }
+
   public onEditDescription(): void {
     this.descriptionDraft = this.releaseTrack?.description ?? '';
     this.isEditingDescription = true;

From 66310af2587c0c3b4a22df026d7a0dfed63ce8b0 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Tue, 28 Jul 2026 14:13:20 -0400
Subject: [PATCH 130/190] fix(release-tracks): use snapshot endpoints for track
 details

---
 .../save-dialog/save-dialog.component.spec.ts |  2 +-
 .../save-dialog/save-dialog.component.ts      |  7 +-
 .../name-property.component.spec.ts           |  2 +-
 .../name-property/name-property.component.ts  |  7 +-
 .../workflow-status-dialog.component.spec.ts  |  2 +-
 .../workflow-status-dialog.component.ts       |  7 +-
 .../rest-api/release-tracks.service.ts        | 38 ++++++----
 .../release-track-page.component.html         |  2 +-
 .../release-track-page.component.spec.ts      | 43 ++++++++++-
 .../release-track-page.component.ts           | 76 ++++++++++++++-----
 10 files changed, 141 insertions(+), 45 deletions(-)

diff --git a/src/app/components/save-dialog/save-dialog.component.spec.ts b/src/app/components/save-dialog/save-dialog.component.spec.ts
index 618b9b6c4..532664d18 100644
--- a/src/app/components/save-dialog/save-dialog.component.spec.ts
+++ b/src/app/components/save-dialog/save-dialog.component.spec.ts
@@ -154,7 +154,7 @@ describe('SaveDialogComponent', () => {
     expect(component.versionChoice).toBe('keep');
     expect(mockReleaseTracksService.getLatestSnapshot).toHaveBeenCalledWith(
       'release-track--core',
-      { include: 'all' }
+      { format: 'workbench', include: 'all' }
     );
     expect(component.trackRows).toEqual([
       expect.objectContaining({
diff --git a/src/app/components/save-dialog/save-dialog.component.ts b/src/app/components/save-dialog/save-dialog.component.ts
index 540851669..c5274bacc 100644
--- a/src/app/components/save-dialog/save-dialog.component.ts
+++ b/src/app/components/save-dialog/save-dialog.component.ts
@@ -2,7 +2,7 @@ import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { forkJoin, Observable, of } from 'rxjs';
 import { catchError, map, switchMap } from 'rxjs/operators';
-import { SnapshotTier } from 'src/app/classes/release-tracks';
+import { ExportFormat, SnapshotTier } from 'src/app/classes/release-tracks';
 import type {
   ReleaseTrackObjectTier,
   StixObjectRef,
@@ -375,7 +375,10 @@ export class SaveDialogComponent implements OnInit {
               }
 
               return this.releaseTracksService
-                .getLatestSnapshot(trackId, { include: 'all' })
+                .getLatestSnapshot(trackId, {
+                  format: ExportFormat.Workbench,
+                  include: 'all',
+                })
                 .pipe(
                   map(snapshot =>
                     this.toTrackRow(track, snapshot, workspaceTrack)
diff --git a/src/app/components/stix/name-property/name-property.component.spec.ts b/src/app/components/stix/name-property/name-property.component.spec.ts
index f197b21c1..8feb67c9a 100644
--- a/src/app/components/stix/name-property/name-property.component.spec.ts
+++ b/src/app/components/stix/name-property/name-property.component.spec.ts
@@ -204,7 +204,7 @@ describe('NamePropertyComponent', () => {
 
     expect(mockReleaseTracksService.getLatestSnapshot).toHaveBeenCalledWith(
       'release-track--core',
-      { include: 'all' }
+      { format: 'workbench', include: 'all' }
     );
     expect(component.trackStatuses).toEqual([
       expect.objectContaining({
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index 58fd2db78..c1038a105 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -14,7 +14,7 @@ import { MatMenuTrigger } from '@angular/material/menu';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { forkJoin, of } from 'rxjs';
 import { catchError, map } from 'rxjs/operators';
-import { SnapshotTier } from 'src/app/classes/release-tracks';
+import { ExportFormat, SnapshotTier } from 'src/app/classes/release-tracks';
 import type {
   ReleaseTrackObjectTier,
   StixObjectRef,
@@ -257,7 +257,10 @@ export class NamePropertyComponent implements OnChanges, OnInit {
     forkJoin(
       releaseTracks.map(track =>
         this.releaseTracksService
-          .getLatestSnapshot(track.trackId, { include: 'all' })
+          .getLatestSnapshot(track.trackId, {
+            format: ExportFormat.Workbench,
+            include: 'all',
+          })
           .pipe(
             map(snapshot => this.toTrackStatus(track, snapshot)),
             catchError(err => {
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
index 287704bb7..c30c6053b 100644
--- a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.spec.ts
@@ -149,7 +149,7 @@ describe('WorkflowStatusDialogComponent', () => {
     );
     expect(mockReleaseTracksService.getLatestSnapshot).toHaveBeenCalledWith(
       'release-track--core',
-      { include: 'all' }
+      { format: 'workbench', include: 'all' }
     );
     expect(component.trackStatus).toEqual(
       expect.objectContaining({
diff --git a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
index 5576d5ae6..5639c2df1 100644
--- a/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
+++ b/src/app/components/workflow-status-dialog/workflow-status-dialog.component.ts
@@ -8,7 +8,7 @@ import {
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { Observable, of } from 'rxjs';
 import { catchError, concatMap, map, switchMap } from 'rxjs/operators';
-import { SnapshotTier } from 'src/app/classes/release-tracks';
+import { ExportFormat, SnapshotTier } from 'src/app/classes/release-tracks';
 import type {
   ReleaseTrackObjectTier,
   StixObjectRef,
@@ -185,7 +185,10 @@ export class WorkflowStatusDialogComponent implements OnInit, OnDestroy {
     }
 
     this.releaseTracksService
-      .getLatestSnapshot(track.trackId, { include: 'all' })
+      .getLatestSnapshot(track.trackId, {
+        format: ExportFormat.Workbench,
+        include: 'all',
+      })
       .pipe(
         map(snapshot => this.toTrackStatus(track, snapshot)),
         catchError(err => {
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 44c2e0523..e58bd2b4b 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -200,7 +200,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * GET /api/release-tracks/:id
+   * GET /api/release-tracks/:id/snapshots/latest
    * Get latest snapshot for a track.
    * @param id Release track id
    * @param options Query options forwarded to endpoint
@@ -211,7 +211,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     options?: ReleaseTrackSnapshotOptions
   ): Observable<ReleaseTrackSnapshot | null> {
     const params = this.buildHttpParams(options);
-    const url = `${this.apiUrl}/release-tracks/${id}`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/latest`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
         logger.log(`retrieved latest snapshot for track ${id}`, result)
@@ -223,15 +223,15 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * GET /api/release-tracks/:id
-   * Build snapshot history from the latest snapshot and its version_history.
+   * GET /api/release-tracks/:id/snapshots
+   * List snapshot history summaries.
    * @param id Release track id
    * @returns Observable<ReleaseTrackSnapshotHistoryItem[]>
    */
   public listSnapshots(
     id: string
   ): Observable<ReleaseTrackSnapshotHistoryItem[]> {
-    const url = `${this.apiUrl}/release-tracks/${id}`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots`;
     return this.http.get(url).pipe(
       tap(result => logger.log(`retrieved snapshots for track ${id}`, result)),
       map(result => this.normalizeSnapshotHistory(result)),
@@ -243,7 +243,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * GET /api/release-tracks/:id?format=:format
+   * GET /api/release-tracks/:id/snapshots/latest?format=:format
    * Retrieve the latest snapshot in an export format without deserializing it.
    * @param id Release track id
    * @param format Export format
@@ -256,7 +256,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     options?: Omit<ReleaseTrackSnapshotOptions, 'format'>
   ): Observable<any> {
     const params = this.buildHttpParams({ ...options, format });
-    const url = `${this.apiUrl}/release-tracks/${id}`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/latest`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
         logger.log(
@@ -343,18 +343,24 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * GET /api/release-tracks/:id/bump/preview
-   * Preview the next release for a track.
+   * GET /api/release-tracks/:id/snapshots/latest/release/preview
+   * GET /api/release-tracks/:id/snapshots/:modified/release/preview
+   * Preview a release for a track snapshot.
    * @param id Release track id
    * @param format Optional output format
+   * @param modified Optional snapshot modified timestamp
    * @returns Observable<any> preview payload
    */
   public previewBump(
     id: string,
-    format: ExportFormatType = ExportFormat.Workbench
+    format: ExportFormatType = ExportFormat.Workbench,
+    modified?: string
   ): Observable<any> {
     const params = this.buildHttpParams({ format });
-    const url = `${this.apiUrl}/release-tracks/${id}/bump/preview`;
+    const snapshotPath = modified
+      ? `snapshots/${modified}`
+      : 'snapshots/latest';
+    const url = `${this.apiUrl}/release-tracks/${id}/${snapshotPath}/release/preview`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
         logger.log(`generated bump preview for track ${id}`, result)
@@ -365,14 +371,14 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * POST /api/release-tracks/:id/bump
+   * POST /api/release-tracks/:id/snapshots/latest/release
    * Bump/tag the latest snapshot.
    * @param id Release track id
    * @param body Bump options (type, version, dry_run)
    * @returns Observable<any>
    */
   public bumpByLatest(id: string, body: BumpPayload): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/bump`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/latest/release`;
     return this.http.post(url, body).pipe(
       tap(result => logger.log(`bumped version for track ${id}`, result)),
       catchError(this.handleError_raise()),
@@ -497,8 +503,8 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * POST /api/release-tracks/:id/snapshots/:modified/bump
-   * Tag/bump a specific snapshot.
+   * POST /api/release-tracks/:id/snapshots/:modified/release
+   * Tag/release a specific snapshot.
    * @param id Release track id
    * @param modified Snapshot modified timestamp
    * @param body Bump options
@@ -509,7 +515,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     modified: string,
     body: BumpPayload
   ): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/bump`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/release`;
     return this.http.post(url, body).pipe(
       tap(result =>
         logger.log(`bumped version for snapshot ${modified}`, result)
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index f8f2471d7..eabcb9f3f 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -657,7 +657,7 @@ <h3 [class.promote-color]="item.isTagged">
                   *ngIf="!item.isTagged"
                   class="view-color"
                   mat-stroked-button
-                  (click)="onTagSnapshot()">
+                  (click)="onTagSnapshot(item)">
                   <mat-icon>sell</mat-icon>
                   Tag
                 </button>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index c1ccb37f1..1c29dd1fd 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -50,6 +50,7 @@ describe('ReleaseTrackPageComponent', () => {
       createVirtualSnapshot: vi.fn(() => createAsyncObservable({})),
       previewBump: vi.fn(() => createAsyncObservable({})),
       bumpByLatest: vi.fn(() => createAsyncObservable({})),
+      bumpByModified: vi.fn(() => createAsyncObservable({})),
       getConfig: vi.fn(() => createAsyncObservable(null)),
       updateConfig: vi.fn(() => createAsyncObservable({})),
       updateComposition: vi.fn(() => createAsyncObservable({})),
@@ -247,7 +248,7 @@ describe('ReleaseTrackPageComponent', () => {
 
     expect(mockReleaseTrackApiConnector.getLatestSnapshot).toHaveBeenCalledWith(
       'release-track--123',
-      { include: 'all' }
+      { format: 'workbench', include: 'all' }
     );
     expect(component.releaseTrack?.name).toBe('Enterprise Release');
   });
@@ -628,6 +629,46 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.isReleasing).toBe(false);
   });
 
+  it('should preview and tag a selected draft snapshot', () => {
+    const refreshSpy = vi
+      .spyOn(component, 'getReleaseTrack')
+      .mockImplementation(() => undefined);
+    const historySpy = vi
+      .spyOn(component, 'getSnapshotHistory')
+      .mockImplementation(() => undefined);
+    mockReleaseTrackApiConnector.previewBump.mockReturnValue(
+      of({
+        next_version_minor: '1.2',
+        next_version_major: '2.0',
+        conflicts: [],
+      })
+    );
+    mockReleaseTrackApiConnector.bumpByModified.mockReturnValue(of({}));
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('major'),
+    });
+    component.id = 'release-track--123';
+
+    component.onTagSnapshot({
+      modified: '2026-07-23T13:37:28.000Z',
+      isTagged: false,
+    } as any);
+
+    expect(mockReleaseTrackApiConnector.previewBump).toHaveBeenCalledWith(
+      'release-track--123',
+      'workbench',
+      '2026-07-23T13:37:28.000Z'
+    );
+    expect(mockReleaseTrackApiConnector.bumpByModified).toHaveBeenCalledWith(
+      'release-track--123',
+      '2026-07-23T13:37:28.000Z',
+      { type: 'major' }
+    );
+    expect(mockReleaseTrackApiConnector.bumpByLatest).not.toHaveBeenCalled();
+    expect(refreshSpy).toHaveBeenCalled();
+    expect(historySpy).toHaveBeenCalled();
+  });
+
   it('should not tag a release when preview returns conflicts', () => {
     mockReleaseTrackApiConnector.previewBump.mockReturnValue(
       of({
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 648c0b6f2..4ed8474d6 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -20,6 +20,7 @@ import {
   ReleaseTrackConfig,
   ReleaseTrackSnapshot,
   ReleaseTrackSnapshotHistoryItem,
+  ReleaseTrackSnapshotOptions,
   ReleaseTrackType,
   ResolutionStrategy,
   SnapshotScheduleMode,
@@ -468,7 +469,10 @@ export class ReleaseTrackPageComponent implements OnInit {
 
   public getReleaseTrack(): void {
     this.connector
-      .getLatestSnapshot(this.id, { include: 'all' })
+      .getLatestSnapshot(this.id, {
+        format: ExportFormat.Workbench,
+        include: 'all',
+      })
       .pipe(take(1))
       .subscribe({
         next: res => {
@@ -1393,11 +1397,26 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public onPreviewRelease(): void {
+    this.previewRelease();
+  }
+
+  public onTagSnapshot(item: SnapshotHistoryViewModel): void {
+    this.previewRelease(item);
+  }
+
+  private previewRelease(item?: SnapshotHistoryViewModel): void {
     if (!this.id || this.isReleasing) return;
 
     this.isReleasing = true;
-    this.connector
-      .previewBump(this.id, ExportFormat.Workbench)
+    const preview = item?.modified
+      ? this.connector.previewBump(
+          this.id,
+          ExportFormat.Workbench,
+          item.modified
+        )
+      : this.connector.previewBump(this.id, ExportFormat.Workbench);
+
+    preview
       .pipe(
         take(1),
         finalize(() => {
@@ -1405,22 +1424,21 @@ export class ReleaseTrackPageComponent implements OnInit {
         })
       )
       .subscribe({
-        next: preview => this.openReleasePreviewDialog(preview),
+        next: preview => this.openReleasePreviewDialog(preview, item),
         error: err => {
           console.error('Failed to preview release track bump', err);
         },
       });
   }
 
-  public onTagSnapshot(): void {
-    this.onPreviewRelease();
-  }
-
   public onInspectSnapshot(item: SnapshotHistoryViewModel): void {
     if (!this.id || !item.modified) return;
 
     this.connector
-      .retrieveSnapshotByModified(this.id, item.modified)
+      .retrieveSnapshotByModified(this.id, item.modified, {
+        format: ExportFormat.Workbench,
+        include: 'all',
+      })
       .pipe(take(1))
       .subscribe({
         next: snapshot => {
@@ -1444,9 +1462,12 @@ export class ReleaseTrackPageComponent implements OnInit {
     if (!this.id || !item.modified) return;
 
     this.connector
-      .exportSnapshotByModified(this.id, item.modified, ExportFormat.Bundle, {
-        include: 'all',
-      })
+      .exportSnapshotByModified(
+        this.id,
+        item.modified,
+        ExportFormat.Bundle,
+        this.getSnapshotExportOptions(item)
+      )
       .pipe(take(1))
       .subscribe({
         next: result => {
@@ -1760,7 +1781,10 @@ export class ReleaseTrackPageComponent implements OnInit {
     };
   }
 
-  private openReleasePreviewDialog(preview: any): void {
+  private openReleasePreviewDialog(
+    preview: any,
+    item?: SnapshotHistoryViewModel
+  ): void {
     const conflicts = this.getReleaseConflicts(preview);
 
     if (conflicts.length) {
@@ -1809,7 +1833,7 @@ export class ReleaseTrackPageComponent implements OnInit {
       data: {
         title: 'Preview & release',
         description:
-          'The release preview found no blocking conflicts. Choose a version bump to tag the latest draft snapshot.',
+          'The release preview found no blocking conflicts. Choose a version bump to tag the draft snapshot.',
         choices,
       },
     });
@@ -1819,16 +1843,22 @@ export class ReleaseTrackPageComponent implements OnInit {
       .pipe(take(1))
       .subscribe((type: 'major' | 'minor' | undefined) => {
         if (type !== 'major' && type !== 'minor') return;
-        this.bumpLatestRelease(type);
+        this.bumpRelease(type, item);
       });
   }
 
-  private bumpLatestRelease(type: 'major' | 'minor'): void {
+  private bumpRelease(
+    type: 'major' | 'minor',
+    item?: SnapshotHistoryViewModel
+  ): void {
     if (!this.id) return;
 
     this.isReleasing = true;
-    this.connector
-      .bumpByLatest(this.id, { type })
+    const release = item?.modified
+      ? this.connector.bumpByModified(this.id, item.modified, { type })
+      : this.connector.bumpByLatest(this.id, { type });
+
+    release
       .pipe(
         take(1),
         finalize(() => {
@@ -2058,6 +2088,16 @@ export class ReleaseTrackPageComponent implements OnInit {
     return `${safeName}-${snapshotName}-${format}.json`;
   }
 
+  private getSnapshotExportOptions(
+    item: SnapshotHistoryViewModel
+  ): Omit<ReleaseTrackSnapshotOptions, 'format'> | undefined {
+    if (item.isTagged || this.releaseTrack?.type === ReleaseTrackType.Virtual) {
+      return undefined;
+    }
+
+    return { include: 'staged' };
+  }
+
   private toIsoString(value: Date | string | undefined): string | undefined {
     if (!value) return undefined;
     return value instanceof Date ? value.toISOString() : value;

From 398396bb058b157a6808dc299d57db67eb978918 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Tue, 28 Jul 2026 14:52:03 -0400
Subject: [PATCH 131/190] chore: package updates

---
 package-lock.json | 1151 +++++++++++++++++++++++----------------------
 1 file changed, 587 insertions(+), 564 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 89fd695a6..a42a0fa44 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -174,14 +174,14 @@
       }
     },
     "node_modules/@angular-devkit/architect": {
-      "version": "0.2003.28",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2003.28.tgz",
-      "integrity": "sha512-1m5xewVT5TrT28lHKuh7dQBoSwx86Z/lUMyYmrQJcgPm0hdcprowc8CPr2MNi1+RoccnAbgPVcUpokmSqYZx4A==",
+      "version": "0.2003.32",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2003.32.tgz",
+      "integrity": "sha512-V5d531w97LENARKdYk5Km0F2rt8NPEL3rXUQk7+gbo9r/jgLWn9GU3VHQ30oBWXnU7Vu00Hdp/8yFeYgpWqSow==",
       "dev": true,
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "@angular-devkit/core": "20.3.28",
+        "@angular-devkit/core": "20.3.32",
         "rxjs": "7.8.2"
       },
       "engines": {
@@ -486,9 +486,9 @@
       }
     },
     "node_modules/@angular-devkit/core": {
-      "version": "20.3.28",
-      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-20.3.28.tgz",
-      "integrity": "sha512-WwC7lm+Im3YVTugPLjOoNgjoYlAHzsVLY60jB9euyq5BdF8xB0L0LyhYHVWjEfkdddAiKPrdbLaRu6dMBPSc/w==",
+      "version": "20.3.32",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-20.3.32.tgz",
+      "integrity": "sha512-pXipSsYP/XTEAljmwqgy1u3GR/ZzSMg1FERINekGT61Th1pGhzjs02rPgbyftqz2e5/tfQ6XgTP7xYzm3+S35Q==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -1926,9 +1926,9 @@
       }
     },
     "node_modules/@asamuzakjp/css-color/node_modules/lru-cache": {
-      "version": "11.5.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz",
-      "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==",
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -1950,9 +1950,9 @@
       }
     },
     "node_modules/@asamuzakjp/dom-selector/node_modules/lru-cache": {
-      "version": "11.5.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz",
-      "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==",
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -4035,9 +4035,9 @@
       }
     },
     "node_modules/@csstools/color-helpers": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.0.2.tgz",
-      "integrity": "sha512-LMGQLS9EuADloEFkcTBR3BwV/CGHV7zyDxVRtVDTwdI2Ca4it0CCVTT9wCkxSgokjE5Ho41hEPgb8OEUwoXr6Q==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.1.0.tgz",
+      "integrity": "sha512-064IFJdjTfUqnjpCVpMOdbr8FLQBhinbZj6yRv2An2E41O/pLEXqfFRWqGq/SxlE5PEUYTlvWsG2r8MswAVvkg==",
       "dev": true,
       "funding": [
         {
@@ -4055,9 +4055,9 @@
       }
     },
     "node_modules/@csstools/css-calc": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-3.2.1.tgz",
-      "integrity": "sha512-DtdHlgXh5ZkA43cwBcAm+huzgJiwx3ZTWVjBs94kwz2xKqSimDA3lBgCjphYgwgVUMWatSM0pDd8TILB1yrVVg==",
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-3.3.0.tgz",
+      "integrity": "sha512-c5ihYsPkdG6JCkU2zTMm4+k6r7RXuGxtWYhu5DHMIiF1FHzrfmHL5so11AoFpUv/tu61xfcmT4AmKoFfMPoqdQ==",
       "dev": true,
       "funding": [
         {
@@ -4079,9 +4079,9 @@
       }
     },
     "node_modules/@csstools/css-color-parser": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.1.3.tgz",
-      "integrity": "sha512-DOgvIPkikIOixQRlD4YF31VN6fLLUTdrzhfRbis8vm0kMTgIbEPX0Ip/YX9fOeV9iywAS4sUUbTclpan7yYP8Q==",
+      "version": "4.1.10",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.1.10.tgz",
+      "integrity": "sha512-UZhQLIUyJaaMepqehrCODwCg2KW25vFvLWBmqYFaPclYvvxzj/sG8LBOhBFCp11i9uE7t1EyS+RAoV9tztPFyw==",
       "dev": true,
       "funding": [
         {
@@ -4095,8 +4095,8 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "@csstools/color-helpers": "^6.0.2",
-        "@csstools/css-calc": "^3.2.1"
+        "@csstools/color-helpers": "^6.1.0",
+        "@csstools/css-calc": "^3.3.0"
       },
       "engines": {
         "node": ">=20.19.0"
@@ -4130,9 +4130,9 @@
       }
     },
     "node_modules/@csstools/css-syntax-patches-for-csstree": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.5.tgz",
-      "integrity": "sha512-oNjBvzLq2GPZtJphCjLqXow/cHySHSgtxvKZb7OqSZ/xHgw6NWNhfad+6AB9cLeVm6eA9d/qMll3JdEHjy6M+A==",
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.7.tgz",
+      "integrity": "sha512-fQ+05118eQS1cofO3aJpB5efgpBZMvIzwr/sbC8kDLVA5XLG8q1kJV5yzrUAI1f7lvhPnm8fgIjzFB8/O/5Dig==",
       "dev": true,
       "funding": [
         {
@@ -4636,9 +4636,9 @@
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
-      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.10.1.tgz",
+      "integrity": "sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4687,9 +4687,9 @@
       "license": "MIT"
     },
     "node_modules/@eslint/config-array/node_modules/brace-expansion": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
-      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
+      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4737,9 +4737,9 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
-      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.6.tgz",
+      "integrity": "sha512-l2Ul9PrHsPCKcEY/ac7VgFj9D80C7S68sOKc618SyHDPK36s1XcFebXY0iTzUVn4Yq+YbwvSnDmCz9yxjX+QrA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4749,7 +4749,7 @@
         "globals": "^14.0.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.1",
+        "js-yaml": "^4.3.0",
         "minimatch": "^3.1.5",
         "strip-json-comments": "^3.1.1"
       },
@@ -4785,9 +4785,9 @@
       "license": "MIT"
     },
     "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
-      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
+      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4826,9 +4826,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
-      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.5.tgz",
+      "integrity": "sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4952,9 +4952,9 @@
       "license": "MIT"
     },
     "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
-      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
+      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5019,9 +5019,9 @@
       "optional": true
     },
     "node_modules/@iconify/utils": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.3.tgz",
-      "integrity": "sha512-LPKOXPn/zV+zis1oOfGWogaXVpqUybF3ZS6SCZIsz8vg0ivVp9+fVqyYB7xq0aiST/VhUQYGO1qo6uoYSiEJqw==",
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/@iconify/utils/-/utils-3.1.4.tgz",
+      "integrity": "sha512-b1S7B1k9ohZ+iNTi2ATxbRYG9fTrJmUT0rc46bvVnNxqNRGW7dyo/vRREwyniI5IRN2RSJHDcm+s3BjWrSAjHw==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -5592,14 +5592,14 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-core": {
-      "version": "4.57.7",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-core/-/fs-core-4.57.7.tgz",
-      "integrity": "sha512-GDKuYHjP7vAI1kjBo73V+STKr9XIMZknW/xirpRW/EcShX0IKSev/ALafeRfC8Q331nodrXUFu04PugPB0MAhw==",
+      "version": "4.64.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-core/-/fs-core-4.64.0.tgz",
+      "integrity": "sha512-zs2TAq7Six5jgMuoMNjpspAvOP3mhtgq/k1UyQodEzCtQi/N83y2/y+zcvnZSGp/Rxq96DBN+bValOBQAyn/ew==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-node-builtins": "4.57.7",
-        "@jsonjoy.com/fs-node-utils": "4.57.7",
+        "@jsonjoy.com/fs-node-builtins": "4.64.0",
+        "@jsonjoy.com/fs-node-utils": "4.64.0",
         "thingies": "^2.5.0"
       },
       "engines": {
@@ -5614,15 +5614,15 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-fsa": {
-      "version": "4.57.7",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-fsa/-/fs-fsa-4.57.7.tgz",
-      "integrity": "sha512-1rWsah2nZtRbNeP+c61QcfGfVrJXBmBD0Hm7Akvv4C9MKEasXnbiOS//iH3T3HwUSSBATGrfSp0Xi8nlNhATeQ==",
+      "version": "4.64.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-fsa/-/fs-fsa-4.64.0.tgz",
+      "integrity": "sha512-nMWOVbkLFyEgmXZih3wyvxA9XpgyyqyfrINMHvEFqhi7uqfRl7c9ERJt6yX7vgMPrB9Uo+OJO+Spa0cFzPD01w==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-core": "4.57.7",
-        "@jsonjoy.com/fs-node-builtins": "4.57.7",
-        "@jsonjoy.com/fs-node-utils": "4.57.7",
+        "@jsonjoy.com/fs-core": "4.64.0",
+        "@jsonjoy.com/fs-node-builtins": "4.64.0",
+        "@jsonjoy.com/fs-node-utils": "4.64.0",
         "thingies": "^2.5.0"
       },
       "engines": {
@@ -5637,17 +5637,17 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node": {
-      "version": "4.57.7",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node/-/fs-node-4.57.7.tgz",
-      "integrity": "sha512-xhnyeyEVTiIOibFvda/5n89nChMLCPKHHM2WQ+GGDf6+U/IrQBW3Qx6x+Uq1bkDbxBkybLOdIGoBtVBrE8Nngg==",
+      "version": "4.64.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node/-/fs-node-4.64.0.tgz",
+      "integrity": "sha512-dO+NNkODbUli4uV42bcNrrLvq5rE7SNpdZ5TNd0dtbLsAaNK3MDiIC9lUi+brboGoIjW6vd2fB1qao60nrk5xA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-core": "4.57.7",
-        "@jsonjoy.com/fs-node-builtins": "4.57.7",
-        "@jsonjoy.com/fs-node-utils": "4.57.7",
-        "@jsonjoy.com/fs-print": "4.57.7",
-        "@jsonjoy.com/fs-snapshot": "4.57.7",
+        "@jsonjoy.com/fs-core": "4.64.0",
+        "@jsonjoy.com/fs-node-builtins": "4.64.0",
+        "@jsonjoy.com/fs-node-utils": "4.64.0",
+        "@jsonjoy.com/fs-print": "4.64.0",
+        "@jsonjoy.com/fs-snapshot": "4.64.0",
         "glob-to-regex.js": "^1.0.0",
         "thingies": "^2.5.0"
       },
@@ -5663,9 +5663,9 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node-builtins": {
-      "version": "4.57.7",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-builtins/-/fs-node-builtins-4.57.7.tgz",
-      "integrity": "sha512-LWqfY1m+uAosjwM1RrKhMkUnP9jcq1RUczHsNO779ovm1E9v8I/pmj04eBAcoBjhC7ltcPbNFGyRJ5JqSJ7Jdg==",
+      "version": "4.64.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-builtins/-/fs-node-builtins-4.64.0.tgz",
+      "integrity": "sha512-/o7WRFhUWaM/fOrslwLZGnzn4RmRILykn+lAL+mNObqqRNw+CQSiij6hpCeZ+C7buhdoVo7go/OYqzaSUfDYmA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -5680,15 +5680,15 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node-to-fsa": {
-      "version": "4.57.7",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-to-fsa/-/fs-node-to-fsa-4.57.7.tgz",
-      "integrity": "sha512-9T0zC9LKcAWXDoTLRdLMoJ0seOvJ5bgDKq1tSBoQAFQpPDstQUeV1Oe7PLypdu7F2D3ddRstmwgeNUEN/VaZ4Q==",
+      "version": "4.64.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-to-fsa/-/fs-node-to-fsa-4.64.0.tgz",
+      "integrity": "sha512-WDD9WVs0hb7UAEKTgZW2f66WDrbj7gIIWwpP3spbLyXa0rghtUaFTB8L4gdR3ZCWwiKIsj38/CNijpVmpnuPUw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-fsa": "4.57.7",
-        "@jsonjoy.com/fs-node-builtins": "4.57.7",
-        "@jsonjoy.com/fs-node-utils": "4.57.7"
+        "@jsonjoy.com/fs-fsa": "4.64.0",
+        "@jsonjoy.com/fs-node-builtins": "4.64.0",
+        "@jsonjoy.com/fs-node-utils": "4.64.0"
       },
       "engines": {
         "node": ">=10.0"
@@ -5702,13 +5702,14 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-node-utils": {
-      "version": "4.57.7",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-utils/-/fs-node-utils-4.57.7.tgz",
-      "integrity": "sha512-jjWSDOsfcog2cZnUCwX5AHmlIq6b6wx5Pz/2LAcNjJ62Rajwg89Fy7ubN+lDHew0/1reLDa9Z5urybYadhh37g==",
+      "version": "4.64.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-node-utils/-/fs-node-utils-4.64.0.tgz",
+      "integrity": "sha512-k5Indsx9hWW9xSF7Y6oSKKwtCUNhzZxadub3owhIlitc+iMRVlPPdX2duTKQWBL3qNWpXya8jykgaaWpheeS4w==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-node-builtins": "4.57.7"
+        "@jsonjoy.com/fs-node-builtins": "4.64.0",
+        "glob-to-regex.js": "^1.0.1"
       },
       "engines": {
         "node": ">=10.0"
@@ -5722,13 +5723,13 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-print": {
-      "version": "4.57.7",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-print/-/fs-print-4.57.7.tgz",
-      "integrity": "sha512-mFM4P4Gjq0QQHkLnXzPYPEMFrAoe6a5Myedgb6+CmL+nGd3MKvTxYPuD7N1dLIH9RBy1fLdzxd80qvuK8xrx3Q==",
+      "version": "4.64.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-print/-/fs-print-4.64.0.tgz",
+      "integrity": "sha512-PHZFccchvkhWrwPWHjmVAhbC3vSHCtyZvlZfJJ3ho2bnzl450hXri6/8e6pbkWdH+SkmLXNml0sV8e5HDAfxKw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-node-utils": "4.57.7",
+        "@jsonjoy.com/fs-node-utils": "4.64.0",
         "tree-dump": "^1.1.0"
       },
       "engines": {
@@ -5743,14 +5744,14 @@
       }
     },
     "node_modules/@jsonjoy.com/fs-snapshot": {
-      "version": "4.57.7",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-snapshot/-/fs-snapshot-4.57.7.tgz",
-      "integrity": "sha512-1GS3+plfm2giB3PqokiqyydyqYTPLcCQIKSkp0TdMNRh3KVk7rqRM6U785FLlVRG7XLmkc0KWr215OY+22K3QA==",
+      "version": "4.64.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/fs-snapshot/-/fs-snapshot-4.64.0.tgz",
+      "integrity": "sha512-oM7UDeL83q6NBzzsfKAsYKXKVXlykKFqqOLh4xZZKAzzROTlInkPbc6LTDGThEOnPiFiUzA7tYziHG9xavd76Q==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@jsonjoy.com/buffers": "^17.65.0",
-        "@jsonjoy.com/fs-node-utils": "4.57.7",
+        "@jsonjoy.com/fs-node-utils": "4.64.0",
         "@jsonjoy.com/json-pack": "^17.65.0",
         "@jsonjoy.com/util": "^17.65.0"
       },
@@ -6101,13 +6102,13 @@
       ]
     },
     "node_modules/@mermaid-js/parser": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.1.1.tgz",
-      "integrity": "sha512-VuHdsYMK1bT6X2JbcAaWAhugTRvRBRyuZgd+c22swUeI9g/ntaxF7CY7dYarhZovofCbUNO0G7JesfmNtjYOCw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.2.0.tgz",
+      "integrity": "sha512-oYPyv8A4As1yH5Bx+04iQEQxXuIQDe0GKCNSRgao6z8AM9jixXIfP0vsppRLvGf+nKIOb9/LdpWA4YuJiVvESA==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@chevrotain/types": "~11.1.1"
+        "@chevrotain/types": "~11.1.2"
       }
     },
     "node_modules/@mitre-attack/attack-data-model": {
@@ -6994,9 +6995,9 @@
       }
     },
     "node_modules/@octokit/request": {
-      "version": "10.0.10",
-      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-10.0.10.tgz",
-      "integrity": "sha512-KxNC2pTqqhszMNrf12ZRd4PonRgyJdsM4F/jySiddQK+DsRcfBtUvqn8t7UsyZhnRJHvX46OohDt5N3VqIWC2w==",
+      "version": "10.0.11",
+      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-10.0.11.tgz",
+      "integrity": "sha512-+s7HUxjfFqOMS9VlIwDffq0MikjSAK0gSpG73W+meAvVAvX4MBrHYTK5Bj3Uot55qFT4gzUtfzE4mGWY4Br8/Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7035,9 +7036,9 @@
       }
     },
     "node_modules/@parcel/watcher": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz",
-      "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.6.0.tgz",
+      "integrity": "sha512-7FNeNl8NCE7aINx7WXiKQrPYZWC/hvrTsmk6zmxbI7LTXE7hVek/n8AfVgpe2y82zl3w0HvCHN0bVKMBoJcC0w==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
@@ -7046,7 +7047,7 @@
         "detect-libc": "^2.0.3",
         "is-glob": "^4.0.3",
         "node-addon-api": "^7.0.0",
-        "picomatch": "^4.0.3"
+        "picomatch": "^4.0.4"
       },
       "engines": {
         "node": ">= 10.0.0"
@@ -7056,25 +7057,24 @@
         "url": "https://opencollective.com/parcel"
       },
       "optionalDependencies": {
-        "@parcel/watcher-android-arm64": "2.5.6",
-        "@parcel/watcher-darwin-arm64": "2.5.6",
-        "@parcel/watcher-darwin-x64": "2.5.6",
-        "@parcel/watcher-freebsd-x64": "2.5.6",
-        "@parcel/watcher-linux-arm-glibc": "2.5.6",
-        "@parcel/watcher-linux-arm-musl": "2.5.6",
-        "@parcel/watcher-linux-arm64-glibc": "2.5.6",
-        "@parcel/watcher-linux-arm64-musl": "2.5.6",
-        "@parcel/watcher-linux-x64-glibc": "2.5.6",
-        "@parcel/watcher-linux-x64-musl": "2.5.6",
-        "@parcel/watcher-win32-arm64": "2.5.6",
-        "@parcel/watcher-win32-ia32": "2.5.6",
-        "@parcel/watcher-win32-x64": "2.5.6"
+        "@parcel/watcher-android-arm64": "2.6.0",
+        "@parcel/watcher-darwin-arm64": "2.6.0",
+        "@parcel/watcher-darwin-x64": "2.6.0",
+        "@parcel/watcher-freebsd-x64": "2.6.0",
+        "@parcel/watcher-linux-arm-glibc": "2.6.0",
+        "@parcel/watcher-linux-arm-musl": "2.6.0",
+        "@parcel/watcher-linux-arm64-glibc": "2.6.0",
+        "@parcel/watcher-linux-arm64-musl": "2.6.0",
+        "@parcel/watcher-linux-x64-glibc": "2.6.0",
+        "@parcel/watcher-linux-x64-musl": "2.6.0",
+        "@parcel/watcher-win32-arm64": "2.6.0",
+        "@parcel/watcher-win32-x64": "2.6.0"
       }
     },
     "node_modules/@parcel/watcher-android-arm64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz",
-      "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.6.0.tgz",
+      "integrity": "sha512-trgpLSCKRC/huFjXX/Smh+0sWe4+YtKfktIToiMl59ghz7z+qkH6kMvNnUbLyRs9N11t8l4svSCs1+5B3rOAhA==",
       "cpu": [
         "arm64"
       ],
@@ -7093,9 +7093,9 @@
       }
     },
     "node_modules/@parcel/watcher-darwin-arm64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz",
-      "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.6.0.tgz",
+      "integrity": "sha512-Y3QV0gl7Q1zbfueunkWIERICbEojQFCgpyG7YqOGNFLsckXyI1xu9mAIUpKY9QBYzBtSkN8dBPwd3yiAO9ovMw==",
       "cpu": [
         "arm64"
       ],
@@ -7114,9 +7114,9 @@
       }
     },
     "node_modules/@parcel/watcher-darwin-x64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz",
-      "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.6.0.tgz",
+      "integrity": "sha512-Ohv6OpzhUfKYD7Beb8kDvG0jbIxORCYY1JRdZnaBtnjjkJxgD7ZVL0nw2sCYd0yTMKTvz3nnTnOF3cDifK+kvw==",
       "cpu": [
         "x64"
       ],
@@ -7135,9 +7135,9 @@
       }
     },
     "node_modules/@parcel/watcher-freebsd-x64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz",
-      "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.6.0.tgz",
+      "integrity": "sha512-5HmXvDgs8VK+74jF9y9/2FE3/OnlcKmc56tjmSrEuZjpSZOGL+fvAu+HKJBdPs9uwoP2hE6TlSUpXZ/C5jUFmQ==",
       "cpu": [
         "x64"
       ],
@@ -7156,9 +7156,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-arm-glibc": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz",
-      "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.6.0.tgz",
+      "integrity": "sha512-Ps/hui3A+vMbjdqlqAowK2ZL8+BO8dBjxeWXj6npTBs3jx4wWmbPpaLuqwrQrSqIVMCnpWo238bJ1U37GhQOYg==",
       "cpu": [
         "arm"
       ],
@@ -7177,9 +7177,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-arm-musl": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz",
-      "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.6.0.tgz",
+      "integrity": "sha512-9c6AUHgHoG+IY88MRIHupztQiQnrbqHYQjkM2btA+Bf/wQnQMuiD0Wfk1EVv3TlNT3x41uU71rn6E4xh/+zvkw==",
       "cpu": [
         "arm"
       ],
@@ -7198,9 +7198,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-arm64-glibc": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz",
-      "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.6.0.tgz",
+      "integrity": "sha512-yHRqS2owEXe6Hic9z6Mh1ECsCd+ODVOGvZDyciqRd21+v+o+DnXMOrw50DSpIG2sb8GPEaPPmfeCAWKPJdq46g==",
       "cpu": [
         "arm64"
       ],
@@ -7219,9 +7219,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-arm64-musl": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz",
-      "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.6.0.tgz",
+      "integrity": "sha512-WhB2e/V7rqdHHWZusBSPuy5Ei8S6lSz6FE5TKKQz5h3a0O+C+mhY7vxU9b/stqvMb8beLnPY82ZrFTLKs+SrKA==",
       "cpu": [
         "arm64"
       ],
@@ -7240,9 +7240,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-x64-glibc": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz",
-      "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.6.0.tgz",
+      "integrity": "sha512-ulGE6x6Oz6iAwg75T8YQSoguBWasniIbX+QWpaYPcCnDOpdWX3k+4xbEYPZVLxOuoJI+svJJPD3sEj8G7lrQ3A==",
       "cpu": [
         "x64"
       ],
@@ -7261,9 +7261,9 @@
       }
     },
     "node_modules/@parcel/watcher-linux-x64-musl": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz",
-      "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.6.0.tgz",
+      "integrity": "sha512-tkBYKt7YQrjIJWYDnto2YgO8MRkjlMTSNoRHzsXinBqbLdeOM3L32wPZJvIZxqaLMfSlS/4sUjH/6STVP/XDLw==",
       "cpu": [
         "x64"
       ],
@@ -7282,9 +7282,9 @@
       }
     },
     "node_modules/@parcel/watcher-win32-arm64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz",
-      "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.6.0.tgz",
+      "integrity": "sha512-gIZAP23jaHjGWasY/TY6yL7NHFClf0Ga7FN+iINvk+KN94rhm94lYZhFsbYFNcA04/onvGD9kKmiJLJB2HbNwQ==",
       "cpu": [
         "arm64"
       ],
@@ -7302,31 +7302,10 @@
         "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/@parcel/watcher-win32-ia32": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz",
-      "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/parcel"
-      }
-    },
     "node_modules/@parcel/watcher-win32-x64": {
-      "version": "2.5.6",
-      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz",
-      "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.6.0.tgz",
+      "integrity": "sha512-cA+/pXV2YkfxlIcXOQ5fSWqAzzPyD78/x5qbK/I0vUkrlYHA8TIz+MXjAbGouguKVSI4bOmkTSJ1/poVSsgt+A==",
       "cpu": [
         "x64"
       ],
@@ -7884,9 +7863,9 @@
       }
     },
     "node_modules/@semantic-release/github": {
-      "version": "12.0.8",
-      "resolved": "https://registry.npmjs.org/@semantic-release/github/-/github-12.0.8.tgz",
-      "integrity": "sha512-tej5AAgK5X9wHRoDmYhecMXEHEkFeGOY1XsEblKxu8pIQwahzf1STYyr7iPU6Lpbg6C5I3N2w/ocXrBo+L7jhw==",
+      "version": "12.0.9",
+      "resolved": "https://registry.npmjs.org/@semantic-release/github/-/github-12.0.9.tgz",
+      "integrity": "sha512-ODIqb0V3QqndipryEEiaBxUQCFjvv7Oese5Dt4omMGa60YRNEW0Sx3K+zri0uac2Y6S9nOlMehciWIzvvRCTGQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7982,9 +7961,9 @@
       }
     },
     "node_modules/@semantic-release/github/node_modules/undici": {
-      "version": "7.27.2",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-7.27.2.tgz",
-      "integrity": "sha512-uZsKNuzQxDMUY6M3pIMvy5tvlGmtq8XJ2oLAkfRKGNu+1VQAIvLy2xIVG5ATZl5wDXl/tddByAWCizRbOme+TA==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.29.0.tgz",
+      "integrity": "sha512-IDxfleLmmbSskfWSUATiN1nfn2rDuvnMOqb5CWR92iIfojA0Ud+ulOAAEQ57LPr9rWmsreUyf5lwyao+7GNNVw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8194,9 +8173,9 @@
       }
     },
     "node_modules/@semantic-release/npm/node_modules/undici": {
-      "version": "6.26.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-6.26.0.tgz",
-      "integrity": "sha512-4yqz8a3n5HmGTlsbADNtr/dJlhkh/55Rq798G6ibiULcXbDtaLpTl1pvdqcbFfeoj3iSi52lePFM7h9H21cw/A==",
+      "version": "6.28.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-6.28.0.tgz",
+      "integrity": "sha512-LIY910g9TI13YS95lrMFrs8Rm/u/irgHeTWoKCoteeJ04CUJ92eEfj0rVn+7VKMPBpUPiUoBKfhNyLI23EE/KA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8453,9 +8432,9 @@
       }
     },
     "node_modules/@sinclair/typebox": {
-      "version": "0.27.10",
-      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.10.tgz",
-      "integrity": "sha512-MTBk/3jGLNB2tVxv6uLlFh1iu64iYOQ2PbdOSK3NW8JZsmlaOh2q6sdtKowBhfw8QFLmYNzTW4/oK4uATIi6ZA==",
+      "version": "0.27.12",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.12.tgz",
+      "integrity": "sha512-hhyNJ+nbR6ZR7pToHvllEFun9TL0sbL+tk/ON75lo+Xas054uez98qRbsuNt7MBCyZKK4+8Yli/OAGZhmfBZ/g==",
       "dev": true,
       "license": "MIT"
     },
@@ -8506,9 +8485,9 @@
       "license": "MIT"
     },
     "node_modules/@ts-morph/common/node_modules/brace-expansion": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.1.tgz",
-      "integrity": "sha512-WR1cURNjuvBLMZBMbqM0UoE+WAfdUcEV1ccD8PVBVOI+Z3ND4+SZbN8RsfT2bMuG1qwz5RFvPukSZm5fF2D5eA==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.3.tgz",
+      "integrity": "sha512-DRdx5neNsG/QXbniLFWi2YmC/68oeOOmKz6zOjVk6ZS1ZLXgLIKqVEc6hWsmkjBbgii0SwaBTcJ5XKj5gzY/4A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8607,9 +8586,9 @@
       "license": "MIT"
     },
     "node_modules/@tufjs/models/node_modules/brace-expansion": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.1.tgz",
-      "integrity": "sha512-WR1cURNjuvBLMZBMbqM0UoE+WAfdUcEV1ccD8PVBVOI+Z3ND4+SZbN8RsfT2bMuG1qwz5RFvPukSZm5fF2D5eA==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.3.tgz",
+      "integrity": "sha512-DRdx5neNsG/QXbniLFWi2YmC/68oeOOmKz6zOjVk6ZS1ZLXgLIKqVEc6hWsmkjBbgii0SwaBTcJ5XKj5gzY/4A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8887,9 +8866,9 @@
       "optional": true
     },
     "node_modules/@types/d3-random": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz",
-      "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.4.tgz",
+      "integrity": "sha512-UHYId5WTCx4L4YNel7NU00XUXXgvgpgZOvp10PuvsQENjMDXhh2RyFc0KBjO7B45ne4Ha1yVH7ii0vnzKkuzWA==",
       "license": "MIT",
       "optional": true
     },
@@ -9019,9 +8998,9 @@
       }
     },
     "node_modules/@types/express-serve-static-core": {
-      "version": "4.19.8",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.8.tgz",
-      "integrity": "sha512-02S5fmqeoKzVZCHPZid4b8JH2eM5HzQLZWN2FohQEy/0eXTq8VXZfSN6Pcr3F6N9R/vNrj7cpgbhjie6m/1tCA==",
+      "version": "4.19.9",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.9.tgz",
+      "integrity": "sha512-QP2ESEe/ImWY0HDwNAnK9PvEffUyhLTnWkk7KXzHfyeWAnlrDe1fN77bXl6ia8KT3wPlmA7t9/VPRpnf4Ex9sg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9212,17 +9191,17 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.61.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.61.0.tgz",
-      "integrity": "sha512-bFNvl9ZczlVb+wR2Akszf3gHfKVj/8WanXaGJ3UstTA7brNKg0cNdk6X1Psu5V7MZ2oQtzZKOEzIUehaoxbDGw==",
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.65.0.tgz",
+      "integrity": "sha512-IEgob78X12rHpUmtcwFsXhZdVGJtwTVP8FiCLZkR6GlYVrl2PcuB+KhCE5BlVC/eQpQnu8WXRtkHZuPar+gCRA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.61.0",
-        "@typescript-eslint/type-utils": "8.61.0",
-        "@typescript-eslint/utils": "8.61.0",
-        "@typescript-eslint/visitor-keys": "8.61.0",
+        "@typescript-eslint/scope-manager": "8.65.0",
+        "@typescript-eslint/type-utils": "8.65.0",
+        "@typescript-eslint/utils": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
         "ts-api-utils": "^2.5.0"
@@ -9235,22 +9214,22 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.61.0",
+        "@typescript-eslint/parser": "^8.65.0",
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.61.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.61.0.tgz",
-      "integrity": "sha512-5B7PfA2e1NQGCnDHd/0lW7W3gvp3d59Ryw54FYO8Uswxo9f6ikw3AZV+Xj/TvpImmpsiYyUqAfhC6kJID1jF6w==",
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.65.0.tgz",
+      "integrity": "sha512-CZ4nMxWwgu1HEEFNkeaCptra9QCtkmKdgf3sWh1rl1trIhmxLilgTV4cwcbQ4wemnT4sWQN8CaKOmdYx+g2gMA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.61.0",
-        "@typescript-eslint/types": "8.61.0",
-        "@typescript-eslint/typescript-estree": "8.61.0",
-        "@typescript-eslint/visitor-keys": "8.61.0",
+        "@typescript-eslint/scope-manager": "8.65.0",
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -9266,14 +9245,14 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.61.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.61.0.tgz",
-      "integrity": "sha512-DV42F7MLJO6Rax7SK1yg43tcnEfGUrurSpSxKuVX+a3RCTzBlH3fuxprrOJXKCJGAaw82xXocikJ0uQaqwXgGA==",
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.65.0.tgz",
+      "integrity": "sha512-SxnPhbTsGahizDgbu7oqFH/xVtzIqMd/s+WtnSxNxJZJpLbdT5IPdzg8EZxO3+PoKahXmwJLeNQOpKJb3/bi7Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.61.0",
-        "@typescript-eslint/types": "^8.61.0",
+        "@typescript-eslint/tsconfig-utils": "^8.65.0",
+        "@typescript-eslint/types": "^8.65.0",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -9288,14 +9267,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.61.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.61.0.tgz",
-      "integrity": "sha512-IWdXFHFSb6mlC3HPc7QsLDm5zYEbUla6trDEHf32D3/dnuUyXd87plScSNXSbm0/RxMvObpI17sv/EDTGrGZkA==",
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.65.0.tgz",
+      "integrity": "sha512-Esbl8OSYiVxBokYgWPf7VVWg/BE798wXhimnn9ML9Pt5qoDf8bfQlgjlKXR/k98+AcNzlLKYrpCcrcuZ9DZLgg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.61.0",
-        "@typescript-eslint/visitor-keys": "8.61.0"
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -9306,9 +9285,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.61.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.61.0.tgz",
-      "integrity": "sha512-O5Amvdv9ztMpxpf+vmFULGG78IE6Qwdr3bCGvqwG4nwc9H2qXkOYJJnRbRHyMkQTjv1d03olqwwwzHLMqpFePQ==",
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.65.0.tgz",
+      "integrity": "sha512-j6GzGqCiRdA7Qhur2VVmKZAkBLfnHFQfx4TaJGL9RMveZqCo48jSHHO0DTgizEnGhtWnqmbtCUSrqSkdiY/0Hg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -9323,15 +9302,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.61.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.61.0.tgz",
-      "integrity": "sha512-TuBiQYIkd97yBfInHCTKVYMbX4kvEmpOEuixIuzCU9p8BGT1SfyyO0d0IfDMbPIHcjn/hWnusUX5e8v5Xg+X8A==",
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.65.0.tgz",
+      "integrity": "sha512-YjaZ7PRI5qY7ax2L3PbvX0rRyGtipAReCWs0mhhDBHjH/vl0g0BonaGXrKdKpMbIIsMIwDgbk/xzkBTyAltS5g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.61.0",
-        "@typescript-eslint/typescript-estree": "8.61.0",
-        "@typescript-eslint/utils": "8.61.0",
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0",
+        "@typescript-eslint/utils": "8.65.0",
         "debug": "^4.4.3",
         "ts-api-utils": "^2.5.0"
       },
@@ -9348,9 +9327,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.61.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.61.0.tgz",
-      "integrity": "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg==",
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.65.0.tgz",
+      "integrity": "sha512-JSSwWNy+H0E/01jJEM+hrX6N0OFDzFzeIhHFSAS01tlVaevpG8cFyYRPhS5yjGOvBUx3sqQHVMjCL1CAZZMxBg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -9362,16 +9341,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.61.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.61.0.tgz",
-      "integrity": "sha512-42zatd5qSvvcV1JdDBCLxYRznvP4eIHpPoZXdkPFnAmanA4FuZ5dibSnCBggY8hQnqajPpoGjXFdZ7fIJKQnlA==",
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.65.0.tgz",
+      "integrity": "sha512-JboAE2swaYt4tb1fHhHTABE2K+OLy09XfcTbhnk4Pw96f9dd2e9iYsJ28gBggHlo5z5x1rkyWvcPoTuNTd4oGg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.61.0",
-        "@typescript-eslint/tsconfig-utils": "8.61.0",
-        "@typescript-eslint/types": "8.61.0",
-        "@typescript-eslint/visitor-keys": "8.61.0",
+        "@typescript-eslint/project-service": "8.65.0",
+        "@typescript-eslint/tsconfig-utils": "8.65.0",
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/visitor-keys": "8.65.0",
         "debug": "^4.4.3",
         "minimatch": "^10.2.2",
         "semver": "^7.7.3",
@@ -9390,9 +9369,9 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
-      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -9403,16 +9382,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.61.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.61.0.tgz",
-      "integrity": "sha512-3bzFt7ImFMW/jVYwJamDoe/dMOdFLSC6pom6rRjdh4SZJEYupyMzem8e7vKZLclLfpHjlwSAXOUxtKxGXUiLqA==",
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.65.0.tgz",
+      "integrity": "sha512-gXiwIHsYreboxeJucHKPvgwl7dXt50mF8s1/c00cP/WoVTyWKFdtfhRWwZiXYFU5H2O8vVoSLNrexFZjYS/SGA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.61.0",
-        "@typescript-eslint/types": "8.61.0",
-        "@typescript-eslint/typescript-estree": "8.61.0"
+        "@typescript-eslint/scope-manager": "8.65.0",
+        "@typescript-eslint/types": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -9427,13 +9406,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.61.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.61.0.tgz",
-      "integrity": "sha512-QVLZu3ZPQEE+HICQyAMZ2yLQhxf0meY/wx6Hx14YcTNj13JB3qHlX3lJ02L3fLGHgERRH71kvYDwiXIguT3AjQ==",
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.65.0.tgz",
+      "integrity": "sha512-8C71BQkGjiMmXtop7pHVJu1l2NNShFdkCyD6a2ezzs5vU/L3LRtb69EtcteFwz0mYMPzIgOw0n6OV4VBUWZd7A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.61.0",
+        "@typescript-eslint/types": "8.65.0",
         "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
@@ -9458,9 +9437,9 @@
       }
     },
     "node_modules/@ungap/structured-clone": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.1.tgz",
-      "integrity": "sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.3.tgz",
+      "integrity": "sha512-60YRaenCQcVjYEKOcG824+DRGGIQ3VKErcBoAEDJZz5bKIs2ZG+X/H9Nk+Q6EVkwJk5QNApxbrc5QtBSwtrXAg==",
       "dev": true,
       "license": "ISC"
     },
@@ -9489,9 +9468,9 @@
       }
     },
     "node_modules/@vitest/coverage-v8": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-3.2.6.tgz",
-      "integrity": "sha512-LsAdmUapA0qSN306d8+zOyawM0hFm2m2Hg9IwVNIKBm+qJV8cijiq2c+gxKZcB1HCfIWAy+0qEZDCUQA58A1cw==",
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-3.2.7.tgz",
+      "integrity": "sha512-NEGWJS2XNu2PfRLQwOO3CTKj1tTETxNBdk454vDxVBhxJYhPaA/eS0nAI0c+1El1P7a60z8+i+ZrQoGESweGKg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9513,8 +9492,8 @@
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
-        "@vitest/browser": "3.2.6",
-        "vitest": "3.2.6"
+        "@vitest/browser": "3.2.7",
+        "vitest": "3.2.7"
       },
       "peerDependenciesMeta": {
         "@vitest/browser": {
@@ -9523,15 +9502,15 @@
       }
     },
     "node_modules/@vitest/expect": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.2.6.tgz",
-      "integrity": "sha512-1+7q9BtaKzEmO+fmNT3kYvoNn5Y71XWAx2Q5HRim4tTVRQVRv4uJFAQ5FbK0OPUeNP/WmVCpxYxoJdvuHVjzBQ==",
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.2.7.tgz",
+      "integrity": "sha512-E8eBXaKibuvH2pSZErOjdVb5vF4PbKYcrnluBTYxEk1l/VhhwZg1kZQsdtjq+CsF5CFydf2Rdkz7jDHKSisi3w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/chai": "^5.2.2",
-        "@vitest/spy": "3.2.6",
-        "@vitest/utils": "3.2.6",
+        "@vitest/spy": "3.2.7",
+        "@vitest/utils": "3.2.7",
         "chai": "^5.2.0",
         "tinyrainbow": "^2.0.0"
       },
@@ -9540,13 +9519,13 @@
       }
     },
     "node_modules/@vitest/mocker": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.2.6.tgz",
-      "integrity": "sha512-EZOrpDbkKotFAP7wPAQV1UIyoGOk4oX7ynWhBhLB7v+meMHbQhU16oPpIYGTTe4oFlhpryGpgpcZP/sin3hYuw==",
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.2.7.tgz",
+      "integrity": "sha512-Trr0hYO9CM3Wj6ksWHRhK9IZpIY6wTMO5u/MqXurMxT57sWBaOPEtP3Oq60ihZuh5JsiagKfz95OcxdEP6dBrA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/spy": "3.2.6",
+        "@vitest/spy": "3.2.7",
         "estree-walker": "^3.0.3",
         "magic-string": "^0.30.17"
       },
@@ -9567,9 +9546,9 @@
       }
     },
     "node_modules/@vitest/pretty-format": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.2.6.tgz",
-      "integrity": "sha512-lb7XXXzmm2h2ASzFnRvQpDo6onT1NmMJA3tkGTWiBFtRJ9lxGY3d3mm/Apt36gej2bkkOVLL/yTOtufDaFa/jA==",
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.2.7.tgz",
+      "integrity": "sha512-KUHlwqVu0sRlhCdyPdQ/wBoTfRahjUky1MubOmYw9fWfIZy1gNoHpuaaQBPAaMaVYdQYHJLurzj8ECCj5OwTqA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9580,13 +9559,13 @@
       }
     },
     "node_modules/@vitest/runner": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.2.6.tgz",
-      "integrity": "sha512-HYcoSj1w5tcgUnzoF0HcyaAQjpA1gj9ftUJ7iSJSuipc02jW9gKkigwZbjFldAfYHA1fa8UZVRftdMY5msWM9Q==",
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.2.7.tgz",
+      "integrity": "sha512-sB9y4ovltoQP+WaUPwmSxO9WIg9Ig694Di5PalVPsYHklAdE027mehpWF2SQSVq+k6sFgaivbTjTJwZLSHbedA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/utils": "3.2.6",
+        "@vitest/utils": "3.2.7",
         "pathe": "^2.0.3",
         "strip-literal": "^3.0.0"
       },
@@ -9595,13 +9574,13 @@
       }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.2.6.tgz",
-      "integrity": "sha512-H+ZjNTWGpObenh0YnlBctAPnJSI20P81PL8BPzWpx54YXLLTm8hEsWawtcYLMrwvpK48hGxLLbCS+1KRXhsKhw==",
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.2.7.tgz",
+      "integrity": "sha512-7C+MwShwtBSI5Buwoyg3s/iY1eHL9PKAf+O1wVh/TdnjXUtkoL/9YQtre90i4MtNXM6edP1wJ2zOBpfCyhIS7g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "3.2.6",
+        "@vitest/pretty-format": "3.2.7",
         "magic-string": "^0.30.17",
         "pathe": "^2.0.3"
       },
@@ -9610,9 +9589,9 @@
       }
     },
     "node_modules/@vitest/spy": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.2.6.tgz",
-      "integrity": "sha512-oq6BbH68WzcWmwtBrU9nqLeaXTR4XwJF7FSLkKEZo4i6eoXcrxjcwSuTvWBIRUTC6VC72nXYunzqgZA+IKdtxg==",
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.2.7.tgz",
+      "integrity": "sha512-Q2eQGI6d2L/hBtZ0qNuKcAGid68XK6cv1xsoaIma6PaJhHPoqcEJhYpXZ/5myCMqkNgtP6UKuBhbc0nHKnrkuQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9623,13 +9602,13 @@
       }
     },
     "node_modules/@vitest/ui": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-3.2.6.tgz",
-      "integrity": "sha512-mATfG3zVdhobE9U1rIpvtYD3DGuSSxqZ3Aj/8ityGqKXy8YDJ9BoAjZmAz6dZ1IZ1xI5V+MerkCczvVa+3QK9Q==",
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-3.2.7.tgz",
+      "integrity": "sha512-eVtcpJXGhS0GjMuHROfbXLhlxooyUcuip8GNzzjDD5jzafZqzanJH4W3VGmUxHNx4fv6qQGUGJHRpGUdj+9D6Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/utils": "3.2.6",
+        "@vitest/utils": "3.2.7",
         "fflate": "^0.8.2",
         "flatted": "^3.3.3",
         "pathe": "^2.0.3",
@@ -9641,17 +9620,17 @@
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
-        "vitest": "3.2.6"
+        "vitest": "3.2.7"
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.2.6.tgz",
-      "integrity": "sha512-lI23nIs4bnT3T8NIoh+vFaz5s2/DdP0Jgt2jxwgWljvwn82cLJtyi/If+fjFyoLMGIOz0U/fKvWE0d4jsNQEfg==",
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.2.7.tgz",
+      "integrity": "sha512-x6BDOd7dyo3PFLY3I9/HJ25X/6OurhGXk2/B9gOZNPF7XDVjeBK4k01lQE5uvDpbuheErh91qYuE1E2OEjK3Rw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "3.2.6",
+        "@vitest/pretty-format": "3.2.7",
         "loupe": "^3.1.4",
         "tinyrainbow": "^2.0.0"
       },
@@ -9876,9 +9855,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.17.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.17.0.tgz",
-      "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.18.0.tgz",
+      "integrity": "sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -10369,9 +10348,9 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.17.0",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.17.0.tgz",
-      "integrity": "sha512-J8SwNxprqqpbfenehxWYXE7CW+wM1BB4w3+N+g+/Wx40xM4rsLrfPmHHxSWIxJLYDgSY/HqlFPIYb2/S3rxafw==",
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.18.1.tgz",
+      "integrity": "sha512-3nTvFlvpn9Zu/RkHUqtc7/+al4UpRW5az71ap5zccp6e8RAYEzhMTecX8Dz1wWDYrPpUoB1HAQEGEAEvUr7S9g==",
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.16.0",
@@ -10517,9 +10496,9 @@
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.10.36",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.36.tgz",
-      "integrity": "sha512-lVq/Df7LXlO79MVaaUHztSwWiG9oXoWHlgvNS51v8Dpd4+G4/VIy6qYePTw31nAVls33nUtnfezYeLkYAak9dg==",
+      "version": "2.11.6",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.6.tgz",
+      "integrity": "sha512-69D/imtToCsIcAl8WBS2YaRwA4jO/j0HhU+hELqMEu9f54MoUtI6+XH5mrKU8rEFNEk/Ui1I2MK4/JkWacclGw==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -10609,9 +10588,9 @@
       }
     },
     "node_modules/body-parser": {
-      "version": "1.20.5",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.5.tgz",
-      "integrity": "sha512-3grm+/2tUOvu2cjJkvsIxrv/wVpfXQW4PsQHYm7yk4vfpu7Ekl6nEsYBoJUL6qDwZUx8wUhQ8tR2qz+ad9c9OA==",
+      "version": "1.20.6",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.6.tgz",
+      "integrity": "sha512-p5tAzS57i5MV9fZFDj9LeIiTZEufbSe2eDozP+ElheSUq1m74CRq1jI4mYNDdVs9vQztXFLuk/Gd6BWTdwRJ5g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -10674,9 +10653,9 @@
       "license": "MIT"
     },
     "node_modules/bonjour-service": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.4.1.tgz",
-      "integrity": "sha512-9KM4QMPKnaJqaja1v7gYO/+TXZGLtzPA05NmUTqDAJjcsWeVoOXKMvU9g0gfuuoYTQqJZ924hivICd5R/bCJbA==",
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.4.4.tgz",
+      "integrity": "sha512-jCZcVv7eoc4QesRscwEZtSROBen+6LpKAmBIsQYQrsAeVHLyMXWX/t6eIV5KiRZYNUBl8eVqImEEMQ8L5+c/Kw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -10699,16 +10678,16 @@
       "license": "MIT"
     },
     "node_modules/brace-expansion": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
-      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.8.tgz",
+      "integrity": "sha512-JZyDyq3D4AUifKTPOB7DELf6XsB3WdPuNxCtob1vFXPsSXhdAiHBWJ/tJ8HAc9aH84BK+5JFZLNkJKx3G9kzQg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^4.0.2"
       },
       "engines": {
-        "node": "18 || 20 || >=22"
+        "node": "20 || >=22"
       }
     },
     "node_modules/braces": {
@@ -10725,9 +10704,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.28.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
-      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "version": "4.28.7",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.7.tgz",
+      "integrity": "sha512-JxV13hNrFxqjOc8alRbq9dK1MM79NEXYpma2B2J4wAtpWS5zIEIKqWPGCl7N4o7Uc7B7itylh7SuDujATRyyTw==",
       "dev": true,
       "funding": [
         {
@@ -10745,10 +10724,10 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "baseline-browser-mapping": "^2.10.12",
-        "caniuse-lite": "^1.0.30001782",
-        "electron-to-chromium": "^1.5.328",
-        "node-releases": "^2.0.36",
+        "baseline-browser-mapping": "^2.10.44",
+        "caniuse-lite": "^1.0.30001806",
+        "electron-to-chromium": "^1.5.393",
+        "node-releases": "^2.0.51",
         "update-browserslist-db": "^1.2.3"
       },
       "bin": {
@@ -10879,9 +10858,9 @@
       "license": "ISC"
     },
     "node_modules/cacache/node_modules/tar": {
-      "version": "7.5.16",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.16.tgz",
-      "integrity": "sha512-56adEpPMouktRlBLXiaYFFzZ/3+JXa8P9n7WbR+ibIjtviN55mEaOkiysCnPnWm+7kkui1Dn8J9l+g6zV8731w==",
+      "version": "7.5.22",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.22.tgz",
+      "integrity": "sha512-MFO/QzvtAOmJbkhOaCTvbGcFN9L9b+JunIsDwaKljSOdcLMea3NJ1k9Usz/rjdfSXTq4dfzfeS7W4p4YOAAHeA==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -10946,9 +10925,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001799",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001799.tgz",
-      "integrity": "sha512-hG1bReV+OUU+MOqK4t/ZWI0tZOyz3rqS9XuhOUz1cIcbwBKjOyJEJuw9ER5JuNyqxNk8u/JUVbGibBOL1yrjFw==",
+      "version": "1.0.30001806",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001806.tgz",
+      "integrity": "sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==",
       "dev": true,
       "funding": [
         {
@@ -11024,9 +11003,9 @@
       }
     },
     "node_modules/chardet": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.1.1.tgz",
-      "integrity": "sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.2.0.tgz",
+      "integrity": "sha512-rddelWYNPRrXq6PtNEN2S3f6t9ILzvqaN5pVgi4kqt9jHQaXIial9PznB5iSPVlQSLNaaH22ItWz3EJtQ10+OA==",
       "dev": true,
       "license": "MIT"
     },
@@ -11236,9 +11215,9 @@
       }
     },
     "node_modules/cli-highlight/node_modules/yargs": {
-      "version": "16.2.0",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
-      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.2.tgz",
+      "integrity": "sha512-Nt9ZJjXTv5R8MHbqby/wXQ6Gi0Bb3TcYZkR1bzuL4yB2OxWPkXknz513gEF0GoA6tn00UpbPvERW8rzCuWCA6w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -12277,9 +12256,9 @@
       }
     },
     "node_modules/cssstyle/node_modules/lru-cache": {
-      "version": "11.5.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz",
-      "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==",
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -13177,9 +13156,9 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.4.10",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.10.tgz",
-      "integrity": "sha512-0xzNv0e7oYC6yyuOGZIABPM4qtg3QxLFniDNPP4ZP90wR8Yq3zgwpRbrNiT4N3IKqDbbYFEJLV+JWEs19aZ//w==",
+      "version": "3.4.12",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.12.tgz",
+      "integrity": "sha512-zQvGet8Z2sWbQhCmfFz/T5QWH2oBmjnqK3qvOjaqaNLrLEF912WamU+ohnTp0TCep/MFVHpdJuCZEdFOdTnEFg==",
       "license": "(MPL-2.0 OR Apache-2.0)",
       "optional": true,
       "optionalDependencies": {
@@ -13292,9 +13271,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.372",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.372.tgz",
-      "integrity": "sha512-M3yhbAlilnwqC8D21t28UCDGHyitShTmmLRU/H+b74P6Ski16Nb9HONYEaVpMj/pwC7BEo5B95FpjODLCWbtfA==",
+      "version": "1.5.397",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.397.tgz",
+      "integrity": "sha512-khGTy9U9x02KEtsKM8vx5A62BsRmcOsIgDpWr1ImE32Ax8GxHGPHZf+Eu9H8zOOyHJnB0jTbseyTHbq2XCT8yw==",
       "dev": true,
       "license": "ISC"
     },
@@ -13375,9 +13354,9 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.24.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.24.0.tgz",
-      "integrity": "sha512-SkE2t82KlkkxQRVMVLAGKxLfORGQfrkx5dkj+vlgXRVNEdPc4eZcR+J/Fvj8C+yKSFH5L0q3NFlyufOVQnCcYQ==",
+      "version": "5.24.4",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.24.4.tgz",
+      "integrity": "sha512-GVoi+ICHocoOIU7qVVM48wOJziRsqrsyqlI0Ce0LdowRn6v3bcH2zUa9kp85ncx0nwIb9/HOCOLS3fdThDG/XQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -13653,14 +13632,15 @@
       }
     },
     "node_modules/es-toolkit": {
-      "version": "1.47.1",
-      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.47.1.tgz",
-      "integrity": "sha512-5RAqEwf4P4E17p+W75KLOWw/nOvKZzSQpxM32IpI2KZLaVonjTrZ0Ai5ghMaVI9eKC2p8eoQgcBdkEDgzFk6+Q==",
+      "version": "1.50.0",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.50.0.tgz",
+      "integrity": "sha512-OyZKhUVvEep9ITEiwHn8GKnMRQIVqoSIX7WnRbkWgJkllCujilqP2rD0u979tkl8wqyc8ICwlc1UBVv/Sl1G6w==",
       "devOptional": true,
       "license": "MIT",
       "workspaces": [
         "docs",
-        "benchmarks"
+        "benchmarks",
+        "tests/types"
       ]
     },
     "node_modules/esbuild": {
@@ -13824,9 +13804,9 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
-      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
+      "version": "9.39.5",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.5.tgz",
+      "integrity": "sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -13835,8 +13815,8 @@
         "@eslint/config-array": "^0.21.2",
         "@eslint/config-helpers": "^0.4.2",
         "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.5",
-        "@eslint/js": "9.39.4",
+        "@eslint/eslintrc": "^3.3.6",
+        "@eslint/js": "9.39.5",
         "@eslint/plugin-kit": "^0.4.1",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
@@ -14001,9 +13981,9 @@
       "license": "MIT"
     },
     "node_modules/eslint/node_modules/brace-expansion": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
-      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
+      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14215,9 +14195,9 @@
       "license": "ISC"
     },
     "node_modules/expect-type": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz",
-      "integrity": "sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz",
+      "integrity": "sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -14305,6 +14285,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/express/node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -14364,9 +14354,9 @@
       "license": "MIT"
     },
     "node_modules/fast-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz",
-      "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==",
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.4.tgz",
+      "integrity": "sha512-8JnbkQ4juDyvYs4mgFGQqg4yCYtFDtUtmp2QIQq11ZZe5CFQ5wcqm1rqDgAh/QdMySuBnPzMUiJUNZG5N/AiQw==",
       "dev": true,
       "funding": [
         {
@@ -14615,9 +14605,9 @@
       }
     },
     "node_modules/flatted": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
-      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.3.tgz",
+      "integrity": "sha512-/zipXxyO6rGvuNGDiULY9MvEGSkb2gaG4GGH4ygMi0ZZzyMHdUZBmntJmx5x1G2VuPytCwGN4xsJP6cw+sK+vQ==",
       "dev": true,
       "license": "ISC"
     },
@@ -14659,16 +14649,16 @@
       }
     },
     "node_modules/form-data": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
-      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.6.tgz",
+      "integrity": "sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==",
       "license": "MIT",
       "dependencies": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.8",
         "es-set-tostringtag": "^2.1.0",
-        "hasown": "^2.0.2",
-        "mime-types": "^2.1.12"
+        "hasown": "^2.0.4",
+        "mime-types": "^2.1.35"
       },
       "engines": {
         "node": ">= 6"
@@ -14718,9 +14708,9 @@
       }
     },
     "node_modules/fs-extra": {
-      "version": "11.3.5",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.5.tgz",
-      "integrity": "sha512-eKpRKAovdpZtR1WopLHxlBWvAgPny3c4gX1G5Jhwmmw4XJj0ifSD5qB5TOo8hmA0wlRKDAOAhEE1yVPgs6Fgcg==",
+      "version": "11.4.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.4.0.tgz",
+      "integrity": "sha512-EQsFzMUJkCKGr1ePqlYADkIUmHW1s3ZXr5Yqy6wbGrfUCphpl2maM/kyOIRA2HpP3AaFQTZXD4ldjek+nccddA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14894,6 +14884,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/git-raw-commits/-/git-raw-commits-5.0.1.tgz",
       "integrity": "sha512-Y+csSm2GD/PCSh6Isd/WiMjNAydu0VBiG9J7EdQsNA5P9uXvLayqjmTsNlK5Gs9IhblFZqOU0yid5Il5JPoLiQ==",
+      "deprecated": "Deprecated and no longer maintained. Use @conventional-changelog/git-client instead.",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -14974,9 +14965,9 @@
       "license": "MIT"
     },
     "node_modules/glob/node_modules/brace-expansion": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.1.tgz",
-      "integrity": "sha512-WR1cURNjuvBLMZBMbqM0UoE+WAfdUcEV1ccD8PVBVOI+Z3ND4+SZbN8RsfT2bMuG1qwz5RFvPukSZm5fF2D5eA==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.3.tgz",
+      "integrity": "sha512-DRdx5neNsG/QXbniLFWi2YmC/68oeOOmKz6zOjVk6ZS1ZLXgLIKqVEc6hWsmkjBbgii0SwaBTcJ5XKj5gzY/4A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -15495,9 +15486,9 @@
       }
     },
     "node_modules/iconv-lite": {
-      "version": "0.7.2",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz",
-      "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==",
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.3.tgz",
+      "integrity": "sha512-IKXpvIzjnC9XTAUbVBcMfGS0EPaIXtW6v+zr+RRp+hqULEpo0owZax6wyRwPOJbWbzjYspQwusTsfVr0ifh4uQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -15576,9 +15567,9 @@
       "license": "MIT"
     },
     "node_modules/ignore-walk/node_modules/brace-expansion": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.1.tgz",
-      "integrity": "sha512-WR1cURNjuvBLMZBMbqM0UoE+WAfdUcEV1ccD8PVBVOI+Z3ND4+SZbN8RsfT2bMuG1qwz5RFvPukSZm5fF2D5eA==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.3.tgz",
+      "integrity": "sha512-DRdx5neNsG/QXbniLFWi2YmC/68oeOOmKz6zOjVk6ZS1ZLXgLIKqVEc6hWsmkjBbgii0SwaBTcJ5XKj5gzY/4A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -15616,9 +15607,9 @@
       }
     },
     "node_modules/immutable": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.6.tgz",
-      "integrity": "sha512-q1swsS8K7L8usSHuOqF2TAoCCkonYz0SG38wLAggaa4Wml70zixIvt2ql4coQ2C2B3hTjltJry4r6bULwgAXLQ==",
+      "version": "5.1.9",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.9.tgz",
+      "integrity": "sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==",
       "dev": true,
       "license": "MIT"
     },
@@ -15747,9 +15738,9 @@
       }
     },
     "node_modules/ip-address": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz",
-      "integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==",
+      "version": "10.3.1",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.3.1.tgz",
+      "integrity": "sha512-1e9d3kb97NHJTIJDZW9rKqW2h6+dFa50Dy0fpPSMQp2ADje5gvKsXmdiK6dwY5t76TaTt5+P5N1Y/LoToIxP6g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -16192,9 +16183,9 @@
       "license": "MIT"
     },
     "node_modules/js-yaml": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.2.0.tgz",
-      "integrity": "sha512-ePWsvanv0DWuDRsW8dnt+R4jQ31SCRCQ7hhNcPXZPsoBZiemuZNYGf7adZdqX2D86j6rvKp3RpCxVTSb8WQlOw==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.0.tgz",
+      "integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
       "dev": true,
       "funding": [
         {
@@ -16332,9 +16323,9 @@
       "license": "MIT"
     },
     "node_modules/json-with-bigint": {
-      "version": "3.5.8",
-      "resolved": "https://registry.npmjs.org/json-with-bigint/-/json-with-bigint-3.5.8.tgz",
-      "integrity": "sha512-eq/4KP6K34kwa7TcFdtvnftvHCD9KvHOGGICWwMFc4dOOKF5t4iYqnfLK8otCRCRv06FXOzGGyqE8h8ElMvvdw==",
+      "version": "3.5.10",
+      "resolved": "https://registry.npmjs.org/json-with-bigint/-/json-with-bigint-3.5.10.tgz",
+      "integrity": "sha512-Vcx+JVNEBts/xfcoCS69sKrOhOk/3TVlvlT+XzUOefVKnnrbYSCKpDCm10pohsJFtsJVYnwa/cXRZ4eElzaM6w==",
       "dev": true,
       "license": "MIT"
     },
@@ -17194,20 +17185,20 @@
       }
     },
     "node_modules/memfs": {
-      "version": "4.57.7",
-      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.57.7.tgz",
-      "integrity": "sha512-YZPphUQZSRGk6ddPlsNuMbztrLwsbUATFNZcqKscSbSJZ4g0+Y3vSZLJ/rfnGZaB1FFhC7SrywZXev6i8lnHgg==",
+      "version": "4.64.0",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.64.0.tgz",
+      "integrity": "sha512-Kw72fgY7Wn+sD8KmtNWSafl1dz0UvAsE/PHs3YVfLiaZuA3HxNm9sRLqAu0ATiBGJvME1PxZXbBZPv5GycDeAw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@jsonjoy.com/fs-core": "4.57.7",
-        "@jsonjoy.com/fs-fsa": "4.57.7",
-        "@jsonjoy.com/fs-node": "4.57.7",
-        "@jsonjoy.com/fs-node-builtins": "4.57.7",
-        "@jsonjoy.com/fs-node-to-fsa": "4.57.7",
-        "@jsonjoy.com/fs-node-utils": "4.57.7",
-        "@jsonjoy.com/fs-print": "4.57.7",
-        "@jsonjoy.com/fs-snapshot": "4.57.7",
+        "@jsonjoy.com/fs-core": "4.64.0",
+        "@jsonjoy.com/fs-fsa": "4.64.0",
+        "@jsonjoy.com/fs-node": "4.64.0",
+        "@jsonjoy.com/fs-node-builtins": "4.64.0",
+        "@jsonjoy.com/fs-node-to-fsa": "4.64.0",
+        "@jsonjoy.com/fs-node-utils": "4.64.0",
+        "@jsonjoy.com/fs-print": "4.64.0",
+        "@jsonjoy.com/fs-snapshot": "4.64.0",
         "@jsonjoy.com/json-pack": "^1.11.0",
         "@jsonjoy.com/util": "^1.9.0",
         "glob-to-regex.js": "^1.0.1",
@@ -17264,27 +17255,27 @@
       }
     },
     "node_modules/mermaid": {
-      "version": "11.15.0",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.15.0.tgz",
-      "integrity": "sha512-pTMbcf3rWdtLiYGpmoTjHEpeY8seiy6sR+9nD7LOs8KfUbHE4lOUAprTRqRAcWSQ6MQpdX+YEsxShtGsINtPtw==",
+      "version": "11.16.0",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.16.0.tgz",
+      "integrity": "sha512-Zvm3kbstgdpvIJPPItlL7fppIZ3kibvc1oZIGxdvk9t6UFz6flv+Jw7FtRGKwfcI8OckmH04LqG6LlS6X4B1pA==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@braintree/sanitize-url": "^7.1.1",
+        "@braintree/sanitize-url": "^7.1.2",
         "@iconify/utils": "^3.0.2",
-        "@mermaid-js/parser": "^1.1.1",
+        "@mermaid-js/parser": "^1.2.0",
         "@types/d3": "^7.4.3",
         "@upsetjs/venn.js": "^2.0.0",
-        "cytoscape": "^3.33.1",
+        "cytoscape": "^3.33.3",
         "cytoscape-cose-bilkent": "^4.1.0",
         "cytoscape-fcose": "^2.2.0",
         "d3": "^7.9.0",
         "d3-sankey": "^0.12.3",
         "dagre-d3-es": "7.0.14",
-        "dayjs": "^1.11.19",
-        "dompurify": "^3.3.1",
+        "dayjs": "^1.11.20",
+        "dompurify": "^3.3.3",
         "es-toolkit": "^1.45.1",
-        "katex": "^0.16.25",
+        "katex": "^0.16.45",
         "khroma": "^2.1.0",
         "marked": "^16.3.0",
         "roughjs": "^4.6.6",
@@ -17429,13 +17420,13 @@
       "license": "ISC"
     },
     "node_modules/minimatch": {
-      "version": "10.2.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
-      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "version": "10.2.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.6.tgz",
+      "integrity": "sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
-        "brace-expansion": "^5.0.5"
+        "brace-expansion": "^5.0.8"
       },
       "engines": {
         "node": "18 || 20 || >=22"
@@ -17716,9 +17707,9 @@
       }
     },
     "node_modules/nanoid": {
-      "version": "3.3.12",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
-      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "version": "3.3.16",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
+      "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==",
       "dev": true,
       "funding": [
         {
@@ -17943,9 +17934,9 @@
       }
     },
     "node_modules/node-gyp/node_modules/tar": {
-      "version": "7.5.16",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.16.tgz",
-      "integrity": "sha512-56adEpPMouktRlBLXiaYFFzZ/3+JXa8P9n7WbR+ibIjtviN55mEaOkiysCnPnWm+7kkui1Dn8J9l+g6zV8731w==",
+      "version": "7.5.22",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.22.tgz",
+      "integrity": "sha512-MFO/QzvtAOmJbkhOaCTvbGcFN9L9b+JunIsDwaKljSOdcLMea3NJ1k9Usz/rjdfSXTq4dfzfeS7W4p4YOAAHeA==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
@@ -17986,9 +17977,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.47",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.47.tgz",
-      "integrity": "sha512-Uzmd6LXpouKo8EUK68IjH4+E01w/hXyV3R3g/geCJo+rXLNfh1xucB+LOzYEOQPSiUK3h/xZf0cQGcSsmyL2Og==",
+      "version": "2.0.51",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.51.tgz",
+      "integrity": "sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -18040,9 +18031,9 @@
       }
     },
     "node_modules/normalize-package-data/node_modules/lru-cache": {
-      "version": "11.5.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz",
-      "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==",
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -18083,9 +18074,9 @@
       }
     },
     "node_modules/npm": {
-      "version": "11.17.0",
-      "resolved": "https://registry.npmjs.org/npm/-/npm-11.17.0.tgz",
-      "integrity": "sha512-PurxiZexEHDTE4SSaLI3ZrnbAGiZfeyUcQcxcP5D+hfytNAze/D1IzDuInTn9XVLIbAQUnQuSPXJx02LHjLvQw==",
+      "version": "11.18.0",
+      "resolved": "https://registry.npmjs.org/npm/-/npm-11.18.0.tgz",
+      "integrity": "sha512-T67M4L5wNm0cZ7EBLErcEkY1SmzEW/WJ+SADBzsFUY1UdAPfFHXFQtZ6SEXiK0+vzXysCvAsepbMaBTwnrAD+w==",
       "bundleDependencies": [
         "@isaacs/string-locale-compare",
         "@npmcli/arborist",
@@ -18164,8 +18155,8 @@
       ],
       "dependencies": {
         "@isaacs/string-locale-compare": "^1.1.0",
-        "@npmcli/arborist": "^9.8.0",
-        "@npmcli/config": "^10.11.0",
+        "@npmcli/arborist": "^9.9.0",
+        "@npmcli/config": "^10.12.0",
         "@npmcli/fs": "^5.0.0",
         "@npmcli/map-workspaces": "^5.0.3",
         "@npmcli/metavuln-calculator": "^9.0.3",
@@ -18189,11 +18180,11 @@
         "is-cidr": "^6.0.4",
         "json-parse-even-better-errors": "^5.0.0",
         "libnpmaccess": "^10.0.3",
-        "libnpmdiff": "^8.1.10",
-        "libnpmexec": "^10.3.0",
-        "libnpmfund": "^7.0.24",
+        "libnpmdiff": "^8.1.11",
+        "libnpmexec": "^10.3.1",
+        "libnpmfund": "^7.0.25",
         "libnpmorg": "^8.0.1",
-        "libnpmpack": "^9.1.10",
+        "libnpmpack": "^9.1.11",
         "libnpmpublish": "^11.2.0",
         "libnpmsearch": "^9.0.1",
         "libnpmteam": "^8.0.2",
@@ -18209,7 +18200,7 @@
         "npm-install-checks": "^8.0.0",
         "npm-package-arg": "^13.0.2",
         "npm-pick-manifest": "^11.0.3",
-        "npm-profile": "^12.0.1",
+        "npm-profile": "^12.0.2",
         "npm-registry-fetch": "^19.1.1",
         "npm-user-validate": "^4.0.0",
         "p-map": "^7.0.4",
@@ -18218,11 +18209,11 @@
         "proc-log": "^6.1.0",
         "qrcode-terminal": "^0.12.0",
         "read": "^5.0.1",
-        "semver": "^7.8.4",
+        "semver": "^7.8.5",
         "spdx-expression-parse": "^4.0.0",
         "ssri": "^13.0.1",
         "supports-color": "^10.2.2",
-        "tar": "^7.5.16",
+        "tar": "^7.5.19",
         "text-table": "~0.2.0",
         "tiny-relative-date": "^2.0.2",
         "treeverse": "^3.0.0",
@@ -18395,7 +18386,7 @@
       }
     },
     "node_modules/npm/node_modules/@npmcli/arborist": {
-      "version": "9.8.0",
+      "version": "9.9.0",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -18443,7 +18434,7 @@
       }
     },
     "node_modules/npm/node_modules/@npmcli/config": {
-      "version": "10.11.0",
+      "version": "10.12.0",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -18788,7 +18779,7 @@
       }
     },
     "node_modules/npm/node_modules/brace-expansion": {
-      "version": "5.0.6",
+      "version": "5.0.7",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
@@ -19162,12 +19153,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmdiff": {
-      "version": "8.1.10",
+      "version": "8.1.11",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^9.8.0",
+        "@npmcli/arborist": "^9.9.0",
         "@npmcli/installed-package-contents": "^4.0.0",
         "binary-extensions": "^3.0.0",
         "diff": "^8.0.2",
@@ -19181,13 +19172,13 @@
       }
     },
     "node_modules/npm/node_modules/libnpmexec": {
-      "version": "10.3.0",
+      "version": "10.3.1",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
         "@gar/promise-retry": "^1.0.0",
-        "@npmcli/arborist": "^9.8.0",
+        "@npmcli/arborist": "^9.9.0",
         "@npmcli/package-json": "^7.0.0",
         "@npmcli/run-script": "^10.0.0",
         "ci-info": "^4.0.0",
@@ -19204,12 +19195,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmfund": {
-      "version": "7.0.24",
+      "version": "7.0.25",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^9.8.0"
+        "@npmcli/arborist": "^9.9.0"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
@@ -19229,12 +19220,12 @@
       }
     },
     "node_modules/npm/node_modules/libnpmpack": {
-      "version": "9.1.10",
+      "version": "9.1.11",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
-        "@npmcli/arborist": "^9.8.0",
+        "@npmcli/arborist": "^9.9.0",
         "@npmcli/run-script": "^10.0.0",
         "npm-package-arg": "^13.0.0",
         "pacote": "^21.0.2"
@@ -19603,13 +19594,13 @@
       }
     },
     "node_modules/npm/node_modules/npm-profile": {
-      "version": "12.0.1",
+      "version": "12.0.2",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
       "dependencies": {
         "npm-registry-fetch": "^19.0.0",
-        "proc-log": "^6.0.0"
+        "proc-log": "^6.1.0"
       },
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
@@ -19814,7 +19805,7 @@
       "optional": true
     },
     "node_modules/npm/node_modules/semver": {
-      "version": "7.8.4",
+      "version": "7.8.5",
       "dev": true,
       "inBundle": true,
       "license": "ISC",
@@ -19939,7 +19930,7 @@
       }
     },
     "node_modules/npm/node_modules/tar": {
-      "version": "7.5.16",
+      "version": "7.5.19",
       "dev": true,
       "inBundle": true,
       "license": "BlueOak-1.0.0",
@@ -20035,7 +20026,7 @@
       }
     },
     "node_modules/npm/node_modules/undici": {
-      "version": "6.26.0",
+      "version": "6.27.0",
       "dev": true,
       "inBundle": true,
       "license": "MIT",
@@ -20409,9 +20400,9 @@
       }
     },
     "node_modules/p-map": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.4.tgz",
-      "integrity": "sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.6.tgz",
+      "integrity": "sha512-I4Prw6ivkd6p8PiYR1tXASOAOBzIJwu0TB7fqaX0c/8c3QAehNYmX57EijyGGGBt3c/BIowGwV03RVBtXvHEVg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -20493,9 +20484,9 @@
       "license": "BlueOak-1.0.0"
     },
     "node_modules/package-manager-detector": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-1.6.0.tgz",
-      "integrity": "sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-1.8.0.tgz",
+      "integrity": "sha512-yQA4H19AmPEoMUeavPMDIe1higySl/gH/yaQrkT/s07Qp+7pp2hYz30N3z2l5BkjVkF9Ow6o0wjJamm2y7Sn0A==",
       "license": "MIT",
       "optional": true
     },
@@ -21205,9 +21196,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.8.4",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.4.tgz",
-      "integrity": "sha512-N2MylSdi48+5N/6S5j+maeHbUSIzzZ5uOcX5Hm4QpV8Dkb1HFjfAKTKX6yNPJQD9AhcT3ifHNB66tWTTJDi11Q==",
+      "version": "3.9.6",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.9.6.tgz",
+      "integrity": "sha512-OpN0zzVdiaiAhxpuuj5efpIS4sY9j7bY6uR5mnj5yPzGkdkjNKSJeUThPb60Jw29QuAZgA4o+/iB49kFiaBX6g==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -21284,9 +21275,9 @@
       }
     },
     "node_modules/prettier-eslint/node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
-      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
+      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -21460,9 +21451,9 @@
       "license": "MIT"
     },
     "node_modules/prettier-eslint/node_modules/brace-expansion": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.1.tgz",
-      "integrity": "sha512-WR1cURNjuvBLMZBMbqM0UoE+WAfdUcEV1ccD8PVBVOI+Z3ND4+SZbN8RsfT2bMuG1qwz5RFvPukSZm5fF2D5eA==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.3.tgz",
+      "integrity": "sha512-DRdx5neNsG/QXbniLFWi2YmC/68oeOOmKz6zOjVk6ZS1ZLXgLIKqVEc6hWsmkjBbgii0SwaBTcJ5XKj5gzY/4A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -21544,9 +21535,9 @@
       }
     },
     "node_modules/prettier-eslint/node_modules/eslint/node_modules/brace-expansion": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
-      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
+      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -21918,13 +21909,14 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.15.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.2.tgz",
-      "integrity": "sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==",
+      "version": "6.15.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.3.tgz",
+      "integrity": "sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
-        "side-channel": "^1.1.0"
+        "es-define-property": "^1.0.1",
+        "side-channel": "^1.1.1"
       },
       "engines": {
         "node": ">=0.6"
@@ -21965,13 +21957,17 @@
       }
     },
     "node_modules/range-parser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.3.0.tgz",
+      "integrity": "sha512-hek2mFQpPuI4E1BBKrSto+BU3e3x4xuarsbiwr3+lf7p44juvFMV0XFWQAP3xUyqXA4RrXLIoaSUGbSt056ZMw==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/raw-body": {
@@ -22234,9 +22230,9 @@
       "license": "MIT"
     },
     "node_modules/regjsparser": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.13.1.tgz",
-      "integrity": "sha512-dLsljMd9sqwRkby8zhO1gSg3PnJIBFid8f4CQj/sXx+7cKx+E7u0PKhZ+U4wmhx7EfmtvnA318oVaIkAB1lRJw==",
+      "version": "0.13.2",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.13.2.tgz",
+      "integrity": "sha512-NgRBy2Nx/bE+9F27nVHnqcN5HjyLmecqsqx2PJHu3/IEtADD4WuxuXIVExD5PoSDFVrl78dOonfcOe5O+5nbzQ==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -22439,9 +22435,9 @@
       "license": "MIT"
     },
     "node_modules/rimraf/node_modules/brace-expansion": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
-      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
+      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -22638,9 +22634,9 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.101.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.101.0.tgz",
-      "integrity": "sha512-OL3GoQyoUdDt843DpVmDO6y2k1sc5IhUDSpu8XucEI+35neq5QivZ1iuegnpraEVTJXlQGK1gl27zKcTLEPbQw==",
+      "version": "1.102.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.102.0.tgz",
+      "integrity": "sha512-NSOyTnaQF7rTAEOtI2fwb386vL+akyiQLBZu8Na7hXCb+umJy0GAqlcMIaqACZ6Z1VgTBS4K9PG6B3IdjHGJsw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -22730,9 +22726,9 @@
       }
     },
     "node_modules/sax": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.0.tgz",
-      "integrity": "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==",
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.1.tgz",
+      "integrity": "sha512-42tBVwLWnaQvW5zc4HbZrTuWccECCZfBi92FDuwtqxasH+JbPB3/FOKb1m222K42R4WxuxzzMsTswfzgtSu64Q==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "optional": true,
@@ -22820,9 +22816,9 @@
       }
     },
     "node_modules/semantic-release": {
-      "version": "25.0.5",
-      "resolved": "https://registry.npmjs.org/semantic-release/-/semantic-release-25.0.5.tgz",
-      "integrity": "sha512-mn61SUJwtM8ThrWn2WmgLVpwVJeG/hPSupua1psdMoufmwRIPyvRLkRkL0JDXkP67OntlLWUYnBnfVc8EDO3/g==",
+      "version": "25.0.8",
+      "resolved": "https://registry.npmjs.org/semantic-release/-/semantic-release-25.0.8.tgz",
+      "integrity": "sha512-w/iZ0bur36rKffXZYmIUmy068eoBY3Ij1DCCddx2JwWEM5Tg+eU9ld/E9qSInVvPASyyR2Ln/XGfQ9OZrMlhtw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -23007,9 +23003,9 @@
       }
     },
     "node_modules/semantic-release/node_modules/lru-cache": {
-      "version": "11.5.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz",
-      "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==",
+      "version": "11.5.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz",
+      "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==",
       "dev": true,
       "license": "BlueOak-1.0.0",
       "engines": {
@@ -23078,16 +23074,16 @@
       }
     },
     "node_modules/semantic-release/node_modules/yargs": {
-      "version": "18.0.0",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
-      "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
+      "version": "18.1.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.1.0.tgz",
+      "integrity": "sha512-2rAgRKu54VsHkqI0/tYkmluGXHD4KW7yZoycuqDQ15QOTnc2VVfy0nN/1eMhnQLO00A+dwtK20xuCnc1YGeUyg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "cliui": "^9.0.1",
         "escalade": "^3.1.1",
         "get-caller-file": "^2.0.5",
-        "string-width": "^7.2.0",
+        "string-width": "^8.2.1",
         "y18n": "^5.0.5",
         "yargs-parser": "^22.0.0"
       },
@@ -23105,6 +23101,23 @@
         "node": "^20.19.0 || ^22.12.0 || >=23"
       }
     },
+    "node_modules/semantic-release/node_modules/yargs/node_modules/string-width": {
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz",
+      "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.5.0",
+        "strip-ansi": "^7.1.2"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/semver": {
       "version": "7.7.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
@@ -23193,6 +23206,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/send/node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/serialize-javascript": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
@@ -23340,9 +23363,9 @@
       }
     },
     "node_modules/shell-quote": {
-      "version": "1.8.4",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.4.tgz",
-      "integrity": "sha512-VsC6n6vz1ihYYyZZwX7YZSF5l5x36ca17OC+a69h94YqB7X6XLwf+5MOgynYir2SLFUbl8gIYvBo8K8RoNQ6bQ==",
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.10.0.tgz",
+      "integrity": "sha512-w1aiOKwKuRgtwAReIIj89puqg+I7GvX4IbLrvmhXbzQsj1+Zwi4VO3+fa6ZF91TWSjIxoEkKnMeHcLEODK5ZXA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -24550,9 +24573,9 @@
       }
     },
     "node_modules/thingies": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/thingies/-/thingies-2.6.0.tgz",
-      "integrity": "sha512-rMHRjmlFLM1R96UYPvpmnc3LYtdFrT33JIB7L9hetGue1qAPfn1N2LJeEjxUSidu1Iku+haLZXDuEXUHNGO/lg==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/thingies/-/thingies-2.6.1.tgz",
+      "integrity": "sha512-cV/CMGTK3M4MlnJ/0At6ismOw/A0EEniDNScajjz/Br3c1sqE72YD01rGpPTKwd27wAxI5Pr+6+0w8yofzFRYw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -24712,22 +24735,22 @@
       }
     },
     "node_modules/tldts": {
-      "version": "7.4.2",
-      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.4.2.tgz",
-      "integrity": "sha512-kCwffuaH8ntKtygnWe1b4BJKWiCUH30n5KfoTr6IchcXOwR7chAOFJxFrH3vjANafUYrIA4a7SDL+nn7SiR4Sw==",
+      "version": "7.4.9",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.4.9.tgz",
+      "integrity": "sha512-3kZ8wQQ/k5DrChD4X4FVvr2D7E5uoRgAqkPyLpSCGUvqOvqu+JEdr3mwMUaVWb+vMHZaKhF5fp2PBigKsui7hA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "tldts-core": "^7.4.2"
+        "tldts-core": "^7.4.9"
       },
       "bin": {
         "tldts": "bin/cli.js"
       }
     },
     "node_modules/tldts-core": {
-      "version": "7.4.2",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.4.2.tgz",
-      "integrity": "sha512-nwEyF4vl4RSJjwSjBUmOSxc3BFPoIFdlRthJ6e+5v9P3bHNsoD06UjuqMUspqp7vsEZ1beaHi1km+optiE17yA==",
+      "version": "7.4.9",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.4.9.tgz",
+      "integrity": "sha512-DxKfPBI52p2msTEu7MPhdpdDTBhhVQg1a/8PjQckeyAvO13eMYElX545grIp6nnTGIMZlRvFZPvFhvI/WIz2Vg==",
       "dev": true,
       "license": "MIT"
     },
@@ -24765,9 +24788,9 @@
       }
     },
     "node_modules/tough-cookie": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.1.tgz",
-      "integrity": "sha512-LktZQb3IeoUWB9lqR5EWTHgW/VTITCXg4D21M+lvybRVdylLrRMnqaIONLVb5mav8vM19m44HIcGq4qASeu2Qw==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.2.tgz",
+      "integrity": "sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -24980,9 +25003,9 @@
       "peer": true
     },
     "node_modules/tslint/node_modules/brace-expansion": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz",
-      "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==",
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
+      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -25080,9 +25103,9 @@
       }
     },
     "node_modules/tslint/node_modules/js-yaml": {
-      "version": "3.14.2",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.2.tgz",
-      "integrity": "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==",
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.15.0.tgz",
+      "integrity": "sha512-ttBQIIQPDeLjpPOohtUdXuXUVoA2uIB6fEH9HyJ7234s5mBJ5wTx20njxplLZQgLaOfpmPQA7X2t5AX6tIPbog==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -25224,9 +25247,9 @@
       }
     },
     "node_modules/type-fest": {
-      "version": "5.7.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-5.7.0.tgz",
-      "integrity": "sha512-1URUxUqfHFM1c+zfSPsa3gnkO7Aq21qyH75SIduNYz4SzY964rn1X2vCMQaHSHhktiw+0kPa2iyb6PUpXqB6Vg==",
+      "version": "5.8.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-5.8.0.tgz",
+      "integrity": "sha512-YGYEVz3Fm5iy/AybuA0oyNFq7H4CgQNfRp/qfe8nurE1kuCeNm3/vfm9X4Mtl+qLyaKJUh5xrFZwogr41SMjYA==",
       "dev": true,
       "license": "(MIT OR CC0-1.0)",
       "dependencies": {
@@ -25275,16 +25298,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.61.0",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.61.0.tgz",
-      "integrity": "sha512-8y31Rd0eGTrDKqhy6vT0HtzhN+YLjQizwX3aA3hPXP/ynSfnrBXcQY5IzsP9/DM7+klX4IUncZZjkchP0z+rUw==",
+      "version": "8.65.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.65.0.tgz",
+      "integrity": "sha512-/ggrHAwyjENDusvyxbuqxAC2dTnZg/Z8F+fgQtYIz+L6n/9HfSlEZcFGV/NsMNa6CkGk0xUjUAFwC0vHOflvIA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.61.0",
-        "@typescript-eslint/parser": "8.61.0",
-        "@typescript-eslint/typescript-estree": "8.61.0",
-        "@typescript-eslint/utils": "8.61.0"
+        "@typescript-eslint/eslint-plugin": "8.65.0",
+        "@typescript-eslint/parser": "8.65.0",
+        "@typescript-eslint/typescript-estree": "8.65.0",
+        "@typescript-eslint/utils": "8.65.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -25551,9 +25574,9 @@
       }
     },
     "node_modules/uuid": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-14.0.0.tgz",
-      "integrity": "sha512-Qo+uWgilfSmAhXCMav1uYFynlQO7fMFiMVZsQqZRMIXp0O7rR7qjkj+cPvBHLgBqi960QCoo/PH2/6ZtVqKvrg==",
+      "version": "14.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-14.0.1.tgz",
+      "integrity": "sha512-6ZxzVpzDXDa3bJWaHilVayA+BH/1zmxCJoVgvmqJnid/gPoKHxUrS/aC/T6LGQtNHT+XHG9fXPJB4d+IrU30Ew==",
       "funding": [
         "https://github.com/sponsors/broofa",
         "https://github.com/sponsors/ctavan"
@@ -26214,20 +26237,20 @@
       }
     },
     "node_modules/vitest": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.2.6.tgz",
-      "integrity": "sha512-xejya+bT/j/+R/AGa1XOfRxLmNUlLtlwjRsFUILF+xHfzElmGcmFydy2gqqIrd62ptIEfwVMofd19uNWD9L7Nw==",
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.2.7.tgz",
+      "integrity": "sha512-KrxIJ62Fd89gfysR4WotlgZABiz2dqFPgqGzX7s+CwsqLFomRH7777ZcrOD6+WVAh7khPQP41A+BKbpcJFrdEg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/chai": "^5.2.2",
-        "@vitest/expect": "3.2.6",
-        "@vitest/mocker": "3.2.6",
-        "@vitest/pretty-format": "^3.2.6",
-        "@vitest/runner": "3.2.6",
-        "@vitest/snapshot": "3.2.6",
-        "@vitest/spy": "3.2.6",
-        "@vitest/utils": "3.2.6",
+        "@vitest/expect": "3.2.7",
+        "@vitest/mocker": "3.2.7",
+        "@vitest/pretty-format": "^3.2.7",
+        "@vitest/runner": "3.2.7",
+        "@vitest/snapshot": "3.2.7",
+        "@vitest/spy": "3.2.7",
+        "@vitest/utils": "3.2.7",
         "chai": "^5.2.0",
         "debug": "^4.4.1",
         "expect-type": "^1.2.1",
@@ -26257,8 +26280,8 @@
         "@edge-runtime/vm": "*",
         "@types/debug": "^4.1.12",
         "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
-        "@vitest/browser": "3.2.6",
-        "@vitest/ui": "3.2.6",
+        "@vitest/browser": "3.2.7",
+        "@vitest/ui": "3.2.7",
         "happy-dom": "*",
         "jsdom": "*"
       },
@@ -26607,9 +26630,9 @@
       }
     },
     "node_modules/webpack-dev-server/node_modules/http-proxy-middleware": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz",
-      "integrity": "sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==",
+      "version": "2.0.10",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.10.tgz",
+      "integrity": "sha512-RKzRWNPxUZqbuk3BC5mGVJbBnWgr+diEnjJexIOytFbBzDy88Fbh/YvBr3DsNrl1jYAfjWfpATEv0NO35FDuPQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -26686,9 +26709,9 @@
       }
     },
     "node_modules/webpack-sources": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.5.0.tgz",
-      "integrity": "sha512-HPuy+uuoTCaaoEoI1LQ3JN9+vrPBvEesnnX1jADHy728cHSMlq4wUc4afYqahq2B1mhQVZxCXOkNTnXltr+2vQ==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.5.1.tgz",
+      "integrity": "sha512-jyuiGJdtvY434z5bUZrjz67v76/ePNvFZTp9Mdz29IlH4+GPsgyGjiv0fKI+M7BdkU6ADjulUcKAd3tUK3WlEw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -26718,9 +26741,9 @@
       }
     },
     "node_modules/webpack/node_modules/es-module-lexer": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.1.0.tgz",
-      "integrity": "sha512-n27zTYMjYu1aj4MjCWzSP7G9r75utsaoc8m61weK+W8JMBGGQybd43GstCXZ3WNmSFtGT9wi59qQTW6mhTR5LQ==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.3.1.tgz",
+      "integrity": "sha512-shc1dbU90Yl/xq1QrC7QRtfcwURZuVRfPhZbDoldJ1cn1gzDvBaBWlv0eFolj5+0znnPJz5TXLxsN77X/12KTA==",
       "dev": true,
       "license": "MIT"
     },
@@ -27044,9 +27067,9 @@
       "license": "ISC"
     },
     "node_modules/ws": {
-      "version": "8.21.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
-      "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
+      "version": "8.21.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.1.tgz",
+      "integrity": "sha512-+0NTnW77fFN/DjQi6k/Sq/Yvk4Sgajw7urW8V+asjXnRgDs9gyGkdb7EzgfhA4goXsRIZKE28fzIXBHEzhuiWw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -27238,9 +27261,9 @@
       }
     },
     "node_modules/yoctocolors": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.1.2.tgz",
-      "integrity": "sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.2.0.tgz",
+      "integrity": "sha512-xYqdZFUK/VYazNl/oCDYN+3WloWQwMfZxBoiNt6qNyk+xfOdi598muWE42rNZFp1kNOiqW936q5RhUdnpqElSg==",
       "dev": true,
       "license": "MIT",
       "engines": {

From c58d46878418348c92f59de181b293b48e61fa48 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Tue, 28 Jul 2026 14:52:23 -0400
Subject: [PATCH 132/190] chore: formatting

---
 src/app/classes/release-tracks/tiers.ts                |  3 +--
 .../components/stix/stix-list/stix-list.component.ts   | 10 ++++------
 src/app/utils/types.ts                                 |  6 +-----
 .../relationship-view/relationship-view.component.ts   |  8 +++++---
 4 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index 778c67aa0..4d68d01c4 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -2,8 +2,7 @@ import { WorkflowStatusType } from 'src/app/utils/types';
 import { SnapshotTier } from './enums';
 
 export type ReleaseTrackObjectTier =
-  | SnapshotTier.Candidate
-  | SnapshotTier.Staged;
+  SnapshotTier.Candidate | SnapshotTier.Staged;
 
 export interface TierEntryModifiedByUser {
   id?: string;
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index dee87eb71..a96b42936 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -387,12 +387,10 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
               this.config.sourceRef ? sticky_allowed : false,
               ['relationship-name']
             );
-            if (
-              !(
-                this.config.relationshipType &&
-                this.config.relationshipType == 'subtechnique-of'
-              )
-            )
+            if (!(
+              this.config.relationshipType &&
+              this.config.relationshipType == 'subtechnique-of'
+            ))
               this.addColumn(
                 'description',
                 'description',
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 89aa535e6..68a34ac0f 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -101,11 +101,7 @@ export const WORKFLOW_STATUS_RANK: Record<WorkflowStatusType, number> = {
  * Collection/release changelog categories
  */
 export type ChangelogCategory =
-  | 'additions'
-  | 'changes'
-  | 'minor_changes'
-  | 'revocations'
-  | 'deprecations';
+  'additions' | 'changes' | 'minor_changes' | 'revocations' | 'deprecations';
 
 export interface ReleaseTrackStatus {
   trackId: string;
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.ts b/src/app/views/stix/relationship-view/relationship-view.component.ts
index d94638960..fe588de8f 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.ts
+++ b/src/app/views/stix/relationship-view/relationship-view.component.ts
@@ -240,9 +240,11 @@ export class RelationshipViewComponent extends StixViewPage implements OnInit {
    * @param {any} obj the raw STIX object
    */
   public navigateTo(obj: any): void {
-    if (
-      !(obj?.stix?.type && obj?.stix?.id && StixTypeToAttackType[obj.stix.type])
-    ) {
+    if (!(
+      obj?.stix?.type &&
+      obj?.stix?.id &&
+      StixTypeToAttackType[obj.stix.type]
+    )) {
       console.warn('Invalid object passed to navigateTo:', obj);
       return;
     }

From 5164735cbee9fccd0049d5979e574d285ab606ec Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Tue, 28 Jul 2026 17:59:34 -0400
Subject: [PATCH 133/190] test(release-tracks): improve release preview
 coverage

---
 .../release-preview-dialog.component.spec.ts  | 34 +++++++++++++++++++
 .../release-preview-dialog.component.ts       | 10 ++----
 .../release-track-page.component.spec.ts      | 21 +++++++++++-
 3 files changed, 57 insertions(+), 8 deletions(-)

diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
index d8e05c3ff..0735298d0 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
@@ -98,6 +98,40 @@ describe('ReleasePreviewDialogComponent', () => {
     expect(dialogRef.close).toHaveBeenCalledWith('major');
   });
 
+  it('should close without selecting a release version', () => {
+    component.close();
+
+    expect(dialogRef.close).toHaveBeenCalledWith();
+  });
+
+  it('should block tagging when the backend reports release conflicts', () => {
+    data.conflicts = [{ object_ref: 'attack-pattern--member' }];
+
+    expect(component.hasInvalidVersionBumps).toBe(true);
+    component.tagVersion('minor');
+
+    expect(dialogRef.close).not.toHaveBeenCalled();
+  });
+
+  it('should provide fallbacks for incomplete object metadata', () => {
+    expect(component.getObjectName({})).toBe('ATT&CK object');
+    expect(component.getObjectVersion(null)).toBe('Not available');
+    expect(component.getObjectType({})).toBe('STIX Object');
+    expect(
+      component.getObjectType({ object_ref: 'course-of-action--123' })
+    ).toBe('Course Of Action');
+    expect(component.getWorkflowState({})).toBe('work-in-progress');
+  });
+
+  it('should allow tagging when an object has an invalid version string', () => {
+    data.track.staged[0].x_mitre_version = 'invalid';
+
+    expect(component.hasInvalidVersionBumps).toBe(false);
+    component.tagVersion('minor');
+
+    expect(dialogRef.close).toHaveBeenCalledWith('minor');
+  });
+
   it('should render the objects represented by the Included and Excluded counts', () => {
     const element: HTMLElement = fixture.nativeElement;
     const tabs = Array.from(
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
index 7235769bb..2e7f7f315 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
@@ -219,13 +219,9 @@ export class ReleasePreviewDialogComponent {
       return false;
     }
 
-    try {
-      return new VersionNumber(incomingVersion).isDoubleIncrement(
-        new VersionNumber(currentVersion)
-      );
-    } catch {
-      return false;
-    }
+    return new VersionNumber(incomingVersion).isDoubleIncrement(
+      new VersionNumber(currentVersion)
+    );
   }
 
   private getRawVersion(item: ReleaseTrackObject | null): string | null {
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index f3ef8c0e7..ded55ce9d 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -9,7 +9,7 @@ import {
   createPaginatedResponse,
 } from 'src/app/testing/mocks/rest-api-connector.mock';
 import { ActivatedRoute, Router } from '@angular/router';
-import { of } from 'rxjs';
+import { of, throwError } from 'rxjs';
 import { MatDialog } from '@angular/material/dialog';
 import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
@@ -759,6 +759,25 @@ describe('ReleaseTrackPageComponent', () => {
     expect(mockReleaseTrackApiConnector.bumpByLatest).not.toHaveBeenCalled();
   });
 
+  it('should stop releasing when the preview request fails', () => {
+    const consoleSpy = vi
+      .spyOn(console, 'error')
+      .mockImplementation(() => undefined);
+    mockReleaseTrackApiConnector.previewBump.mockReturnValue(
+      throwError(() => new Error('preview failed'))
+    );
+    component.id = 'release-track--123';
+
+    component.onPreviewRelease();
+
+    expect(component.isReleasing).toBe(false);
+    expect(consoleSpy).toHaveBeenCalledWith(
+      'Failed to load objects for release preview',
+      expect.any(Error)
+    );
+    expect(mockDialog.open).not.toHaveBeenCalled();
+  });
+
   it('should load release track config into the config form', () => {
     mockReleaseTrackApiConnector.getConfig.mockReturnValue(
       of({

From 3e165413721005c23998b4b7cfa735c4a2fe7987 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Tue, 28 Jul 2026 23:56:54 -0400
Subject: [PATCH 134/190] chore: code cleanup

---
 src/app/classes/stix/relationship.ts                            | 2 +-
 .../components/stix/name-property/name-property.component.ts    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/classes/stix/relationship.ts b/src/app/classes/stix/relationship.ts
index cfb0bd3b4..cd237bac0 100644
--- a/src/app/classes/stix/relationship.ts
+++ b/src/app/classes/stix/relationship.ts
@@ -697,7 +697,7 @@ export class Relationship extends StixObject {
   public updateSourceTargetObject(
     restAPIService: RestApiConnectorService,
     object: StixObject
-  ): Observable<unknown> {
+  ) {
     // Check if the workflow object exists
     if (!object.workflow) {
       // Initialize the workflow object if it doesn't exist
diff --git a/src/app/components/stix/name-property/name-property.component.ts b/src/app/components/stix/name-property/name-property.component.ts
index d9ce70f0b..c1038a105 100644
--- a/src/app/components/stix/name-property/name-property.component.ts
+++ b/src/app/components/stix/name-property/name-property.component.ts
@@ -13,7 +13,7 @@ import { MatDialog } from '@angular/material/dialog';
 import { MatMenuTrigger } from '@angular/material/menu';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { forkJoin, of } from 'rxjs';
-import { catchError, map, switchMap } from 'rxjs/operators';
+import { catchError, map } from 'rxjs/operators';
 import { ExportFormat, SnapshotTier } from 'src/app/classes/release-tracks';
 import type {
   ReleaseTrackObjectTier,

From 8f08cc4ab53a30174e109e164c031afaa4e6e9d9 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Wed, 29 Jul 2026 00:21:50 -0400
Subject: [PATCH 135/190] feat: add modified-in-place objects to the release
 track

---
 src/app/classes/stix/relationship.ts                     | 6 +++---
 .../release-track-page/release-track-page.component.ts   | 9 ++++++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/app/classes/stix/relationship.ts b/src/app/classes/stix/relationship.ts
index cd237bac0..e8592bf19 100644
--- a/src/app/classes/stix/relationship.ts
+++ b/src/app/classes/stix/relationship.ts
@@ -689,8 +689,8 @@ export class Relationship extends StixObject {
   }
 
   /**
-   * Saves a related object as WIP. The backend member-sync service updates its
-   * release-track entry in response to this object save.
+   * Updates a related object in place as WIP. The backend release-track
+   * change-capture service updates its track entry in response to this PUT.
    * @param restAPIService the rest api service
    * @param object the relationship source object
    */
@@ -704,6 +704,6 @@ export class Relationship extends StixObject {
       object.workflow = { state: WorkflowStatus.WorkInProgress };
     }
     object.workflow.state = WorkflowStatus.WorkInProgress;
-    return object.save(restAPIService);
+    return object.update(restAPIService);
   }
 }
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 02b7691bd..8f6f4b054 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -397,7 +397,7 @@ export class ReleaseTrackPageComponent implements OnInit {
           type: 'candidate',
           modifier: 'candidates',
           items: this.candidates.filter(
-            item => this.getObjectStatus(item) === WorkflowStatus.WorkInProgress
+            item => this.isWorkInProgressCandidate(item)
           ),
           emptyLabel: 'No work in progress candidates',
           statusFallback: WorkflowStatus.WorkInProgress,
@@ -1819,6 +1819,13 @@ export class ReleaseTrackPageComponent implements OnInit {
     return item.object_status || WorkflowStatus.WorkInProgress;
   }
 
+  private isWorkInProgressCandidate(item: ReleaseTrackObjectItem): boolean {
+    return (
+      this.getObjectStatus(item) === WorkflowStatus.WorkInProgress ||
+      String(item.object_status) === 'modified-in-place'
+    );
+  }
+
   public formatConfigOption(value: any): string {
     if (value === null || value === undefined || value === '') return 'not set';
     return String(value).replace(/[_-]+/g, ' ');

From b91afa4586a8e8a62b50930b59b09f373beece93 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Wed, 29 Jul 2026 00:23:23 -0400
Subject: [PATCH 136/190] chore: update identation

---
 .../release-track-page/release-track-page.component.ts        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 8f6f4b054..83c1736b6 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -396,8 +396,8 @@ export class ReleaseTrackPageComponent implements OnInit {
           title: 'Candidates WIP',
           type: 'candidate',
           modifier: 'candidates',
-          items: this.candidates.filter(
-            item => this.isWorkInProgressCandidate(item)
+          items: this.candidates.filter(item =>
+            this.isWorkInProgressCandidate(item)
           ),
           emptyLabel: 'No work in progress candidates',
           statusFallback: WorkflowStatus.WorkInProgress,

From 2273c3c8828dd049f5d8444308ed1d1359e0e4d2 Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Wed, 29 Jul 2026 17:41:03 -0400
Subject: [PATCH 137/190] fix(release-tracks): align preview flow with updated
 API

---
 src/app/classes/release-tracks/api.ts         |   3 +-
 .../release-preview-dialog.component.html     |  18 ++-
 .../release-preview-dialog.component.spec.ts  |  21 +++
 .../release-preview-dialog.component.ts       |  39 ++++++
 .../rest-api/release-tracks.service.ts        |  46 ++-----
 .../release-track-page.component.html         |   7 +-
 .../release-track-page.component.spec.ts      | 123 ++++++++++--------
 .../release-track-page.component.ts           |  94 +++++--------
 8 files changed, 193 insertions(+), 158 deletions(-)

diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index 268e87a40..df8ebb09a 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -35,9 +35,8 @@ export interface UpdateContentsPayload {
 }
 
 export interface BumpPayload {
-  type?: 'major' | 'minor';
+  increment?: 'major' | 'minor';
   version?: string;
-  dry_run?: boolean;
 }
 
 export interface ClonePayload {
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.html b/src/app/components/release-preview-dialog/release-preview-dialog.component.html
index 4d95e918e..4ad3db086 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.html
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.html
@@ -38,7 +38,7 @@ <h2 id="release-preview-dialog-title">
 
       <section class="release-summary" aria-label="Draft snapshot summary">
         <article class="release-stat release-stat--included">
-          <strong>{{ includedObjects.length }}</strong>
+          <strong>{{ totalIncludedCount }}</strong>
           <span>Total objects included</span>
         </article>
         <article class="release-stat release-stat--new">
@@ -53,10 +53,24 @@ <h2 id="release-preview-dialog-title">
           <strong>{{ unchangedObjectCount }}</strong>
           <span>Unchanged objects</span>
         </article>
-        <article class="release-stat release-stat--excluded">
+        <article
+          *ngIf="!isVirtualTrack"
+          class="release-stat release-stat--excluded">
           <strong>{{ excludedCandidates.length }}</strong>
           <span>Candidates not included</span>
         </article>
+        <article
+          *ngIf="isVirtualTrack"
+          class="release-stat release-stat--excluded">
+          <strong>{{ removedObjectCount }}</strong>
+          <span>Removed objects</span>
+        </article>
+        <article
+          *ngIf="isVirtualTrack"
+          class="release-stat release-stat--excluded">
+          <strong>{{ quarantinedObjectCount }}</strong>
+          <span>Quarantined objects</span>
+        </article>
       </section>
     </mat-tab>
 
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
index 0735298d0..c96c45650 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
@@ -84,6 +84,27 @@ describe('ReleasePreviewDialogComponent', () => {
     expect(component.excludedCandidates).toHaveLength(1);
   });
 
+  it('should use the backend diff when previewing a virtual release', () => {
+    data.previewSummary = {
+      type: 'virtual',
+      after: { members_count: 870, quarantine_count: 0 },
+      changes: {
+        new_count: 30,
+        updated_count: 12,
+        removed_count: 10,
+        quarantined_count: 0,
+      },
+    };
+
+    expect(component.isVirtualTrack).toBe(true);
+    expect(component.totalIncludedCount).toBe(870);
+    expect(component.newObjectCount).toBe(30);
+    expect(component.updatedMemberCount).toBe(12);
+    expect(component.unchangedObjectCount).toBe(828);
+    expect(component.removedObjectCount).toBe(10);
+    expect(component.quarantinedObjectCount).toBe(0);
+  });
+
   it('should display the canonical ATT&CK object type', () => {
     data.track.staged[0].attack_type = 'technique';
 
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
index 2e7f7f315..92d69a9a0 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
@@ -6,6 +6,8 @@ import { VersionNumber } from 'src/app/classes/version-number';
 export interface ReleasePreviewDialogData {
   track: any;
   conflicts?: any[];
+  proposedMinorVersion?: string;
+  previewSummary?: any;
 }
 
 interface ReleaseTrackObject {
@@ -54,6 +56,10 @@ export class ReleasePreviewDialogComponent {
   }
 
   public get minorVersion(): string {
+    if (this.data.proposedMinorVersion) {
+      return this.formatVersion(this.data.proposedMinorVersion);
+    }
+
     return this.formatVersion(
       new VersionNumber(this.currentVersion.replace(/^v/i, ''))
         .nextMinorVersion()
@@ -81,6 +87,16 @@ export class ReleasePreviewDialogComponent {
     return this.asArray(this.data.track?.candidates);
   }
 
+  public get isVirtualTrack(): boolean {
+    return this.data.previewSummary?.type === 'virtual';
+  }
+
+  public get totalIncludedCount(): number {
+    return this.isVirtualTrack
+      ? (this.data.previewSummary?.after?.members_count ?? this.members.length)
+      : this.includedObjects.length;
+  }
+
   public get includedObjects(): IncludedReleaseObject[] {
     const stagedByRef = new Map(
       this.staged.map(item => [this.getObjectRef(item), item])
@@ -102,6 +118,10 @@ export class ReleasePreviewDialogComponent {
   }
 
   public get newObjectCount(): number {
+    if (this.isVirtualTrack) {
+      return this.data.previewSummary?.changes?.new_count ?? 0;
+    }
+
     const memberRefs = new Set(
       this.members.map(item => this.getObjectRef(item))
     );
@@ -110,6 +130,10 @@ export class ReleasePreviewDialogComponent {
   }
 
   public get updatedMemberCount(): number {
+    if (this.isVirtualTrack) {
+      return this.data.previewSummary?.changes?.updated_count ?? 0;
+    }
+
     const memberRefs = new Set(
       this.members.map(item => this.getObjectRef(item))
     );
@@ -118,9 +142,24 @@ export class ReleasePreviewDialogComponent {
   }
 
   public get unchangedObjectCount(): number {
+    if (this.isVirtualTrack) {
+      return Math.max(
+        this.totalIncludedCount - this.newObjectCount - this.updatedMemberCount,
+        0
+      );
+    }
+
     return Math.max(this.members.length - this.updatedMemberCount, 0);
   }
 
+  public get removedObjectCount(): number {
+    return this.data.previewSummary?.changes?.removed_count ?? 0;
+  }
+
+  public get quarantinedObjectCount(): number {
+    return this.data.previewSummary?.changes?.quarantined_count ?? 0;
+  }
+
   public get replacements(): IncludedReleaseObject[] {
     return this.includedObjects.filter(
       item => !!item.currentMember && !!item.incomingStaged
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 306302793..a8fe4e5c7 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -368,17 +368,18 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    */
   public previewBump(
     id: string,
-    format: ExportFormatType = ExportFormat.Workbench,
-    modified?: string
+    format: ExportFormatType | 'summary' = 'summary',
+    modified?: string,
+    increment: 'major' | 'minor' = 'minor'
   ): Observable<any> {
-    const params = this.buildHttpParams({ format });
+    const params = this.buildHttpParams({ format, increment });
     const snapshotPath = modified
       ? `snapshots/${modified}`
       : 'snapshots/latest';
     const url = `${this.apiUrl}/release-tracks/${id}/${snapshotPath}/release/preview`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
-        logger.log(`generated bump preview for track ${id}`, result)
+        logger.log(`generated release preview for track ${id}`, result)
       ),
       catchError(this.handleError_continue<any>(null)),
       share()
@@ -387,15 +388,15 @@ export class ReleaseTracksConnectorService extends ApiConnector {
 
   /**
    * POST /api/release-tracks/:id/snapshots/latest/release
-   * Bump/tag the latest snapshot.
+   * Release/tag the latest snapshot.
    * @param id Release track id
-   * @param body Bump options (type, version, dry_run)
+   * @param body Release options (increment or explicit version)
    * @returns Observable<any>
    */
   public bumpByLatest(id: string, body: BumpPayload): Observable<any> {
     const url = `${this.apiUrl}/release-tracks/${id}/snapshots/latest/release`;
     return this.http.post(url, body).pipe(
-      tap(result => logger.log(`bumped version for track ${id}`, result)),
+      tap(result => logger.log(`released snapshot for track ${id}`, result)),
       catchError(this.handleError_raise()),
       share()
     );
@@ -522,7 +523,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * Tag/release a specific snapshot.
    * @param id Release track id
    * @param modified Snapshot modified timestamp
-   * @param body Bump options
+   * @param body Release options
    * @returns Observable<any>
    */
   public bumpByModified(
@@ -532,9 +533,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   ): Observable<any> {
     const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/release`;
     return this.http.post(url, body).pipe(
-      tap(result =>
-        logger.log(`bumped version for snapshot ${modified}`, result)
-      ),
+      tap(result => logger.log(`released snapshot ${modified}`, result)),
       catchError(this.handleError_raise()),
       share()
     );
@@ -581,7 +580,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * POST /api/release-tracks/:id/snapshots/create
+   * POST /api/release-tracks/:id/virtual/snapshots/create
    * Resolve component tracks and create a new draft snapshot for a virtual track.
    * @param id Release track id
    * @param body Optional snapshot creation options
@@ -591,7 +590,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     id: string,
     body?: { description?: string }
   ): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/create`;
+    const url = `${this.apiUrl}/release-tracks/${id}/virtual/snapshots/create`;
     return this.http.post(url, body || {}).pipe(
       tap(result =>
         logger.log(`created virtual snapshot for track ${id}`, result)
@@ -602,24 +601,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * GET /api/release-tracks/:id/snapshots/preview
-   * Preview the resolved contents of a virtual snapshot without creating it.
-   * @param id Release track id
-   * @returns Observable<any>
-   */
-  public previewVirtualSnapshot(id: string): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/preview`;
-    return this.http.get(url).pipe(
-      tap(result =>
-        logger.log(`previewed virtual snapshot for track ${id}`, result)
-      ),
-      catchError(this.handleError_continue<any>(null)),
-      share()
-    );
-  }
-
-  /**
-   * PUT /api/release-tracks/:id/composition
+   * PUT /api/release-tracks/:id/virtual/composition
    * Update the composition rules for a virtual release track.
    * @param id Release track id
    * @param body Composition payload
@@ -630,7 +612,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     body: Composition,
     userAccountId?: string
   ): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/composition`;
+    const url = `${this.apiUrl}/release-tracks/${id}/virtual/composition`;
     const payload = userAccountId ? { ...body, userAccountId } : body;
     return this.http.put(url, payload).pipe(
       tap(result =>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 5e4752674..d69400288 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -28,7 +28,12 @@ <h1>
       <button
         mat-raised-button
         color="primary"
-        [disabled]="!id || !releaseTrack || isReleasing"
+        [disabled]="!canPreviewRelease"
+        [attr.title]="
+          releaseTrack?.version
+            ? 'The latest snapshot is already tagged. Modify the track to create a new draft.'
+            : null
+        "
         (click)="onPreviewRelease()">
         Preview & Release
         <mat-icon>preview</mat-icon>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index ded55ce9d..cc433957a 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -47,7 +47,6 @@ describe('ReleaseTrackPageComponent', () => {
       exportLatestSnapshot: vi.fn(() => createAsyncObservable({})),
       exportSnapshotByModified: vi.fn(() => createAsyncObservable({})),
       retrieveSnapshotByModified: vi.fn(() => createAsyncObservable(null)),
-      previewVirtualSnapshot: vi.fn(() => createAsyncObservable({})),
       createVirtualSnapshot: vi.fn(() => createAsyncObservable({})),
       previewBump: vi.fn(() => createAsyncObservable({})),
       bumpByLatest: vi.fn(() => createAsyncObservable({})),
@@ -484,21 +483,6 @@ describe('ReleaseTrackPageComponent', () => {
     const historySpy = vi
       .spyOn(component, 'getSnapshotHistory')
       .mockImplementation(() => undefined);
-    mockReleaseTrackApiConnector.previewVirtualSnapshot.mockReturnValue(
-      of({
-        preview: {
-          would_resolve_to: {
-            total_objects: 20,
-            component_snapshots: [
-              {
-                track_name: 'Component Track',
-                resolved_version: '1.0',
-              },
-            ],
-          },
-        },
-      })
-    );
     mockDialog.open.mockReturnValue({
       afterClosed: () => of('create'),
     });
@@ -508,15 +492,14 @@ describe('ReleaseTrackPageComponent', () => {
 
     component.onDraft();
 
-    expect(
-      mockReleaseTrackApiConnector.previewVirtualSnapshot
-    ).toHaveBeenCalledWith('release-track--123');
     expect(mockDialog.open).toHaveBeenCalledWith(
       MultipleChoiceDialogComponent,
       expect.objectContaining({
         data: expect.objectContaining({
           title: 'Create draft snapshot?',
-          description: expect.stringContaining('20 objects'),
+          description: expect.stringContaining(
+            'Resolve the configured component tracks'
+          ),
         }),
       })
     );
@@ -536,9 +519,7 @@ describe('ReleaseTrackPageComponent', () => {
 
     component.onDraft();
 
-    expect(
-      mockReleaseTrackApiConnector.previewVirtualSnapshot
-    ).not.toHaveBeenCalled();
+    expect(mockDialog.open).not.toHaveBeenCalled();
   });
 
   it('should not create a draft snapshot for a standard release track', () => {
@@ -547,9 +528,7 @@ describe('ReleaseTrackPageComponent', () => {
 
     component.onDraft();
 
-    expect(
-      mockReleaseTrackApiConnector.previewVirtualSnapshot
-    ).not.toHaveBeenCalled();
+    expect(mockDialog.open).not.toHaveBeenCalled();
   });
 
   it('should open the all objects table to add candidates', () => {
@@ -594,22 +573,25 @@ describe('ReleaseTrackPageComponent', () => {
       .mockImplementation(() => undefined);
     mockReleaseTrackApiConnector.previewBump.mockReturnValue(
       of({
-        id: 'release-track--123',
-        name: 'Core Objects',
-        members: [],
-        staged: [],
-        candidates: [
-          {
-            object_ref: 'attack-pattern--candidate',
-            name: 'Canonical Candidate',
-            attack_type: 'technique',
-            x_mitre_version: '2.1',
-            object_status: 'awaiting-review',
-          },
-        ],
+        version: '1.1',
         conflicts: [],
       })
     );
+    component.releaseTrack = {
+      id: 'release-track--123',
+      name: 'Core Objects',
+      members: [],
+      staged: [],
+      candidates: [
+        {
+          object_ref: 'attack-pattern--candidate',
+          name: 'Canonical Candidate',
+          attack_type: 'technique',
+          x_mitre_version: '2.1',
+          object_status: 'awaiting-review',
+        },
+      ],
+    } as any;
     mockReleaseTrackApiConnector.bumpByLatest.mockReturnValue(of({}));
     mockDialog.open.mockReturnValue({
       afterClosed: () => of('minor'),
@@ -620,7 +602,9 @@ describe('ReleaseTrackPageComponent', () => {
 
     expect(mockReleaseTrackApiConnector.previewBump).toHaveBeenCalledWith(
       'release-track--123',
-      'workbench'
+      'summary',
+      undefined,
+      'minor'
     );
     expect(mockDialog.open).toHaveBeenCalledWith(
       ReleasePreviewDialogComponent,
@@ -642,7 +626,7 @@ describe('ReleaseTrackPageComponent', () => {
     );
     expect(mockReleaseTrackApiConnector.bumpByLatest).toHaveBeenCalledWith(
       'release-track--123',
-      { type: 'minor' }
+      { increment: 'minor' }
     );
     expect(refreshSpy).toHaveBeenCalled();
     expect(historySpy).toHaveBeenCalled();
@@ -658,10 +642,7 @@ describe('ReleaseTrackPageComponent', () => {
       .mockImplementation(() => undefined);
     mockReleaseTrackApiConnector.previewBump.mockReturnValue(
       of({
-        id: 'release-track--123',
-        members: [],
-        staged: [],
-        candidates: [],
+        version: '2.0',
         conflicts: [],
       })
     );
@@ -674,17 +655,24 @@ describe('ReleaseTrackPageComponent', () => {
     component.onTagSnapshot({
       modified: '2026-07-23T13:37:28.000Z',
       isTagged: false,
+      snapshot: {
+        id: 'release-track--123',
+        members: [],
+        staged: [],
+        candidates: [],
+      },
     } as any);
 
     expect(mockReleaseTrackApiConnector.previewBump).toHaveBeenCalledWith(
       'release-track--123',
-      'workbench',
-      '2026-07-23T13:37:28.000Z'
+      'summary',
+      '2026-07-23T13:37:28.000Z',
+      'minor'
     );
     expect(mockReleaseTrackApiConnector.bumpByModified).toHaveBeenCalledWith(
       'release-track--123',
       '2026-07-23T13:37:28.000Z',
-      { type: 'major' }
+      { increment: 'major' }
     );
     expect(mockReleaseTrackApiConnector.bumpByLatest).not.toHaveBeenCalled();
     expect(refreshSpy).toHaveBeenCalled();
@@ -694,10 +682,7 @@ describe('ReleaseTrackPageComponent', () => {
   it('should not tag a release when preview returns conflicts', () => {
     mockReleaseTrackApiConnector.previewBump.mockReturnValue(
       of({
-        id: 'release-track--123',
-        members: [],
-        staged: [],
-        candidates: [],
+        version: '1.1',
         conflicts: [
           {
             object_ref: 'attack-pattern--123',
@@ -707,6 +692,12 @@ describe('ReleaseTrackPageComponent', () => {
         ],
       })
     );
+    component.releaseTrack = {
+      id: 'release-track--123',
+      members: [],
+      staged: [],
+      candidates: [],
+    } as any;
     mockDialog.open.mockReturnValue({
       afterClosed: () => of(undefined),
     });
@@ -732,13 +723,16 @@ describe('ReleaseTrackPageComponent', () => {
   it('should not create a snapshot when the preview is cancelled', () => {
     mockReleaseTrackApiConnector.previewBump.mockReturnValue(
       of({
-        id: 'release-track--123',
-        members: [],
-        staged: [],
-        candidates: [],
+        version: '1.1',
         conflicts: [],
       })
     );
+    component.releaseTrack = {
+      id: 'release-track--123',
+      members: [],
+      staged: [],
+      candidates: [],
+    } as any;
     mockDialog.open.mockReturnValue({
       afterClosed: () => of(undefined),
     });
@@ -767,6 +761,10 @@ describe('ReleaseTrackPageComponent', () => {
       throwError(() => new Error('preview failed'))
     );
     component.id = 'release-track--123';
+    component.releaseTrack = {
+      id: 'release-track--123',
+      version: null,
+    } as any;
 
     component.onPreviewRelease();
 
@@ -778,6 +776,19 @@ describe('ReleaseTrackPageComponent', () => {
     expect(mockDialog.open).not.toHaveBeenCalled();
   });
 
+  it('should not preview an already tagged latest snapshot', () => {
+    component.id = 'release-track--123';
+    component.releaseTrack = {
+      id: 'release-track--123',
+      version: '1.0',
+    } as any;
+
+    component.onPreviewRelease();
+
+    expect(mockReleaseTrackApiConnector.previewBump).not.toHaveBeenCalled();
+    expect(component.canPreviewRelease).toBe(false);
+  });
+
   it('should load release track config into the config form', () => {
     mockReleaseTrackApiConnector.getConfig.mockReturnValue(
       of({
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 41d3bd2ef..5185b18cf 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -464,6 +464,15 @@ export class ReleaseTrackPageComponent implements OnInit {
     return !!this.id && this.isVirtualReleaseTrack && !this.isCreatingDraft;
   }
 
+  public get canPreviewRelease(): boolean {
+    return (
+      !!this.id &&
+      !!this.releaseTrack &&
+      this.releaseTrack.version == null &&
+      !this.isReleasing
+    );
+  }
+
   public get canEditReleaseTrack(): boolean {
     return this.authenticationService.canEdit();
   }
@@ -1244,67 +1253,20 @@ export class ReleaseTrackPageComponent implements OnInit {
     return `${safeName}-latest-${format}.json`;
   }
 
-  private getVirtualSnapshotPreviewDescription(preview: any): string {
-    const resolved =
-      preview?.preview?.would_resolve_to ||
-      preview?.would_resolve_to ||
-      preview?.composition_resolution ||
-      preview;
-    const components = resolved?.component_snapshots || [];
-    const totalObjects =
-      resolved?.total_objects ||
-      resolved?.summary?.total_objects ||
-      preview?.total_objects ||
-      preview?.summary?.total_objects;
-
-    const componentText = components.length
-      ? `Components: ${components
-          .map((component: any) => {
-            const name =
-              component.track_name || component.track_id || 'component track';
-            const version =
-              component.resolved_version ||
-              component.version ||
-              component.resolved_snapshot;
-            return version ? `${name} (${version})` : name;
-          })
-          .join(', ')}.`
-      : 'No component details were returned.';
-    const objectText =
-      totalObjects === undefined || totalObjects === null
-        ? 'Object count was not returned.'
-        : `${totalObjects} objects will be resolved.`;
-
-    return `${objectText} ${componentText}`;
-  }
-
   public onDraft(): void {
     if (!this.canCreateDraft) return;
 
-    this.isCreatingDraft = true;
-    this.connector
-      .previewVirtualSnapshot(this.id)
-      .pipe(take(1))
-      .subscribe({
-        next: preview => {
-          this.isCreatingDraft = false;
-          if (!preview) return;
-          this.openVirtualSnapshotPreview(preview);
-        },
-        error: err => {
-          this.isCreatingDraft = false;
-          console.error('Failed to preview draft snapshot', err);
-        },
-      });
+    this.openVirtualSnapshotConfirmation();
   }
 
-  private openVirtualSnapshotPreview(preview: any): void {
+  private openVirtualSnapshotConfirmation(): void {
     const dialogRef = this.dialog.open(MultipleChoiceDialogComponent, {
       width: '30em',
       autoFocus: false,
       data: {
         title: 'Create draft snapshot?',
-        description: this.getVirtualSnapshotPreviewDescription(preview),
+        description:
+          'Resolve the configured component tracks into a new virtual draft snapshot.',
         choices: [
           {
             label: 'Create Draft',
@@ -1398,6 +1360,7 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public onPreviewRelease(): void {
+    if (!this.canPreviewRelease) return;
     this.previewRelease();
   }
 
@@ -1410,12 +1373,8 @@ export class ReleaseTrackPageComponent implements OnInit {
 
     this.isReleasing = true;
     const preview = item?.modified
-      ? this.connector.previewBump(
-          this.id,
-          ExportFormat.Workbench,
-          item.modified
-        )
-      : this.connector.previewBump(this.id, ExportFormat.Workbench);
+      ? this.connector.previewBump(this.id, 'summary', item.modified, 'minor')
+      : this.connector.previewBump(this.id, 'summary', undefined, 'minor');
 
     preview
       .pipe(
@@ -1425,7 +1384,10 @@ export class ReleaseTrackPageComponent implements OnInit {
         })
       )
       .subscribe({
-        next: preview => this.openReleasePreviewDialog(preview, item),
+        next: preview => {
+          if (!preview) return;
+          this.openReleasePreviewDialog(preview, item);
+        },
         error: err => {
           console.error('Failed to load objects for release preview', err);
         },
@@ -1786,11 +1748,9 @@ export class ReleaseTrackPageComponent implements OnInit {
     preview: any,
     item?: SnapshotHistoryViewModel
   ): void {
-    const track =
-      preview?.snapshot ??
-      preview?.release_preview?.snapshot ??
-      preview?.release_preview ??
-      preview;
+    const track = item?.snapshot ?? this.releaseTrack;
+    if (!track) return;
+
     const releaseRef = this.dialog.open(ReleasePreviewDialogComponent, {
       maxWidth: 'none',
       autoFocus: false,
@@ -1801,6 +1761,8 @@ export class ReleaseTrackPageComponent implements OnInit {
       data: {
         track,
         conflicts: this.getReleaseConflicts(preview),
+        proposedMinorVersion: preview?.version,
+        previewSummary: preview,
       },
     });
 
@@ -1821,8 +1783,10 @@ export class ReleaseTrackPageComponent implements OnInit {
 
     this.isReleasing = true;
     const release = item?.modified
-      ? this.connector.bumpByModified(this.id, item.modified, { type })
-      : this.connector.bumpByLatest(this.id, { type });
+      ? this.connector.bumpByModified(this.id, item.modified, {
+          increment: type,
+        })
+      : this.connector.bumpByLatest(this.id, { increment: type });
 
     release
       .pipe(

From a5c82844cf37add99bc7633edc767341327d0435 Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Thu, 30 Jul 2026 11:56:31 -0400
Subject: [PATCH 138/190] fix(release-tracks): support multiple drafts and fix
 release previews

---
 .../rest-api/rest-api-connector.service.ts    |   2 +
 .../release-track-page.component.html         |  11 +-
 .../release-track-page.component.spec.ts      | 154 ++++++++++++++++--
 .../release-track-page.component.ts           | 143 ++++++++++++++--
 4 files changed, 271 insertions(+), 39 deletions(-)

diff --git a/src/app/services/connectors/rest-api/rest-api-connector.service.ts b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
index 7126e6363..98b560031 100644
--- a/src/app/services/connectors/rest-api/rest-api-connector.service.ts
+++ b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
@@ -527,6 +527,7 @@ export class RestApiConnectorService extends ApiConnector {
     revoked?: boolean;
     deprecated?: boolean;
     deserialize?: boolean;
+    versions?: 'all' | 'latest';
     lastUpdatedBy?: string[];
     search?: string;
   }) {
@@ -550,6 +551,7 @@ export class RestApiConnectorService extends ApiConnector {
         'includeDeprecated',
         options.deprecated ? 'true' : 'false'
       );
+    if (options?.versions) query = query.set('versions', options.versions);
     // searching
     if (options?.search) query = query.set('search', options.search);
     // lastUpdatedBy
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index d69400288..38ae385fb 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -25,16 +25,7 @@ <h1>
         Create Draft
         <mat-icon>local_see</mat-icon>
       </button>
-      <button
-        mat-raised-button
-        color="primary"
-        [disabled]="!canPreviewRelease"
-        [attr.title]="
-          releaseTrack?.version
-            ? 'The latest snapshot is already tagged. Modify the track to create a new draft.'
-            : null
-        "
-        (click)="onPreviewRelease()">
+      <button mat-raised-button color="primary" (click)="onPreviewRelease()">
         Preview & Release
         <mat-icon>preview</mat-icon>
       </button>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index cc433957a..a7c3c46f9 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -63,9 +63,7 @@ describe('ReleaseTrackPageComponent', () => {
       open: vi.fn(),
     };
     mockRestApiConnector = {
-      getAllObjects: vi.fn(() =>
-        createAsyncObservable(createPaginatedResponse([]))
-      ),
+      getAllObjects: vi.fn(() => of(createPaginatedResponse([]))),
       triggerBrowserDownload: vi.fn(),
     };
     const mockBreadcrumbService = {
@@ -646,6 +644,50 @@ describe('ReleaseTrackPageComponent', () => {
         conflicts: [],
       })
     );
+    mockReleaseTrackApiConnector.retrieveSnapshotByModified.mockReturnValue(
+      of({
+        id: 'release-track--123',
+        members: [
+          {
+            object_ref: 'malware--replacement',
+            object_modified: '2026-07-01T12:00:00.000Z',
+          },
+        ],
+        staged: [
+          {
+            object_ref: 'malware--replacement',
+            object_modified: '2026-07-23T12:00:00.000Z',
+          },
+        ],
+        candidates: [],
+      })
+    );
+    mockRestApiConnector.getAllObjects.mockReturnValue(
+      of(
+        createPaginatedResponse([
+          {
+            workspace: { attack_id: 'S0001' },
+            stix: {
+              id: 'malware--replacement',
+              modified: '2026-07-01T12:00:00.000Z',
+              name: 'Replacement Example',
+              type: 'malware',
+              x_mitre_version: '1.0',
+            },
+          },
+          {
+            workspace: { attack_id: 'S0001' },
+            stix: {
+              id: 'malware--replacement',
+              modified: '2026-07-23T12:00:00.000Z',
+              name: 'Replacement Example',
+              type: 'malware',
+              x_mitre_version: '1.1',
+            },
+          },
+        ])
+      )
+    );
     mockReleaseTrackApiConnector.bumpByModified.mockReturnValue(of({}));
     mockDialog.open.mockReturnValue({
       afterClosed: () => of('major'),
@@ -655,12 +697,7 @@ describe('ReleaseTrackPageComponent', () => {
     component.onTagSnapshot({
       modified: '2026-07-23T13:37:28.000Z',
       isTagged: false,
-      snapshot: {
-        id: 'release-track--123',
-        members: [],
-        staged: [],
-        candidates: [],
-      },
+      snapshot: {},
     } as any);
 
     expect(mockReleaseTrackApiConnector.previewBump).toHaveBeenCalledWith(
@@ -669,6 +706,36 @@ describe('ReleaseTrackPageComponent', () => {
       '2026-07-23T13:37:28.000Z',
       'minor'
     );
+    expect(
+      mockReleaseTrackApiConnector.retrieveSnapshotByModified
+    ).toHaveBeenCalledWith('release-track--123', '2026-07-23T13:37:28.000Z', {
+      format: 'workbench',
+      include: 'all',
+    });
+    expect(mockRestApiConnector.getAllObjects).toHaveBeenCalledWith({
+      revoked: true,
+      deprecated: true,
+      versions: 'all',
+    });
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      ReleasePreviewDialogComponent,
+      expect.objectContaining({
+        data: expect.objectContaining({
+          track: expect.objectContaining({
+            members: [
+              expect.objectContaining({
+                x_mitre_version: '1.0',
+              }),
+            ],
+            staged: [
+              expect.objectContaining({
+                x_mitre_version: '1.1',
+              }),
+            ],
+          }),
+        }),
+      })
+    );
     expect(mockReleaseTrackApiConnector.bumpByModified).toHaveBeenCalledWith(
       'release-track--123',
       '2026-07-23T13:37:28.000Z',
@@ -679,6 +746,54 @@ describe('ReleaseTrackPageComponent', () => {
     expect(historySpy).toHaveBeenCalled();
   });
 
+  it('should preview the newest draft when multiple drafts exist', () => {
+    mockReleaseTrackApiConnector.previewBump.mockReturnValue(
+      of({ version: '1.1', conflicts: [] })
+    );
+    mockReleaseTrackApiConnector.retrieveSnapshotByModified.mockReturnValue(
+      of({
+        id: 'release-track--123',
+        modified: '2026-07-30T14:00:00.000Z',
+        members: [],
+        staged: [],
+        candidates: [],
+      })
+    );
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of(undefined),
+    });
+    component.id = 'release-track--123';
+    component.releaseTrack = {
+      id: 'release-track--123',
+      version: null,
+    } as any;
+    component.snapshotHistory = [
+      {
+        modified: '2026-07-30T14:00:00.000Z',
+        isTagged: false,
+      },
+      {
+        modified: '2026-07-29T14:00:00.000Z',
+        isTagged: false,
+      },
+    ] as any;
+
+    component.onPreviewRelease();
+
+    expect(mockReleaseTrackApiConnector.previewBump).toHaveBeenCalledWith(
+      'release-track--123',
+      'summary',
+      '2026-07-30T14:00:00.000Z',
+      'minor'
+    );
+    expect(
+      mockReleaseTrackApiConnector.retrieveSnapshotByModified
+    ).toHaveBeenCalledWith('release-track--123', '2026-07-30T14:00:00.000Z', {
+      format: 'workbench',
+      include: 'all',
+    });
+  });
+
   it('should not tag a release when preview returns conflicts', () => {
     mockReleaseTrackApiConnector.previewBump.mockReturnValue(
       of({
@@ -776,17 +891,34 @@ describe('ReleaseTrackPageComponent', () => {
     expect(mockDialog.open).not.toHaveBeenCalled();
   });
 
-  it('should not preview an already tagged latest snapshot', () => {
+  it('should keep Preview & Release enabled for a tagged snapshot', () => {
     component.id = 'release-track--123';
     component.releaseTrack = {
       id: 'release-track--123',
       version: '1.0',
     } as any;
+    fixture.detectChanges();
+
+    const previewButton = Array.from(
+      fixture.nativeElement.querySelectorAll('button')
+    ).find((button: Element) =>
+      button.textContent?.includes('Preview & Release')
+    ) as HTMLButtonElement;
+
+    expect(previewButton).toBeTruthy();
+    expect(previewButton.disabled).toBe(false);
 
     component.onPreviewRelease();
 
     expect(mockReleaseTrackApiConnector.previewBump).not.toHaveBeenCalled();
-    expect(component.canPreviewRelease).toBe(false);
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      MultipleChoiceDialogComponent,
+      expect.objectContaining({
+        data: expect.objectContaining({
+          title: 'No draft snapshot available',
+        }),
+      })
+    );
   });
 
   it('should load release track config into the config form', () => {
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 5185b18cf..f1834ac2e 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -3,6 +3,7 @@ import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
+import { forkJoin, of } from 'rxjs';
 import { finalize, take } from 'rxjs/operators';
 import {
   ConflictPolicy,
@@ -464,13 +465,8 @@ export class ReleaseTrackPageComponent implements OnInit {
     return !!this.id && this.isVirtualReleaseTrack && !this.isCreatingDraft;
   }
 
-  public get canPreviewRelease(): boolean {
-    return (
-      !!this.id &&
-      !!this.releaseTrack &&
-      this.releaseTrack.version == null &&
-      !this.isReleasing
-    );
+  private get latestDraftSnapshot(): SnapshotHistoryViewModel | undefined {
+    return this.snapshotHistory.find(snapshot => !snapshot.isTagged);
   }
 
   public get canEditReleaseTrack(): boolean {
@@ -1360,8 +1356,31 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public onPreviewRelease(): void {
-    if (!this.canPreviewRelease) return;
-    this.previewRelease();
+    if (!this.latestDraftSnapshot && this.releaseTrack?.version != null) {
+      this.openNoDraftSnapshotDialog();
+      return;
+    }
+
+    this.previewRelease(this.latestDraftSnapshot);
+  }
+
+  private openNoDraftSnapshotDialog(): void {
+    this.dialog.open(MultipleChoiceDialogComponent, {
+      width: '30em',
+      autoFocus: false,
+      restoreFocus: true,
+      data: {
+        title: 'No draft snapshot available',
+        description:
+          'The latest snapshot has already been released. Modify the release track to create a new draft before previewing another release.',
+        choices: [
+          {
+            label: 'Close',
+            value: 'close',
+          },
+        ],
+      },
+    });
   }
 
   public onTagSnapshot(item: SnapshotHistoryViewModel): void {
@@ -1372,9 +1391,25 @@ export class ReleaseTrackPageComponent implements OnInit {
     if (!this.id || this.isReleasing) return;
 
     this.isReleasing = true;
-    const preview = item?.modified
-      ? this.connector.previewBump(this.id, 'summary', item.modified, 'minor')
-      : this.connector.previewBump(this.id, 'summary', undefined, 'minor');
+    const preview = forkJoin({
+      preview: this.connector.previewBump(
+        this.id,
+        'summary',
+        item?.modified ?? undefined,
+        'minor'
+      ),
+      track: item?.modified
+        ? this.connector.retrieveSnapshotByModified(this.id, item.modified, {
+            format: ExportFormat.Workbench,
+            include: 'all',
+          })
+        : of(this.releaseTrack),
+      objects: this.restApiConnectorService.getAllObjects({
+        revoked: true,
+        deprecated: true,
+        versions: 'all',
+      }),
+    });
 
     preview
       .pipe(
@@ -1384,9 +1419,13 @@ export class ReleaseTrackPageComponent implements OnInit {
         })
       )
       .subscribe({
-        next: preview => {
-          if (!preview) return;
-          this.openReleasePreviewDialog(preview, item);
+        next: result => {
+          if (!result.preview || !result.track) return;
+          this.openReleasePreviewDialog(
+            result.preview,
+            this.enrichReleasePreviewTrack(result.track, result.objects),
+            item
+          );
         },
         error: err => {
           console.error('Failed to load objects for release preview', err);
@@ -1746,11 +1785,9 @@ export class ReleaseTrackPageComponent implements OnInit {
 
   private openReleasePreviewDialog(
     preview: any,
+    track: ReleaseTrackSnapshot,
     item?: SnapshotHistoryViewModel
   ): void {
-    const track = item?.snapshot ?? this.releaseTrack;
-    if (!track) return;
-
     const releaseRef = this.dialog.open(ReleasePreviewDialogComponent, {
       maxWidth: 'none',
       autoFocus: false,
@@ -1775,6 +1812,76 @@ export class ReleaseTrackPageComponent implements OnInit {
       });
   }
 
+  private enrichReleasePreviewTrack(
+    track: ReleaseTrackSnapshot,
+    response: any
+  ) {
+    const objects = Array.isArray(response)
+      ? response
+      : Array.isArray(response?.data)
+        ? response.data
+        : [];
+    const objectsByRevision = new Map<string, any>();
+
+    objects.forEach((object: any) => {
+      const objectRef = object?.stix?.id ?? object?.stixID ?? object?.id;
+      const modified =
+        object?.stix?.modified ?? object?.modified ?? object?.object_modified;
+      if (objectRef && modified) {
+        objectsByRevision.set(
+          this.getReleasePreviewRevisionKey(objectRef, modified),
+          object
+        );
+      }
+    });
+
+    const enrich = (entry: any) => {
+      const object = objectsByRevision.get(
+        this.getReleasePreviewRevisionKey(
+          entry?.object_ref,
+          entry?.object_modified
+        )
+      );
+      if (!object) return entry;
+
+      const stix = object?.stix ?? object;
+      return {
+        ...entry,
+        name: object?.name ?? stix?.name ?? entry?.name,
+        attack_id:
+          object?.attackID ??
+          object?.attack_id ??
+          object?.workspace?.attack_id ??
+          entry?.attack_id,
+        attack_type:
+          object?.attackType ??
+          StixTypeToAttackType[stix?.type as StixType] ??
+          entry?.attack_type,
+        type: stix?.type ?? entry?.type,
+        x_mitre_version:
+          object?.version?.toString?.() ??
+          object?.version ??
+          stix?.x_mitre_version ??
+          entry?.x_mitre_version,
+      };
+    };
+
+    return {
+      ...track,
+      members: (track.members ?? []).map(enrich),
+      staged: (track.staged ?? []).map(enrich),
+      candidates: (track.candidates ?? []).map(enrich),
+    } as ReleaseTrackSnapshot;
+  }
+
+  private getReleasePreviewRevisionKey(
+    objectRef: unknown,
+    modified: unknown
+  ): string {
+    const timestamp = new Date(modified as any).getTime();
+    return `${String(objectRef ?? '')}::${timestamp}`;
+  }
+
   private bumpRelease(
     type: 'major' | 'minor',
     item?: SnapshotHistoryViewModel

From f0e1d83076663d36ebd17c552becd6c2113fa06c Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 12:12:05 -0400
Subject: [PATCH 139/190] fix(release-tracks): preserve latest revision
 selectors

---
 .../classes/release-tracks/snapshot.spec.ts   | 63 +++++++++++++++++++
 src/app/classes/release-tracks/snapshot.ts    | 36 +++++++----
 src/app/classes/release-tracks/tiers.ts       |  6 +-
 3 files changed, 91 insertions(+), 14 deletions(-)

diff --git a/src/app/classes/release-tracks/snapshot.spec.ts b/src/app/classes/release-tracks/snapshot.spec.ts
index 5c6614464..75b27de0d 100644
--- a/src/app/classes/release-tracks/snapshot.spec.ts
+++ b/src/app/classes/release-tracks/snapshot.spec.ts
@@ -64,4 +64,67 @@ describe('ReleaseTrackSnapshot', () => {
       })
     );
   });
+
+  it('should preserve latest selectors for candidate and staged revisions', () => {
+    const snapshot = new ReleaseTrackSnapshot({
+      candidates: [
+        {
+          object_ref: 'attack-pattern--candidate',
+          object_modified: 'latest',
+          object_status: 'work-in-progress',
+        },
+      ],
+      staged: [
+        {
+          object_ref: 'attack-pattern--staged',
+          object_modified: 'latest',
+          object_status: 'reviewed',
+        },
+      ],
+    });
+
+    expect(snapshot.candidates?.[0].object_modified).toBe('latest');
+    expect(snapshot.staged?.[0].object_modified).toBe('latest');
+    expect(snapshot.serialize()).toEqual(
+      expect.objectContaining({
+        candidates: [
+          expect.objectContaining({
+            object_modified: 'latest',
+          }),
+        ],
+        staged: [
+          expect.objectContaining({
+            object_modified: 'latest',
+          }),
+        ],
+      })
+    );
+  });
+
+  it('should deserialize and serialize exact workflow revision timestamps', () => {
+    const modified = '2026-01-04T00:00:00.000Z';
+    const snapshot = new ReleaseTrackSnapshot({
+      candidates: [
+        {
+          object_ref: 'attack-pattern--candidate',
+          object_modified: modified,
+          object_status: 'work-in-progress',
+        },
+      ],
+      staged: [
+        {
+          object_ref: 'attack-pattern--staged',
+          object_modified: modified,
+          object_status: 'reviewed',
+        },
+      ],
+    });
+
+    expect(snapshot.candidates?.[0].object_modified).toEqual(
+      new Date(modified)
+    );
+    expect(snapshot.staged?.[0].object_modified).toEqual(new Date(modified));
+    expect(snapshot.serialize().candidates[0].object_modified).toBe(modified);
+    expect(snapshot.serialize().staged[0].object_modified).toBe(modified);
+  });
 });
diff --git a/src/app/classes/release-tracks/snapshot.ts b/src/app/classes/release-tracks/snapshot.ts
index 7ec844bef..3e98abeb1 100644
--- a/src/app/classes/release-tracks/snapshot.ts
+++ b/src/app/classes/release-tracks/snapshot.ts
@@ -8,6 +8,7 @@ import {
   MemberEntry,
   QuarantineEntry,
   StagedEntry,
+  WorkflowRevisionSelector,
 } from './tiers';
 
 export class ReleaseTrackSnapshot {
@@ -119,9 +120,9 @@ export class ReleaseTrackSnapshot {
       this.staged = raw.staged.map((s: any) => ({
         ...s,
         object_ref: s.object_ref,
-        object_modified: s.object_modified
-          ? new Date(s.object_modified)
-          : undefined,
+        object_modified: this.deserializeWorkflowRevision(
+          s.object_modified
+        ),
         object_status: s.object_status,
         object_staged_at: s.object_staged_at
           ? new Date(s.object_staged_at)
@@ -134,9 +135,9 @@ export class ReleaseTrackSnapshot {
       this.candidates = raw.candidates.map((c: any) => ({
         ...c,
         object_ref: c.object_ref,
-        object_modified: c.object_modified
-          ? new Date(c.object_modified)
-          : undefined,
+        object_modified: this.deserializeWorkflowRevision(
+          c.object_modified
+        ),
         object_status: c.object_status,
         object_added_at: c.object_added_at
           ? new Date(c.object_added_at)
@@ -212,18 +213,14 @@ export class ReleaseTrackSnapshot {
       })),
       staged: this.staged?.map(s => ({
         ...s,
-        object_modified: s.object_modified
-          ? (s.object_modified as any).toISOString()
-          : s.object_modified,
+        object_modified: this.serializeWorkflowRevision(s.object_modified),
         object_staged_at: s.object_staged_at
           ? (s.object_staged_at as any).toISOString()
           : s.object_staged_at,
       })),
       candidates: this.candidates?.map(c => ({
         ...c,
-        object_modified: c.object_modified
-          ? (c.object_modified as any).toISOString()
-          : c.object_modified,
+        object_modified: this.serializeWorkflowRevision(c.object_modified),
         object_added_at: c.object_added_at
           ? (c.object_added_at as any).toISOString()
           : c.object_added_at,
@@ -260,6 +257,21 @@ export class ReleaseTrackSnapshot {
     return this.members.find(m => m.object_ref === objectRef);
   }
 
+  private deserializeWorkflowRevision(
+    value: string | Date | undefined
+  ): WorkflowRevisionSelector | undefined {
+    if (!value) return undefined;
+    return value === 'latest' ? 'latest' : new Date(value);
+  }
+
+  private serializeWorkflowRevision(
+    value: WorkflowRevisionSelector | undefined
+  ): string | undefined {
+    if (value === undefined) return undefined;
+    if (value === 'latest') return value;
+    return value.toISOString();
+  }
+
   // Get the candidate entry for the given STIX ID
   public findCandidate(objectRef: string): CandidateEntry | undefined {
     return this.candidates?.find(c => c.object_ref === objectRef);
diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index 4d68d01c4..bae5f0ad9 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -4,6 +4,8 @@ import { SnapshotTier } from './enums';
 export type ReleaseTrackObjectTier =
   SnapshotTier.Candidate | SnapshotTier.Staged;
 
+export type WorkflowRevisionSelector = Date | 'latest';
+
 export interface TierEntryModifiedByUser {
   id?: string;
   username?: string;
@@ -25,7 +27,7 @@ export interface MemberEntry {
 
 export interface StagedEntry extends TierEntryDisplayFields {
   object_ref: string;
-  object_modified: Date;
+  object_modified: WorkflowRevisionSelector;
   object_status: WorkflowStatusType;
   object_staged_at: Date;
   object_staged_by: string;
@@ -33,7 +35,7 @@ export interface StagedEntry extends TierEntryDisplayFields {
 
 export interface CandidateEntry extends TierEntryDisplayFields {
   object_ref: string;
-  object_modified: Date;
+  object_modified: WorkflowRevisionSelector;
   object_status: WorkflowStatusType;
   object_added_at: Date;
   object_added_by: string;

From 0c43d56d0ad49123f7a877fb128ecae8d4f99de0 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 12:13:41 -0400
Subject: [PATCH 140/190] fix(release-tracks): update virtual endpoint paths

---
 .../rest-api/release-tracks.service.spec.ts   | 64 +++++++++++++++++++
 .../rest-api/release-tracks.service.ts        | 25 ++------
 2 files changed, 68 insertions(+), 21 deletions(-)
 create mode 100644 src/app/services/connectors/rest-api/release-tracks.service.spec.ts

diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
new file mode 100644
index 000000000..3e273c0a8
--- /dev/null
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -0,0 +1,64 @@
+import { of } from 'rxjs';
+import { environment } from '../../../../environments/environment';
+import { ReleaseTracksConnectorService } from './release-tracks.service';
+
+describe('ReleaseTracksConnectorService', () => {
+  let http: {
+    get: ReturnType<typeof vi.fn>;
+    post: ReturnType<typeof vi.fn>;
+    put: ReturnType<typeof vi.fn>;
+    delete: ReturnType<typeof vi.fn>;
+  };
+  let service: ReleaseTracksConnectorService;
+
+  beforeEach(() => {
+    http = {
+      get: vi.fn(() => of({})),
+      post: vi.fn(() => of({})),
+      put: vi.fn(() => of({})),
+      delete: vi.fn(() => of({})),
+    };
+    service = new ReleaseTracksConnectorService(
+      http as any,
+      { open: vi.fn() } as any
+    );
+  });
+
+  it('should create virtual snapshots through the virtual namespace', () => {
+    service
+      .createVirtualSnapshot('release-track--virtual', {
+        description: 'Scheduled draft',
+      })
+      .subscribe();
+
+    expect(http.post).toHaveBeenCalledWith(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--virtual/virtual/snapshots/create`,
+      { description: 'Scheduled draft' }
+    );
+  });
+
+  it('should update composition through the virtual namespace', () => {
+    const composition = {
+      component_tracks: [
+        {
+          track_id: 'release-track--standard',
+          resolution_strategy: 'latest_tagged' as const,
+          priority: 0,
+        },
+      ],
+    };
+
+    service
+      .updateComposition('release-track--virtual', composition)
+      .subscribe();
+
+    expect(http.put).toHaveBeenCalledWith(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--virtual/virtual/composition`,
+      composition
+    );
+  });
+
+  it('should not expose the removed virtual snapshot preview operation', () => {
+    expect((service as any).previewVirtualSnapshot).toBeUndefined();
+  });
+});
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 306302793..940d31364 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -581,7 +581,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * POST /api/release-tracks/:id/snapshots/create
+   * POST /api/release-tracks/:id/virtual/snapshots/create
    * Resolve component tracks and create a new draft snapshot for a virtual track.
    * @param id Release track id
    * @param body Optional snapshot creation options
@@ -591,7 +591,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     id: string,
     body?: { description?: string }
   ): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/create`;
+    const url = `${this.apiUrl}/release-tracks/${id}/virtual/snapshots/create`;
     return this.http.post(url, body || {}).pipe(
       tap(result =>
         logger.log(`created virtual snapshot for track ${id}`, result)
@@ -602,24 +602,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   }
 
   /**
-   * GET /api/release-tracks/:id/snapshots/preview
-   * Preview the resolved contents of a virtual snapshot without creating it.
-   * @param id Release track id
-   * @returns Observable<any>
-   */
-  public previewVirtualSnapshot(id: string): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/preview`;
-    return this.http.get(url).pipe(
-      tap(result =>
-        logger.log(`previewed virtual snapshot for track ${id}`, result)
-      ),
-      catchError(this.handleError_continue<any>(null)),
-      share()
-    );
-  }
-
-  /**
-   * PUT /api/release-tracks/:id/composition
+   * PUT /api/release-tracks/:id/virtual/composition
    * Update the composition rules for a virtual release track.
    * @param id Release track id
    * @param body Composition payload
@@ -630,7 +613,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     body: Composition,
     userAccountId?: string
   ): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/composition`;
+    const url = `${this.apiUrl}/release-tracks/${id}/virtual/composition`;
     const payload = userAccountId ? { ...body, userAccountId } : body;
     return this.http.put(url, payload).pipe(
       tap(result =>

From 78ca2d0c3cc4d35925211a8067823f54cee1521f Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 12:18:18 -0400
Subject: [PATCH 141/190] fix(release-tracks): create virtual drafts directly

---
 .../release-track-page.component.spec.ts      | 27 ++-------
 .../release-track-page.component.ts           | 55 +------------------
 2 files changed, 7 insertions(+), 75 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 1c29dd1fd..06b2b52f2 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -46,7 +46,6 @@ describe('ReleaseTrackPageComponent', () => {
       exportLatestSnapshot: vi.fn(() => createAsyncObservable({})),
       exportSnapshotByModified: vi.fn(() => createAsyncObservable({})),
       retrieveSnapshotByModified: vi.fn(() => createAsyncObservable(null)),
-      previewVirtualSnapshot: vi.fn(() => createAsyncObservable({})),
       createVirtualSnapshot: vi.fn(() => createAsyncObservable({})),
       previewBump: vi.fn(() => createAsyncObservable({})),
       bumpByLatest: vi.fn(() => createAsyncObservable({})),
@@ -483,21 +482,6 @@ describe('ReleaseTrackPageComponent', () => {
     const historySpy = vi
       .spyOn(component, 'getSnapshotHistory')
       .mockImplementation(() => undefined);
-    mockReleaseTrackApiConnector.previewVirtualSnapshot.mockReturnValue(
-      of({
-        preview: {
-          would_resolve_to: {
-            total_objects: 20,
-            component_snapshots: [
-              {
-                track_name: 'Component Track',
-                resolved_version: '1.0',
-              },
-            ],
-          },
-        },
-      })
-    );
     mockDialog.open.mockReturnValue({
       afterClosed: () => of('create'),
     });
@@ -507,15 +491,12 @@ describe('ReleaseTrackPageComponent', () => {
 
     component.onDraft();
 
-    expect(
-      mockReleaseTrackApiConnector.previewVirtualSnapshot
-    ).toHaveBeenCalledWith('release-track--123');
     expect(mockDialog.open).toHaveBeenCalledWith(
       MultipleChoiceDialogComponent,
       expect.objectContaining({
         data: expect.objectContaining({
           title: 'Create draft snapshot?',
-          description: expect.stringContaining('20 objects'),
+          description: expect.stringContaining('persistent virtual draft'),
         }),
       })
     );
@@ -535,8 +516,9 @@ describe('ReleaseTrackPageComponent', () => {
 
     component.onDraft();
 
+    expect(mockDialog.open).not.toHaveBeenCalled();
     expect(
-      mockReleaseTrackApiConnector.previewVirtualSnapshot
+      mockReleaseTrackApiConnector.createVirtualSnapshot
     ).not.toHaveBeenCalled();
   });
 
@@ -546,8 +528,9 @@ describe('ReleaseTrackPageComponent', () => {
 
     component.onDraft();
 
+    expect(mockDialog.open).not.toHaveBeenCalled();
     expect(
-      mockReleaseTrackApiConnector.previewVirtualSnapshot
+      mockReleaseTrackApiConnector.createVirtualSnapshot
     ).not.toHaveBeenCalled();
   });
 
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 4ed8474d6..5fd1b2cf1 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -1243,67 +1243,16 @@ export class ReleaseTrackPageComponent implements OnInit {
     return `${safeName}-latest-${format}.json`;
   }
 
-  private getVirtualSnapshotPreviewDescription(preview: any): string {
-    const resolved =
-      preview?.preview?.would_resolve_to ||
-      preview?.would_resolve_to ||
-      preview?.composition_resolution ||
-      preview;
-    const components = resolved?.component_snapshots || [];
-    const totalObjects =
-      resolved?.total_objects ||
-      resolved?.summary?.total_objects ||
-      preview?.total_objects ||
-      preview?.summary?.total_objects;
-
-    const componentText = components.length
-      ? `Components: ${components
-          .map((component: any) => {
-            const name =
-              component.track_name || component.track_id || 'component track';
-            const version =
-              component.resolved_version ||
-              component.version ||
-              component.resolved_snapshot;
-            return version ? `${name} (${version})` : name;
-          })
-          .join(', ')}.`
-      : 'No component details were returned.';
-    const objectText =
-      totalObjects === undefined || totalObjects === null
-        ? 'Object count was not returned.'
-        : `${totalObjects} objects will be resolved.`;
-
-    return `${objectText} ${componentText}`;
-  }
-
   public onDraft(): void {
     if (!this.canCreateDraft) return;
 
-    this.isCreatingDraft = true;
-    this.connector
-      .previewVirtualSnapshot(this.id)
-      .pipe(take(1))
-      .subscribe({
-        next: preview => {
-          this.isCreatingDraft = false;
-          if (!preview) return;
-          this.openVirtualSnapshotPreview(preview);
-        },
-        error: err => {
-          this.isCreatingDraft = false;
-          console.error('Failed to preview draft snapshot', err);
-        },
-      });
-  }
-
-  private openVirtualSnapshotPreview(preview: any): void {
     const dialogRef = this.dialog.open(MultipleChoiceDialogComponent, {
       width: '30em',
       autoFocus: false,
       data: {
         title: 'Create draft snapshot?',
-        description: this.getVirtualSnapshotPreviewDescription(preview),
+        description:
+          'Resolve the tagged component releases into a persistent virtual draft snapshot.',
         choices: [
           {
             label: 'Create Draft',

From e817ede951856d20b1b4b33d1bf95b0275dbadbe Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 12:23:50 -0400
Subject: [PATCH 142/190] fix(release-tracks): replace bump contract with
 releases

---
 src/app/classes/release-tracks/api.ts         |  79 ++++++++++--
 src/app/classes/release-tracks/enums.ts       |  10 +-
 .../rest-api/release-tracks.service.spec.ts   |  48 ++++++++
 .../rest-api/release-tracks.service.ts        |  45 ++++---
 .../release-track-page.component.spec.ts      | 102 ++++++++++-----
 .../release-track-page.component.ts           | 116 +++++++++++-------
 6 files changed, 294 insertions(+), 106 deletions(-)

diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index 268e87a40..cd3600ff7 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -1,7 +1,11 @@
 import type { WorkflowStatusType } from 'src/app/utils/types';
 import type { Composition } from './composition';
 import type { ReleaseTrackConfig } from './config';
-import type { ExportFormatType, ReleaseTrackType } from './enums';
+import {
+  ReleaseTrackType,
+  type ExportFormatType,
+  type ReleasePreviewFormatType,
+} from './enums';
 import type { SnapshotSchedule } from './release-track';
 
 export type StixObjectRef = string | { id: string; modified?: string };
@@ -34,11 +38,10 @@ export interface UpdateContentsPayload {
   x_mitre_contents: string[];
 }
 
-export interface BumpPayload {
-  type?: 'major' | 'minor';
-  version?: string;
-  dry_run?: boolean;
-}
+export type ReleasePayload =
+  | { increment: 'major' | 'minor'; version?: never }
+  | { increment?: never; version: string }
+  | { increment?: undefined; version?: undefined };
 
 export interface ClonePayload {
   name?: string;
@@ -53,12 +56,68 @@ export interface ReviewPayload {
 export interface ReleaseTrackSnapshotOptions {
   format?: ExportFormatType;
   include?: 'members' | 'staged' | 'candidates' | 'all';
-  releases?: 'only';
-  version?: string;
-  versions?: 'all';
-  [key: string]: any;
+  state?: string | string[];
+  stixVersion?: '2.0' | '2.1';
+  includeToc?: boolean;
+}
+
+export type ReleasePreviewOptions = ReleasePayload & {
+  format?: ReleasePreviewFormatType;
+};
+
+export interface ReleasePreviewSummaryBase {
+  track_id: string;
+  type: ReleaseTrackType;
+  source_snapshot_modified: string;
+  version: string;
+  releasable: boolean;
+  conflicts: any[];
+}
+
+export interface StandardReleasePreviewSummary
+  extends ReleasePreviewSummaryBase {
+  type: ReleaseTrackType.Standard;
+  before: {
+    members_count: number;
+    staged_count: number;
+    candidates_count: number;
+  };
+  after: {
+    members_count: number;
+    staged_count: number;
+    candidates_count: number;
+  };
+  changes: {
+    promoted_count: number;
+  };
+}
+
+export interface VirtualReleasePreviewSummary extends ReleasePreviewSummaryBase {
+  type: ReleaseTrackType.Virtual;
+  previous_release: {
+    version: string;
+    modified: string;
+  } | null;
+  before: {
+    members_count: number;
+    quarantine_count: number;
+  };
+  after: {
+    members_count: number;
+    quarantine_count: number;
+  };
+  changes: {
+    new_count: number;
+    updated_count: number;
+    removed_count: number;
+    quarantined_count: number;
+  };
 }
 
+export type ReleasePreviewSummary =
+  | StandardReleasePreviewSummary
+  | VirtualReleasePreviewSummary;
+
 export interface ReleaseTrackSnapshotHistoryItem {
   id?: string;
   modified?: string | Date;
diff --git a/src/app/classes/release-tracks/enums.ts b/src/app/classes/release-tracks/enums.ts
index 4432bebf5..694c488e7 100644
--- a/src/app/classes/release-tracks/enums.ts
+++ b/src/app/classes/release-tracks/enums.ts
@@ -53,7 +53,6 @@ export const DEDUPLICATION_STRATEGY_OPTIONS: DeduplicationStrategyType[] =
 // -----------------------------------------------------------------------------
 
 export enum ExportFormat {
-  Snapshot = 'snapshot',
   Bundle = 'bundle',
   Workbench = 'workbench',
   FileSystemStore = 'filesystemstore',
@@ -65,6 +64,15 @@ export const EXPORT_FORMAT_OPTIONS: ExportFormatType[] = Object.values(
   ExportFormat
 ) as ExportFormatType[];
 
+export enum ReleasePreviewFormat {
+  Summary = 'summary',
+  Bundle = 'bundle',
+  Workbench = 'workbench',
+  FileSystemStore = 'filesystemstore',
+}
+
+export type ReleasePreviewFormatType = EnumValue<typeof ReleasePreviewFormat>;
+
 // -----------------------------------------------------------------------------
 // Release Track Snapshot Tiers
 // -----------------------------------------------------------------------------
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
index 3e273c0a8..0cb4b16a1 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -61,4 +61,52 @@ describe('ReleaseTracksConnectorService', () => {
   it('should not expose the removed virtual snapshot preview operation', () => {
     expect((service as any).previewVirtualSnapshot).toBeUndefined();
   });
+
+  it('should preview a release with query-based version selection', () => {
+    service
+      .previewRelease('release-track--standard', {
+        format: 'summary',
+        increment: 'major',
+      })
+      .subscribe();
+
+    const [url, options] = http.get.mock.calls[0];
+    expect(url).toBe(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots/latest/release/preview`
+    );
+    expect(options.params.get('format')).toBe('summary');
+    expect(options.params.get('increment')).toBe('major');
+  });
+
+  it('should release the latest snapshot with the current request body', () => {
+    service
+      .releaseLatest('release-track--standard', { increment: 'minor' })
+      .subscribe();
+
+    expect(http.post).toHaveBeenCalledWith(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots/latest/release`,
+      { increment: 'minor' }
+    );
+  });
+
+  it('should release a selected snapshot with an exact version', () => {
+    service
+      .releaseSnapshot(
+        'release-track--standard',
+        '2026-07-23T13:37:28.000Z',
+        { version: '14.1' }
+      )
+      .subscribe();
+
+    expect(http.post).toHaveBeenCalledWith(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots/2026-07-23T13%3A37%3A28.000Z/release`,
+      { version: '14.1' }
+    );
+  });
+
+  it('should not expose bump-oriented operations', () => {
+    expect((service as any).previewBump).toBeUndefined();
+    expect((service as any).bumpByLatest).toBeUndefined();
+    expect((service as any).bumpByModified).toBeUndefined();
+  });
 });
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 940d31364..1379c0e7c 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -7,15 +7,16 @@ import { environment } from '../../../../environments/environment';
 import { logger } from '../../../utils/logger';
 import { ApiConnector } from '../api-connector';
 import {
-  ExportFormat,
+  ReleasePreviewFormat,
   ReleaseTrackSnapshot,
 } from 'src/app/classes/release-tracks';
 import type {
-  BumpPayload,
   ClonePayload,
   Composition,
   CreateReleaseTrackPayload,
   ExportFormatType,
+  ReleasePayload,
+  ReleasePreviewOptions,
   ReleaseTrackConfig,
   ReleaseTrackSnapshotHistoryItem,
   ReleaseTrackSnapshotOptions,
@@ -28,10 +29,11 @@ import type {
 import { Paginated } from './rest-api-connector.service';
 
 export type {
-  BumpPayload,
   ClonePayload,
   Composition,
   CreateReleaseTrackPayload,
+  ReleasePayload,
+  ReleasePreviewOptions,
   ReleaseTrackSnapshotHistoryItem,
   ReleaseTrackSnapshotOptions,
   ReviewPayload,
@@ -366,36 +368,41 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * @param modified Optional snapshot modified timestamp
    * @returns Observable<any> preview payload
    */
-  public previewBump(
+  public previewRelease(
     id: string,
-    format: ExportFormatType = ExportFormat.Workbench,
+    options: ReleasePreviewOptions = { format: ReleasePreviewFormat.Summary },
     modified?: string
   ): Observable<any> {
-    const params = this.buildHttpParams({ format });
+    const params = this.buildHttpParams({
+      format: ReleasePreviewFormat.Summary,
+      ...options,
+    });
     const snapshotPath = modified
-      ? `snapshots/${modified}`
+      ? `snapshots/${encodeURIComponent(modified)}`
       : 'snapshots/latest';
     const url = `${this.apiUrl}/release-tracks/${id}/${snapshotPath}/release/preview`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
-        logger.log(`generated bump preview for track ${id}`, result)
+        logger.log(`generated release preview for track ${id}`, result)
       ),
-      catchError(this.handleError_continue<any>(null)),
+      catchError(this.handleError_raise()),
       share()
     );
   }
 
   /**
    * POST /api/release-tracks/:id/snapshots/latest/release
-   * Bump/tag the latest snapshot.
+   * Release/tag the latest snapshot.
    * @param id Release track id
-   * @param body Bump options (type, version, dry_run)
+   * @param body Release version selector
    * @returns Observable<any>
    */
-  public bumpByLatest(id: string, body: BumpPayload): Observable<any> {
+  public releaseLatest(id: string, body: ReleasePayload): Observable<any> {
     const url = `${this.apiUrl}/release-tracks/${id}/snapshots/latest/release`;
     return this.http.post(url, body).pipe(
-      tap(result => logger.log(`bumped version for track ${id}`, result)),
+      tap(result =>
+        logger.log(`released latest snapshot for track ${id}`, result)
+      ),
       catchError(this.handleError_raise()),
       share()
     );
@@ -522,19 +529,17 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * Tag/release a specific snapshot.
    * @param id Release track id
    * @param modified Snapshot modified timestamp
-   * @param body Bump options
+   * @param body Release version selector
    * @returns Observable<any>
    */
-  public bumpByModified(
+  public releaseSnapshot(
     id: string,
     modified: string,
-    body: BumpPayload
+    body: ReleasePayload
   ): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/release`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}/release`;
     return this.http.post(url, body).pipe(
-      tap(result =>
-        logger.log(`bumped version for snapshot ${modified}`, result)
-      ),
+      tap(result => logger.log(`released snapshot ${modified}`, result)),
       catchError(this.handleError_raise()),
       share()
     );
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 06b2b52f2..6d00f7c17 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -47,9 +47,9 @@ describe('ReleaseTrackPageComponent', () => {
       exportSnapshotByModified: vi.fn(() => createAsyncObservable({})),
       retrieveSnapshotByModified: vi.fn(() => createAsyncObservable(null)),
       createVirtualSnapshot: vi.fn(() => createAsyncObservable({})),
-      previewBump: vi.fn(() => createAsyncObservable({})),
-      bumpByLatest: vi.fn(() => createAsyncObservable({})),
-      bumpByModified: vi.fn(() => createAsyncObservable({})),
+      previewRelease: vi.fn(() => createAsyncObservable({})),
+      releaseLatest: vi.fn(() => createAsyncObservable({})),
+      releaseSnapshot: vi.fn(() => createAsyncObservable({})),
       getConfig: vi.fn(() => createAsyncObservable(null)),
       updateConfig: vi.fn(() => createAsyncObservable({})),
       updateComposition: vi.fn(() => createAsyncObservable({})),
@@ -574,26 +574,41 @@ describe('ReleaseTrackPageComponent', () => {
     const historySpy = vi
       .spyOn(component, 'getSnapshotHistory')
       .mockImplementation(() => undefined);
-    mockReleaseTrackApiConnector.previewBump.mockReturnValue(
+    mockReleaseTrackApiConnector.previewRelease.mockReturnValue(
       of({
-        next_version_minor: '1.2',
-        next_version_major: '2.0',
-        staged_count: 3,
-        candidates_count: 1,
+        type: ReleaseTrackType.Standard,
+        version: '1.2',
+        before: {
+          members_count: 10,
+          staged_count: 3,
+          candidates_count: 1,
+        },
+        after: {
+          members_count: 13,
+          staged_count: 0,
+          candidates_count: 1,
+        },
+        changes: {
+          promoted_count: 3,
+        },
         conflicts: [],
       })
     );
-    mockReleaseTrackApiConnector.bumpByLatest.mockReturnValue(of({}));
-    mockDialog.open.mockReturnValue({
-      afterClosed: () => of('minor'),
-    });
+    mockReleaseTrackApiConnector.releaseLatest.mockReturnValue(of({}));
+    mockDialog.open
+      .mockReturnValueOnce({
+        afterClosed: () => of('minor'),
+      })
+      .mockReturnValueOnce({
+        afterClosed: () => of('release'),
+      });
     component.id = 'release-track--123';
 
     component.onPreviewRelease();
 
-    expect(mockReleaseTrackApiConnector.previewBump).toHaveBeenCalledWith(
+    expect(mockReleaseTrackApiConnector.previewRelease).toHaveBeenCalledWith(
       'release-track--123',
-      'workbench'
+      { format: 'summary', increment: 'minor' }
     );
     expect(mockDialog.open).toHaveBeenCalledWith(
       MultipleChoiceDialogComponent,
@@ -603,9 +618,9 @@ describe('ReleaseTrackPageComponent', () => {
         }),
       })
     );
-    expect(mockReleaseTrackApiConnector.bumpByLatest).toHaveBeenCalledWith(
+    expect(mockReleaseTrackApiConnector.releaseLatest).toHaveBeenCalledWith(
       'release-track--123',
-      { type: 'minor' }
+      { increment: 'minor' }
     );
     expect(refreshSpy).toHaveBeenCalled();
     expect(historySpy).toHaveBeenCalled();
@@ -619,17 +634,34 @@ describe('ReleaseTrackPageComponent', () => {
     const historySpy = vi
       .spyOn(component, 'getSnapshotHistory')
       .mockImplementation(() => undefined);
-    mockReleaseTrackApiConnector.previewBump.mockReturnValue(
+    mockReleaseTrackApiConnector.previewRelease.mockReturnValue(
       of({
-        next_version_minor: '1.2',
-        next_version_major: '2.0',
+        type: ReleaseTrackType.Standard,
+        version: '2.0',
+        before: {
+          members_count: 10,
+          staged_count: 3,
+          candidates_count: 1,
+        },
+        after: {
+          members_count: 13,
+          staged_count: 0,
+          candidates_count: 1,
+        },
+        changes: {
+          promoted_count: 3,
+        },
         conflicts: [],
       })
     );
-    mockReleaseTrackApiConnector.bumpByModified.mockReturnValue(of({}));
-    mockDialog.open.mockReturnValue({
-      afterClosed: () => of('major'),
-    });
+    mockReleaseTrackApiConnector.releaseSnapshot.mockReturnValue(of({}));
+    mockDialog.open
+      .mockReturnValueOnce({
+        afterClosed: () => of('major'),
+      })
+      .mockReturnValueOnce({
+        afterClosed: () => of('release'),
+      });
     component.id = 'release-track--123';
 
     component.onTagSnapshot({
@@ -637,24 +669,26 @@ describe('ReleaseTrackPageComponent', () => {
       isTagged: false,
     } as any);
 
-    expect(mockReleaseTrackApiConnector.previewBump).toHaveBeenCalledWith(
+    expect(mockReleaseTrackApiConnector.previewRelease).toHaveBeenCalledWith(
       'release-track--123',
-      'workbench',
+      { format: 'summary', increment: 'major' },
       '2026-07-23T13:37:28.000Z'
     );
-    expect(mockReleaseTrackApiConnector.bumpByModified).toHaveBeenCalledWith(
+    expect(mockReleaseTrackApiConnector.releaseSnapshot).toHaveBeenCalledWith(
       'release-track--123',
       '2026-07-23T13:37:28.000Z',
-      { type: 'major' }
+      { increment: 'major' }
     );
-    expect(mockReleaseTrackApiConnector.bumpByLatest).not.toHaveBeenCalled();
+    expect(mockReleaseTrackApiConnector.releaseLatest).not.toHaveBeenCalled();
     expect(refreshSpy).toHaveBeenCalled();
     expect(historySpy).toHaveBeenCalled();
   });
 
   it('should not tag a release when preview returns conflicts', () => {
-    mockReleaseTrackApiConnector.previewBump.mockReturnValue(
+    mockReleaseTrackApiConnector.previewRelease.mockReturnValue(
       of({
+        type: ReleaseTrackType.Standard,
+        version: '1.2',
         conflicts: [
           {
             object_ref: 'attack-pattern--123',
@@ -664,9 +698,11 @@ describe('ReleaseTrackPageComponent', () => {
         ],
       })
     );
-    mockDialog.open.mockReturnValue({
-      afterClosed: () => of('close'),
-    });
+    mockDialog.open
+      .mockReturnValueOnce({
+        afterClosed: () => of('minor'),
+      })
+      .mockReturnValueOnce({});
     component.id = 'release-track--123';
 
     component.onPreviewRelease();
@@ -679,7 +715,7 @@ describe('ReleaseTrackPageComponent', () => {
         }),
       })
     );
-    expect(mockReleaseTrackApiConnector.bumpByLatest).not.toHaveBeenCalled();
+    expect(mockReleaseTrackApiConnector.releaseLatest).not.toHaveBeenCalled();
   });
 
   it('should load release track config into the config form', () => {
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 5fd1b2cf1..2386c3bca 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -17,6 +17,8 @@ import {
   MemberSyncPolicyType,
   MemberSyncStrategy,
   MemberSyncStrategyType,
+  ReleasePayload,
+  ReleasePreviewFormat,
   ReleaseTrackConfig,
   ReleaseTrackSnapshot,
   ReleaseTrackSnapshotHistoryItem,
@@ -1346,24 +1348,60 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public onPreviewRelease(): void {
-    this.previewRelease();
+    this.chooseReleaseIncrement();
   }
 
   public onTagSnapshot(item: SnapshotHistoryViewModel): void {
-    this.previewRelease(item);
+    this.chooseReleaseIncrement(item);
   }
 
-  private previewRelease(item?: SnapshotHistoryViewModel): void {
+  private chooseReleaseIncrement(item?: SnapshotHistoryViewModel): void {
     if (!this.id || this.isReleasing) return;
 
+    const selectionRef = this.dialog.open(MultipleChoiceDialogComponent, {
+      width: '34em',
+      autoFocus: false,
+      data: {
+        title: 'Choose a release version',
+        description:
+          'Use the next minor or major version for the release preview.',
+        choices: [
+          {
+            label: 'Next minor version',
+            value: 'minor',
+          },
+          {
+            label: 'Next major version',
+            value: 'major',
+          },
+        ],
+      },
+    });
+
+    selectionRef
+      .afterClosed()
+      .pipe(take(1))
+      .subscribe((increment: 'major' | 'minor' | undefined) => {
+        if (increment !== 'major' && increment !== 'minor') return;
+        this.previewRelease({ increment }, item);
+      });
+  }
+
+  private previewRelease(
+    selection: ReleasePayload,
+    item?: SnapshotHistoryViewModel
+  ): void {
     this.isReleasing = true;
     const preview = item?.modified
-      ? this.connector.previewBump(
+      ? this.connector.previewRelease(
           this.id,
-          ExportFormat.Workbench,
+          { format: ReleasePreviewFormat.Summary, ...selection },
           item.modified
         )
-      : this.connector.previewBump(this.id, ExportFormat.Workbench);
+      : this.connector.previewRelease(this.id, {
+          format: ReleasePreviewFormat.Summary,
+          ...selection,
+        });
 
     preview
       .pipe(
@@ -1373,9 +1411,10 @@ export class ReleaseTrackPageComponent implements OnInit {
         })
       )
       .subscribe({
-        next: preview => this.openReleasePreviewDialog(preview, item),
+        next: preview =>
+          this.openReleasePreviewDialog(preview, selection, item),
         error: err => {
-          console.error('Failed to preview release track bump', err);
+          console.error('Failed to preview release track release', err);
         },
       });
   }
@@ -1732,6 +1771,7 @@ export class ReleaseTrackPageComponent implements OnInit {
 
   private openReleasePreviewDialog(
     preview: any,
+    selection: ReleasePayload,
     item?: SnapshotHistoryViewModel
   ): void {
     const conflicts = this.getReleaseConflicts(preview);
@@ -1758,31 +1798,21 @@ export class ReleaseTrackPageComponent implements OnInit {
       return;
     }
 
-    const minorVersion = preview?.next_version_minor || preview?.next_version;
-    const majorVersion = preview?.next_version_major;
     const choices = [
       {
-        label: `Minor Release${minorVersion ? ` (${minorVersion})` : ''}`,
-        value: 'minor',
+        label: `Release${preview?.version ? ` (${preview.version})` : ''}`,
+        value: 'release',
         description: this.getReleasePreviewDescription(preview),
       },
     ];
 
-    if (majorVersion) {
-      choices.push({
-        label: `Major Release (${majorVersion})`,
-        value: 'major',
-        description: this.getReleasePreviewDescription(preview),
-      });
-    }
-
     const releaseRef = this.dialog.open(MultipleChoiceDialogComponent, {
       width: '34em',
       autoFocus: false,
       data: {
         title: 'Preview & release',
         description:
-          'The release preview found no blocking conflicts. Choose a version bump to tag the draft snapshot.',
+          'The release preview found no blocking conflicts. Confirm to tag the draft snapshot.',
         choices,
       },
     });
@@ -1790,22 +1820,22 @@ export class ReleaseTrackPageComponent implements OnInit {
     releaseRef
       .afterClosed()
       .pipe(take(1))
-      .subscribe((type: 'major' | 'minor' | undefined) => {
-        if (type !== 'major' && type !== 'minor') return;
-        this.bumpRelease(type, item);
+      .subscribe((action: 'release' | undefined) => {
+        if (action !== 'release') return;
+        this.releaseSnapshot(selection, item);
       });
   }
 
-  private bumpRelease(
-    type: 'major' | 'minor',
+  private releaseSnapshot(
+    selection: ReleasePayload,
     item?: SnapshotHistoryViewModel
   ): void {
     if (!this.id) return;
 
     this.isReleasing = true;
     const release = item?.modified
-      ? this.connector.bumpByModified(this.id, item.modified, { type })
-      : this.connector.bumpByLatest(this.id, { type });
+      ? this.connector.releaseSnapshot(this.id, item.modified, selection)
+      : this.connector.releaseLatest(this.id, selection);
 
     release
       .pipe(
@@ -1827,20 +1857,22 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   private getReleasePreviewDescription(preview: any): string {
-    const included =
-      preview?.statistics?.included_objects ??
-      preview?.release_preview?.will_include?.length ??
-      preview?.staged_count ??
-      0;
-    const excluded =
-      preview?.statistics?.excluded_objects ??
-      preview?.release_preview?.will_exclude?.length ??
-      preview?.candidates_count ??
-      0;
-
-    return `${included} object${included === 1 ? '' : 's'} will be included. ${
-      excluded || 0
-    } object${excluded === 1 ? '' : 's'} will remain out of this release.`;
+    if (preview?.type === ReleaseTrackType.Virtual) {
+      const changes = preview?.changes || {};
+      return `${changes.new_count || 0} new, ${
+        changes.updated_count || 0
+      } updated, ${changes.removed_count || 0} removed, and ${
+        changes.quarantined_count || 0
+      } quarantined objects.`;
+    }
+
+    const promoted = preview?.changes?.promoted_count || 0;
+    const candidates = preview?.after?.candidates_count || 0;
+    return `${promoted} staged object${
+      promoted === 1 ? '' : 's'
+    } will become members. ${candidates} candidate object${
+      candidates === 1 ? '' : 's'
+    } will remain outside the release.`;
   }
 
   private buildSnapshotHistory(

From 9293635ea97260aae466b6a6d7bf62a3950fdc7b Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 12:28:13 -0400
Subject: [PATCH 143/190] fix(release-tracks): consume snapshot summary pages

---
 src/app/classes/release-tracks/api.ts         |  61 +++---
 .../rest-api/release-tracks.service.spec.ts   |  18 ++
 .../rest-api/release-tracks.service.ts        |  47 +----
 .../release-track-page.component.html         |  30 ++-
 .../release-track-page.component.spec.ts      |  71 ++++---
 .../release-track-page.component.ts           | 194 +++---------------
 6 files changed, 148 insertions(+), 273 deletions(-)

diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index cd3600ff7..604f34924 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -61,6 +61,12 @@ export interface ReleaseTrackSnapshotOptions {
   includeToc?: boolean;
 }
 
+export interface SnapshotHistoryOptions {
+  tagged?: boolean;
+  limit?: number;
+  offset?: number;
+}
+
 export type ReleasePreviewOptions = ReleasePayload & {
   format?: ReleasePreviewFormatType;
 };
@@ -118,35 +124,28 @@ export type ReleasePreviewSummary =
   | StandardReleasePreviewSummary
   | VirtualReleasePreviewSummary;
 
-export interface ReleaseTrackSnapshotHistoryItem {
-  id?: string;
-  modified?: string | Date;
-  version?: string | null;
-  created?: string | Date;
-  tagged_at?: string | Date;
-  snapshot_id?: string | Date;
-  members?: any[];
-  staged?: any[];
-  candidates?: any[];
-  contents?: {
-    members?: any[];
-    staged?: any[];
-    candidates?: any[];
-    [key: string]: any;
-  };
-  summary?: {
-    members_count?: number;
-    added_count?: number;
-    modified_count?: number;
-    promoted_count?: number;
-    [key: string]: any;
-  };
-  stix?: {
-    id?: string;
-    modified?: string | Date;
-    x_mitre_version?: string | null;
-    x_mitre_contents?: any[];
-    [key: string]: any;
-  };
-  [key: string]: any;
+interface ReleaseTrackSnapshotHistoryBase {
+  id: string;
+  modified: string;
+  version: string | null;
+  name: string;
+  description?: string;
+  members_count: number;
 }
+
+export interface StandardReleaseTrackSnapshotHistoryItem
+  extends ReleaseTrackSnapshotHistoryBase {
+  type: ReleaseTrackType.Standard;
+  staged_count: number;
+  candidates_count: number;
+}
+
+export interface VirtualReleaseTrackSnapshotHistoryItem
+  extends ReleaseTrackSnapshotHistoryBase {
+  type: ReleaseTrackType.Virtual;
+  quarantine_count: number;
+}
+
+export type ReleaseTrackSnapshotHistoryItem =
+  | StandardReleaseTrackSnapshotHistoryItem
+  | VirtualReleaseTrackSnapshotHistoryItem;
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
index 0cb4b16a1..7f29a3ac0 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -109,4 +109,22 @@ describe('ReleaseTracksConnectorService', () => {
     expect((service as any).bumpByLatest).toBeUndefined();
     expect((service as any).bumpByModified).toBeUndefined();
   });
+
+  it('should preserve snapshot-history pagination and filtering', () => {
+    service
+      .listSnapshots('release-track--standard', {
+        tagged: false,
+        limit: 25,
+        offset: 50,
+      })
+      .subscribe();
+
+    const [url, options] = http.get.mock.calls[0];
+    expect(url).toBe(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots`
+    );
+    expect(options.params.get('tagged')).toBe('false');
+    expect(options.params.get('limit')).toBe('25');
+    expect(options.params.get('offset')).toBe('50');
+  });
 });
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 1379c0e7c..5a703d9e3 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -21,6 +21,7 @@ import type {
   ReleaseTrackSnapshotHistoryItem,
   ReleaseTrackSnapshotOptions,
   ReviewPayload,
+  SnapshotHistoryOptions,
   StixBundlePayload,
   StixObjectRef,
   UpdateContentsPayload,
@@ -37,6 +38,7 @@ export type {
   ReleaseTrackSnapshotHistoryItem,
   ReleaseTrackSnapshotOptions,
   ReviewPayload,
+  SnapshotHistoryOptions,
   StixBundlePayload,
   StixObjectRef,
   UpdateContentsPayload,
@@ -73,36 +75,6 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     return params;
   }
 
-  private normalizeSnapshotHistory(
-    result: any
-  ): ReleaseTrackSnapshotHistoryItem[] {
-    if (!result) return [];
-    if (Array.isArray(result)) return result;
-
-    const snapshots =
-      result.snapshots ||
-      result.data ||
-      result.versions ||
-      result.release_track_snapshots ||
-      result.history ||
-      [];
-
-    if (Array.isArray(snapshots) && snapshots.length) return snapshots;
-
-    const historyItems = Array.isArray(result.version_history)
-      ? result.version_history.map((entry: any) => ({
-          ...entry,
-          modified: entry.snapshot_id,
-        }))
-      : [];
-
-    if (!result.version) {
-      return [result, ...historyItems];
-    }
-
-    return historyItems.length ? historyItems : [result];
-  }
-
   // -----------------------------------------------------------------------------
   // Ephemeral
   // -----------------------------------------------------------------------------
@@ -243,17 +215,20 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * GET /api/release-tracks/:id/snapshots
    * List snapshot history summaries.
    * @param id Release track id
-   * @returns Observable<ReleaseTrackSnapshotHistoryItem[]>
+   * @returns Observable paginated snapshot summaries
    */
   public listSnapshots(
-    id: string
-  ): Observable<ReleaseTrackSnapshotHistoryItem[]> {
+    id: string,
+    options?: SnapshotHistoryOptions
+  ): Observable<Paginated<ReleaseTrackSnapshotHistoryItem>> {
+    const params = this.buildHttpParams(options);
     const url = `${this.apiUrl}/release-tracks/${id}/snapshots`;
-    return this.http.get(url).pipe(
+    return this.http.get<Paginated<ReleaseTrackSnapshotHistoryItem>>(url, {
+      params,
+    }).pipe(
       tap(result => logger.log(`retrieved snapshots for track ${id}`, result)),
-      map(result => this.normalizeSnapshotHistory(result)),
       catchError(
-        this.handleError_continue<ReleaseTrackSnapshotHistoryItem[]>([])
+        this.handleError_raise<Paginated<ReleaseTrackSnapshotHistoryItem>>()
       ),
       share()
     );
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 31f4587b6..a3c7a563e 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -679,22 +679,34 @@ <h3 [class.promote-color]="item.isTagged">
 
             <div class="snapshot-history-stats">
               <div class="snapshot-history-stat">
-                <div class="snapshot-history-stat-value promote-color">
-                  +{{ item.addedCount }}
+                <div class="snapshot-history-stat-value">
+                  {{ item.membersCount }}
                 </div>
-                <div class="snapshot-history-stat-label">Added</div>
+                <div class="snapshot-history-stat-label">Members</div>
               </div>
-              <div class="snapshot-history-stat">
+              <div
+                *ngIf="!item.isVirtual"
+                class="snapshot-history-stat">
                 <div class="snapshot-history-stat-value modified-color">
-                  {{ item.modifiedCount }}
+                  {{ item.stagedCount }}
                 </div>
-                <div class="snapshot-history-stat-label">Modified</div>
+                <div class="snapshot-history-stat-label">Staged</div>
               </div>
-              <div class="snapshot-history-stat">
+              <div
+                *ngIf="!item.isVirtual"
+                class="snapshot-history-stat">
+                <div class="snapshot-history-stat-value">
+                  {{ item.candidatesCount }}
+                </div>
+                <div class="snapshot-history-stat-label">Candidates</div>
+              </div>
+              <div
+                *ngIf="item.isVirtual"
+                class="snapshot-history-stat">
                 <div class="snapshot-history-stat-value">
-                  {{ item.totalObjects }}
+                  {{ item.quarantineCount }}
                 </div>
-                <div class="snapshot-history-stat-label">Total Objects</div>
+                <div class="snapshot-history-stat-label">Quarantine</div>
               </div>
             </div>
           </div>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 6d00f7c17..76f183c95 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -42,7 +42,12 @@ describe('ReleaseTrackPageComponent', () => {
     mockReleaseTrackApiConnector = createMockReleaseTrackApiConnector({
       getLatestSnapshot: vi.fn(() => createAsyncObservable(null)),
       listReleaseTracks: vi.fn(() => createAsyncObservable({ data: [] })),
-      listSnapshots: vi.fn(() => createAsyncObservable([])),
+      listSnapshots: vi.fn(() =>
+        createAsyncObservable({
+          data: [],
+          pagination: { total: 0, limit: 50, offset: 0 },
+        })
+      ),
       exportLatestSnapshot: vi.fn(() => createAsyncObservable({})),
       exportSnapshotByModified: vi.fn(() => createAsyncObservable({})),
       retrieveSnapshotByModified: vi.fn(() => createAsyncObservable(null)),
@@ -422,33 +427,32 @@ describe('ReleaseTrackPageComponent', () => {
     ]);
   });
 
-  it('should load snapshot history and compute timeline counts', () => {
+  it('should load the type-oriented counts from snapshot summaries', () => {
     mockReleaseTrackApiConnector.listSnapshots.mockReturnValue(
-      of([
-        {
-          modified: '2024-05-21T07:00:00.000Z',
-          members: [
-            {
-              object_ref: 'attack-pattern--one',
-              object_modified: '2024-05-20T00:00:00.000Z',
-            },
-            {
-              object_ref: 'attack-pattern--two',
-              object_modified: '2024-05-20T00:00:00.000Z',
-            },
-          ],
-        },
-        {
-          version: '1.3',
-          modified: '2024-04-15T06:00:00.000Z',
-          members: [
-            {
-              object_ref: 'attack-pattern--one',
-              object_modified: '2024-04-01T00:00:00.000Z',
-            },
-          ],
-        },
-      ])
+      of({
+        data: [
+          {
+            id: 'release-track--123',
+            type: 'standard',
+            modified: '2024-05-21T07:00:00.000Z',
+            version: null,
+            name: 'Enterprise',
+            members_count: 2,
+            staged_count: 3,
+            candidates_count: 4,
+          },
+          {
+            id: 'release-track--456',
+            type: 'virtual',
+            version: '1.3',
+            modified: '2024-04-15T06:00:00.000Z',
+            name: 'Combined',
+            members_count: 5,
+            quarantine_count: 1,
+          },
+        ],
+        pagination: { total: 2, limit: 50, offset: 0 },
+      })
     );
     component.id = 'release-track--123';
 
@@ -460,17 +464,18 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.snapshotHistory[0]).toEqual(
       expect.objectContaining({
         title: 'Draft Snapshot',
-        addedCount: 1,
-        modifiedCount: 1,
-        totalObjects: 2,
+        isVirtual: false,
+        membersCount: 2,
+        stagedCount: 3,
+        candidatesCount: 4,
       })
     );
     expect(component.snapshotHistory[1]).toEqual(
       expect.objectContaining({
         title: 'v1.3',
-        addedCount: 0,
-        modifiedCount: 0,
-        totalObjects: 1,
+        isVirtual: true,
+        membersCount: 5,
+        quarantineCount: 1,
       })
     );
   });
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 2386c3bca..0a0eebacb 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -63,20 +63,17 @@ interface ReleaseTrackWorkspaceLane {
   isReleasedMembers?: boolean;
 }
 
-interface SnapshotMemberRef {
-  object_ref: string;
-  object_modified?: string;
-}
-
 interface SnapshotHistoryViewModel {
   snapshot: ReleaseTrackSnapshotHistoryItem;
   title: string;
   created: Date | null;
   modified: string | null;
   isTagged: boolean;
-  addedCount: number;
-  modifiedCount: number;
-  totalObjects: number;
+  isVirtual: boolean;
+  membersCount: number;
+  stagedCount?: number;
+  candidatesCount?: number;
+  quarantineCount?: number;
 }
 
 interface ReleaseTrackConfigFormValue {
@@ -563,8 +560,8 @@ export class ReleaseTrackPageComponent implements OnInit {
         })
       )
       .subscribe({
-        next: snapshots => {
-          this.snapshotHistory = this.buildSnapshotHistory(snapshots);
+        next: result => {
+          this.snapshotHistory = this.buildSnapshotHistory(result.data);
         },
         error: err => {
           console.error('Failed to load release track snapshot history', err);
@@ -1882,36 +1879,31 @@ export class ReleaseTrackPageComponent implements OnInit {
       (a, b) => this.getSnapshotTime(b) - this.getSnapshotTime(a)
     );
 
-    return sorted.map((snapshot, index) => {
-      const previousSnapshot = sorted[index + 1];
-      const currentMembers = this.getSnapshotMembers(snapshot);
-      const previousMembers = previousSnapshot
-        ? this.getSnapshotMembers(previousSnapshot)
-        : [];
-
-      return {
-        snapshot,
-        title: this.getSnapshotTitle(snapshot),
-        created: this.getSnapshotDate(snapshot),
-        modified: this.getSnapshotModified(snapshot),
-        isTagged: this.isTaggedSnapshot(snapshot),
-        addedCount: this.getAddedCount(
-          snapshot,
-          currentMembers,
-          previousMembers
-        ),
-        modifiedCount: this.getModifiedCount(
-          snapshot,
-          currentMembers,
-          previousMembers
-        ),
-        totalObjects: this.getSnapshotTotalObjects(snapshot, currentMembers),
-      };
-    });
+    return sorted.map(snapshot => ({
+      snapshot,
+      title: this.getSnapshotTitle(snapshot),
+      created: this.getSnapshotDate(snapshot),
+      modified: snapshot.modified,
+      isTagged: !!snapshot.version,
+      isVirtual: snapshot.type === ReleaseTrackType.Virtual,
+      membersCount: snapshot.members_count,
+      stagedCount:
+        snapshot.type === ReleaseTrackType.Standard
+          ? snapshot.staged_count
+          : undefined,
+      candidatesCount:
+        snapshot.type === ReleaseTrackType.Standard
+          ? snapshot.candidates_count
+          : undefined,
+      quarantineCount:
+        snapshot.type === ReleaseTrackType.Virtual
+          ? snapshot.quarantine_count
+          : undefined,
+    }));
   }
 
   private getSnapshotTitle(snapshot: ReleaseTrackSnapshotHistoryItem): string {
-    const version = snapshot.version || snapshot.stix?.x_mitre_version;
+    const version = snapshot.version;
     if (!version) return 'Draft Snapshot';
     return String(version).startsWith('v') ? String(version) : `v${version}`;
   }
@@ -1919,139 +1911,13 @@ export class ReleaseTrackPageComponent implements OnInit {
   private getSnapshotDate(
     snapshot: ReleaseTrackSnapshotHistoryItem
   ): Date | null {
-    const value =
-      snapshot.created ||
-      snapshot.modified ||
-      snapshot.snapshot_id ||
-      snapshot.tagged_at ||
-      snapshot.stix?.modified;
-    return value ? new Date(value) : null;
-  }
-
-  private getSnapshotModified(
-    snapshot: ReleaseTrackSnapshotHistoryItem
-  ): string | null {
-    const value =
-      snapshot.modified || snapshot.snapshot_id || snapshot.stix?.modified;
-    if (!value) return null;
-    return value instanceof Date ? value.toISOString() : String(value);
+    return snapshot.modified ? new Date(snapshot.modified) : null;
   }
 
   private getSnapshotTime(snapshot: ReleaseTrackSnapshotHistoryItem): number {
     return this.getSnapshotDate(snapshot)?.getTime() || 0;
   }
 
-  private isTaggedSnapshot(snapshot: ReleaseTrackSnapshotHistoryItem): boolean {
-    return !!(snapshot.version || snapshot.stix?.x_mitre_version);
-  }
-
-  private getSnapshotMembers(
-    snapshot: ReleaseTrackSnapshotHistoryItem
-  ): SnapshotMemberRef[] {
-    const members =
-      snapshot.members ||
-      snapshot.contents?.members ||
-      snapshot.stix?.x_mitre_contents ||
-      [];
-
-    return members
-      .map((member: any) => this.getSnapshotMemberRef(member))
-      .filter((member): member is SnapshotMemberRef => !!member);
-  }
-
-  private getSnapshotMemberRef(member: any): SnapshotMemberRef | null {
-    if (!member) return null;
-
-    if (typeof member === 'string') {
-      return { object_ref: member };
-    }
-
-    const objectRef =
-      member.object_ref ||
-      member.id ||
-      member.object_id ||
-      member.stixID ||
-      member.stix?.id;
-
-    if (!objectRef) return null;
-
-    const objectModified =
-      member.object_modified || member.modified || member.stix?.modified;
-
-    return {
-      object_ref: objectRef,
-      object_modified: objectModified
-        ? this.toIsoString(objectModified)
-        : undefined,
-    };
-  }
-
-  private getAddedCount(
-    snapshot: ReleaseTrackSnapshotHistoryItem,
-    currentMembers: SnapshotMemberRef[],
-    previousMembers: SnapshotMemberRef[]
-  ): number {
-    if (typeof snapshot.summary?.added_count === 'number') {
-      return snapshot.summary.added_count;
-    }
-    if (typeof snapshot.summary?.promoted_count === 'number') {
-      return snapshot.summary.promoted_count;
-    }
-    if (!previousMembers.length) return 0;
-
-    const previousRefs = new Set(
-      previousMembers.map(member => member.object_ref)
-    );
-    return currentMembers.filter(member => !previousRefs.has(member.object_ref))
-      .length;
-  }
-
-  private getModifiedCount(
-    snapshot: ReleaseTrackSnapshotHistoryItem,
-    currentMembers: SnapshotMemberRef[],
-    previousMembers: SnapshotMemberRef[]
-  ): number {
-    if (typeof snapshot.summary?.modified_count === 'number') {
-      return snapshot.summary.modified_count;
-    }
-    if (!previousMembers.length) return 0;
-
-    const previousByRef = new Map(
-      previousMembers.map(member => [member.object_ref, member.object_modified])
-    );
-
-    return currentMembers.filter(member => {
-      const previousModified = previousByRef.get(member.object_ref);
-      return (
-        !!member.object_modified &&
-        !!previousModified &&
-        member.object_modified !== previousModified
-      );
-    }).length;
-  }
-
-  private getSnapshotTotalObjects(
-    snapshot: ReleaseTrackSnapshotHistoryItem,
-    members: SnapshotMemberRef[]
-  ): number {
-    if (typeof snapshot.summary?.members_count === 'number') {
-      return snapshot.summary.members_count;
-    }
-    if (typeof snapshot.composition_resolution?.total_objects === 'number') {
-      return snapshot.composition_resolution.total_objects;
-    }
-    if (members.length) return members.length;
-
-    const allRefs = [
-      ...(snapshot.candidates || snapshot.contents?.candidates || []),
-      ...(snapshot.staged || snapshot.contents?.staged || []),
-    ]
-      .map(item => this.getSnapshotMemberRef(item)?.object_ref)
-      .filter((ref): ref is string => !!ref);
-
-    return new Set(allRefs).size;
-  }
-
   private getSnapshotExportFilename(
     item: SnapshotHistoryViewModel,
     format: ExportFormatType

From d135f243a0acffdfbccfcb96e39d566ef80d6be7 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 12:29:29 -0400
Subject: [PATCH 144/190] fix(release-tracks): confirm destructive requests

---
 src/app/classes/release-tracks/api.ts         |  5 +-
 .../rest-api/release-tracks.service.spec.ts   | 59 +++++++++++++++++++
 .../rest-api/release-tracks.service.ts        | 21 +++----
 3 files changed, 71 insertions(+), 14 deletions(-)

diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index 604f34924..cd537e2c6 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -35,7 +35,10 @@ export interface UpdateMetadataPayload {
 }
 
 export interface UpdateContentsPayload {
-  x_mitre_contents: string[];
+  x_mitre_contents: Array<{
+    obj_ref: string;
+    obj_modified: string;
+  }>;
 }
 
 export type ReleasePayload =
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
index 7f29a3ac0..b369952cd 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -127,4 +127,63 @@ describe('ReleaseTracksConnectorService', () => {
     expect(options.params.get('limit')).toBe('25');
     expect(options.params.get('offset')).toBe('50');
   });
+
+  it('should confirm the target ID when deleting a release track', () => {
+    service.deleteReleaseTrack('release-track--standard').subscribe();
+
+    const [url, options] = http.delete.mock.calls[0];
+    expect(url).toBe(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard`
+    );
+    expect(options.params.get('confirm_track_id')).toBe(
+      'release-track--standard'
+    );
+  });
+
+  it('should send exact revision references when replacing latest contents', () => {
+    const body = {
+      x_mitre_contents: [
+        {
+          obj_ref: 'attack-pattern--one',
+          obj_modified: '2026-07-23T13:37:28.000Z',
+        },
+      ],
+    };
+
+    service.updateContentsByLatest('release-track--standard', body).subscribe();
+
+    const [url, payload, options] = http.post.mock.calls[0];
+    expect(url).toBe(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/contents`
+    );
+    expect(payload).toEqual(body);
+    expect(options.params.get('confirm_track_id')).toBe(
+      'release-track--standard'
+    );
+  });
+
+  it('should confirm the target ID when replacing snapshot contents', () => {
+    const body = {
+      x_mitre_contents: [
+        {
+          obj_ref: 'attack-pattern--one',
+          obj_modified: 'latest',
+        },
+      ],
+    };
+
+    service
+      .updateContentsByModified(
+        'release-track--standard',
+        '2026-07-23T13:37:28.000Z',
+        body
+      )
+      .subscribe();
+
+    const [, payload, options] = http.post.mock.calls[0];
+    expect(payload).toEqual(body);
+    expect(options.params.get('confirm_track_id')).toBe(
+      'release-track--standard'
+    );
+  });
 });
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 5a703d9e3..aed583d63 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -317,17 +317,15 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * Update member contents for latest snapshot.
    * @param id Release track id
    * @param body Contents payload
-   * @param userAccountId Optional user
    * @returns Observable<any>
    */
   public updateContentsByLatest(
     id: string,
-    body: UpdateContentsPayload,
-    userAccountId?: string
+    body: UpdateContentsPayload
   ): Observable<any> {
+    const params = this.buildHttpParams({ confirm_track_id: id });
     const url = `${this.apiUrl}/release-tracks/${id}/contents`;
-    const payload = userAccountId ? { ...body, userAccountId } : body;
-    return this.http.post(url, payload).pipe(
+    return this.http.post(url, body, { params }).pipe(
       tap(result => logger.log(`updated contents for track ${id}`, result)),
       catchError(this.handleError_raise()),
       share()
@@ -406,10 +404,9 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * @returns Observable<unknown>
    */
   public deleteReleaseTrack(
-    id: string,
-    options?: { versions?: 'latest' }
+    id: string
   ): Observable<unknown> {
-    const params = this.buildHttpParams(options);
+    const params = this.buildHttpParams({ confirm_track_id: id });
     const url = `${this.apiUrl}/release-tracks/${id}`;
     return this.http.delete(url, { params }).pipe(
       tap(() => logger.log(`deleted track ${id}`)),
@@ -479,18 +476,16 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * @param id Release track id
    * @param modified Snapshot modified timestamp
    * @param body Contents payload
-   * @param userAccountId Optional user
    * @returns Observable<any>
    */
   public updateContentsByModified(
     id: string,
     modified: string,
-    body: UpdateContentsPayload,
-    userAccountId?: string
+    body: UpdateContentsPayload
   ): Observable<any> {
     const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/contents`;
-    const payload = userAccountId ? { ...body, userAccountId } : body;
-    return this.http.post(url, payload).pipe(
+    const params = this.buildHttpParams({ confirm_track_id: id });
+    return this.http.post(url, body, { params }).pipe(
       tap(result =>
         logger.log(`updated contents for snapshot ${modified}`, result)
       ),

From c95ee0bcde31827e71e57cfd9f69787bb9901666 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 12:30:22 -0400
Subject: [PATCH 145/190] fix(release-tracks): encode snapshot timestamps

---
 .../rest-api/release-tracks.service.spec.ts   | 19 ++++++++++++++++++-
 .../rest-api/release-tracks.service.ts        | 12 ++++++------
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
index b369952cd..2d20ee313 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -180,10 +180,27 @@ describe('ReleaseTracksConnectorService', () => {
       )
       .subscribe();
 
-    const [, payload, options] = http.post.mock.calls[0];
+    const [url, payload, options] = http.post.mock.calls[0];
+    expect(url).toBe(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots/2026-07-23T13%3A37%3A28.000Z/contents`
+    );
     expect(payload).toEqual(body);
     expect(options.params.get('confirm_track_id')).toBe(
       'release-track--standard'
     );
   });
+
+  it('should encode timestamps used as snapshot path parameters', () => {
+    service
+      .retrieveSnapshotByModified(
+        'release-track--standard',
+        '2026-07-23T13:37:28.000Z'
+      )
+      .subscribe();
+
+    const [url] = http.get.mock.calls[0];
+    expect(url).toBe(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots/2026-07-23T13%3A37%3A28.000Z`
+    );
+  });
 });
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index aed583d63..dff3f1801 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -277,7 +277,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     options?: Omit<ReleaseTrackSnapshotOptions, 'format'>
   ): Observable<any> {
     const params = this.buildHttpParams({ ...options, format });
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
         logger.log(
@@ -433,7 +433,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     options?: ReleaseTrackSnapshotOptions
   ): Observable<ReleaseTrackSnapshot | null> {
     const params = this.buildHttpParams(options);
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}`;
     return this.http.get(url, { params }).pipe(
       tap(result =>
         logger.log(`retrieved snapshot ${modified} for track ${id}`, result)
@@ -459,7 +459,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     body: UpdateMetadataPayload,
     userAccountId?: string
   ): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/meta`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}/meta`;
     const payload = userAccountId ? { ...body, userAccountId } : body;
     return this.http.post(url, payload).pipe(
       tap(result =>
@@ -483,7 +483,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     modified: string,
     body: UpdateContentsPayload
   ): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/contents`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}/contents`;
     const params = this.buildHttpParams({ confirm_track_id: id });
     return this.http.post(url, body, { params }).pipe(
       tap(result =>
@@ -528,7 +528,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     modified: string,
     body?: ClonePayload
   ): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}/clone`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}/clone`;
     return this.http.post(url, body || {}).pipe(
       tap(result => logger.log(`cloned from snapshot ${modified}`, result)),
       catchError(this.handleError_raise()),
@@ -547,7 +547,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     id: string,
     modified: string
   ): Observable<unknown> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${modified}`;
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}`;
     return this.http.delete(url).pipe(
       tap(() => logger.log(`deleted snapshot ${modified} from track ${id}`)),
       catchError(this.handleError_raise()),

From 0ae900f252d561f044186052211f40c634ab6173 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 12:31:08 -0400
Subject: [PATCH 146/190] test(release-tracks): use explicit snapshot routes

---
 .../release-tracks.integration.spec.ts        | 20 +++++--------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/app/services/connectors/rest-api/release-tracks.integration.spec.ts b/src/app/services/connectors/rest-api/release-tracks.integration.spec.ts
index ce5a3518b..037b30551 100644
--- a/src/app/services/connectors/rest-api/release-tracks.integration.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.integration.spec.ts
@@ -24,23 +24,13 @@ async function probe(url: string, timeoutMs = 3000): Promise<Response> {
 
 beforeAll(async () => {
   try {
-    const res = await probe(`${apiUrl}/release-tracks`);
+    const res = await probe(`${apiUrl}/release-tracks?type=standard&limit=1`);
     if (res && res.ok) {
       serverAvailable = true;
-      // try to read and pick an id if available
       try {
         const body = await res.json().catch(() => null);
-        // server may return paginated object or array
-        if (Array.isArray(body) && body.length > 0 && body[0].id) {
-          discoveredTrackId = body[0].id;
-        } else if (
-          body &&
-          body.items &&
-          Array.isArray(body.items) &&
-          body.items.length > 0 &&
-          body.items[0].id
-        ) {
-          discoveredTrackId = body.items[0].id;
+        if (Array.isArray(body?.data) && body.data[0]?.id) {
+          discoveredTrackId = body.data[0].id;
         }
       } catch (e) {
         console.error(e);
@@ -95,7 +85,7 @@ describe('Release Tracks API integration (real server)', () => {
     }
   });
 
-  it('GET /release-tracks/:id -> getLatestSnapshot should return snapshot when tracks exist', async () => {
+  it('GET /release-tracks/:id/snapshots/latest should return the latest snapshot', async () => {
     if (!serverAvailable) {
       console.warn(
         'Skipping getLatestSnapshot test because server is unreachable'
@@ -109,7 +99,7 @@ describe('Release Tracks API integration (real server)', () => {
       return;
     }
     const res = await fetch(
-      `${apiUrl}/release-tracks/${encodeURIComponent(discoveredTrackId)}`,
+      `${apiUrl}/release-tracks/${encodeURIComponent(discoveredTrackId)}/snapshots/latest`,
       { headers: commonHeaders }
     );
     expect(res.ok).toBe(true);

From e2284b2a0ebe717b6abbe2ced4b74afb26ddf9ff Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 12:32:08 -0400
Subject: [PATCH 147/190] feat(release-tracks): support quarantine promotion

---
 src/app/classes/release-tracks/api.ts         |  7 +++++-
 .../rest-api/release-tracks.service.spec.ts   | 16 +++++++++++++
 .../rest-api/release-tracks.service.ts        | 23 +++++++++++++++++++
 3 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index cd537e2c6..25df175d8 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -56,9 +56,14 @@ export interface ReviewPayload {
   object_refs?: StixObjectRef[];
 }
 
+export interface PromoteQuarantinePayload {
+  object_ref: string;
+  object_modified: string;
+}
+
 export interface ReleaseTrackSnapshotOptions {
   format?: ExportFormatType;
-  include?: 'members' | 'staged' | 'candidates' | 'all';
+  include?: 'members' | 'staged' | 'candidates' | 'quarantine' | 'all';
   state?: string | string[];
   stixVersion?: '2.0' | '2.1';
   includeToc?: boolean;
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
index 2d20ee313..960392d8f 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -58,6 +58,22 @@ describe('ReleaseTracksConnectorService', () => {
     );
   });
 
+  it('should promote an exact quarantined revision', () => {
+    const body = {
+      object_ref: 'attack-pattern--one',
+      object_modified: '2026-07-23T13:37:28.000Z',
+    };
+
+    service
+      .promoteQuarantinedRevision('release-track--virtual', body)
+      .subscribe();
+
+    expect(http.post).toHaveBeenCalledWith(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--virtual/virtual/quarantine/promote`,
+      body
+    );
+  });
+
   it('should not expose the removed virtual snapshot preview operation', () => {
     expect((service as any).previewVirtualSnapshot).toBeUndefined();
   });
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index dff3f1801..aaecc9cc2 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -15,6 +15,7 @@ import type {
   Composition,
   CreateReleaseTrackPayload,
   ExportFormatType,
+  PromoteQuarantinePayload,
   ReleasePayload,
   ReleasePreviewOptions,
   ReleaseTrackConfig,
@@ -33,6 +34,7 @@ export type {
   ClonePayload,
   Composition,
   CreateReleaseTrackPayload,
+  PromoteQuarantinePayload,
   ReleasePayload,
   ReleasePreviewOptions,
   ReleaseTrackSnapshotHistoryItem,
@@ -599,6 +601,27 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     );
   }
 
+  /**
+   * POST /api/release-tracks/:id/virtual/quarantine/promote
+   * Resolve one quarantined object to an exact revision in a new virtual draft.
+   * @param id Virtual release track id
+   * @param body Exact quarantined object revision to promote
+   * @returns Observable<any>
+   */
+  public promoteQuarantinedRevision(
+    id: string,
+    body: PromoteQuarantinePayload
+  ): Observable<any> {
+    const url = `${this.apiUrl}/release-tracks/${id}/virtual/quarantine/promote`;
+    return this.http.post(url, body).pipe(
+      tap(result =>
+        logger.log(`promoted quarantined revision for track ${id}`, result)
+      ),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
   // -----------------------------------------------------------------------------
   // Candidate Management
   // -----------------------------------------------------------------------------

From d57bb722a4ca45563ff6427000f1b09f544a4f5f Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 12:33:36 -0400
Subject: [PATCH 148/190] fix(release-tracks): remove unsupported list filter

---
 .../rest-api/release-tracks.service.spec.ts   | 20 +++++++++++++++++++
 .../rest-api/release-tracks.service.ts        |  3 +--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
index 960392d8f..333e650b2 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -144,6 +144,26 @@ describe('ReleaseTracksConnectorService', () => {
     expect(options.params.get('offset')).toBe('50');
   });
 
+  it('should list tracks with only supported query parameters', () => {
+    service
+      .listReleaseTracks({
+        type: 'virtual',
+        limit: 25,
+        offset: 0,
+        search: 'enterprise',
+      })
+      .subscribe();
+
+    const [url, options] = http.get.mock.calls[0];
+    expect(url).toBe(
+      `${environment.integrations.rest_api.url}/release-tracks`
+    );
+    expect(options.params.get('type')).toBe('virtual');
+    expect(options.params.get('limit')).toBe('25');
+    expect(options.params.get('offset')).toBe('0');
+    expect(options.params.get('search')).toBe('enterprise');
+  });
+
   it('should confirm the target ID when deleting a release track', () => {
     service.deleteReleaseTrack('release-track--standard').subscribe();
 
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index aaecc9cc2..605b62056 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -109,12 +109,11 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   /**
    * GET /api/release-tracks
    * List release tracks.
-   * @param options Query options: type, releases, limit, offset, search
+   * @param options Query options: type, limit, offset, search
    * @returns Observable<any> paginated list
    */
   public listReleaseTracks(options?: {
     type?: string;
-    releases?: 'only';
     limit?: number;
     offset?: number;
     search?: string;

From 709c6251917d9a20964f213a6fe1eaa84e35405f Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 12:36:24 -0400
Subject: [PATCH 149/190] style(release-tracks): format API contract changes

---
 src/app/classes/release-tracks/api.ts         | 13 ++++------
 src/app/classes/release-tracks/snapshot.ts    |  8 ++----
 src/app/classes/release-tracks/tiers.ts       |  3 ++-
 .../rest-api/release-tracks.service.spec.ts   | 12 +++------
 .../rest-api/release-tracks.service.ts        | 26 ++++++++++---------
 .../release-track-page.component.html         | 12 +++------
 6 files changed, 30 insertions(+), 44 deletions(-)

diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index 25df175d8..a26d926bd 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -35,10 +35,10 @@ export interface UpdateMetadataPayload {
 }
 
 export interface UpdateContentsPayload {
-  x_mitre_contents: Array<{
+  x_mitre_contents: {
     obj_ref: string;
     obj_modified: string;
-  }>;
+  }[];
 }
 
 export type ReleasePayload =
@@ -88,8 +88,7 @@ export interface ReleasePreviewSummaryBase {
   conflicts: any[];
 }
 
-export interface StandardReleasePreviewSummary
-  extends ReleasePreviewSummaryBase {
+export interface StandardReleasePreviewSummary extends ReleasePreviewSummaryBase {
   type: ReleaseTrackType.Standard;
   before: {
     members_count: number;
@@ -141,15 +140,13 @@ interface ReleaseTrackSnapshotHistoryBase {
   members_count: number;
 }
 
-export interface StandardReleaseTrackSnapshotHistoryItem
-  extends ReleaseTrackSnapshotHistoryBase {
+export interface StandardReleaseTrackSnapshotHistoryItem extends ReleaseTrackSnapshotHistoryBase {
   type: ReleaseTrackType.Standard;
   staged_count: number;
   candidates_count: number;
 }
 
-export interface VirtualReleaseTrackSnapshotHistoryItem
-  extends ReleaseTrackSnapshotHistoryBase {
+export interface VirtualReleaseTrackSnapshotHistoryItem extends ReleaseTrackSnapshotHistoryBase {
   type: ReleaseTrackType.Virtual;
   quarantine_count: number;
 }
diff --git a/src/app/classes/release-tracks/snapshot.ts b/src/app/classes/release-tracks/snapshot.ts
index 3e98abeb1..a78d63a01 100644
--- a/src/app/classes/release-tracks/snapshot.ts
+++ b/src/app/classes/release-tracks/snapshot.ts
@@ -120,9 +120,7 @@ export class ReleaseTrackSnapshot {
       this.staged = raw.staged.map((s: any) => ({
         ...s,
         object_ref: s.object_ref,
-        object_modified: this.deserializeWorkflowRevision(
-          s.object_modified
-        ),
+        object_modified: this.deserializeWorkflowRevision(s.object_modified),
         object_status: s.object_status,
         object_staged_at: s.object_staged_at
           ? new Date(s.object_staged_at)
@@ -135,9 +133,7 @@ export class ReleaseTrackSnapshot {
       this.candidates = raw.candidates.map((c: any) => ({
         ...c,
         object_ref: c.object_ref,
-        object_modified: this.deserializeWorkflowRevision(
-          c.object_modified
-        ),
+        object_modified: this.deserializeWorkflowRevision(c.object_modified),
         object_status: c.object_status,
         object_added_at: c.object_added_at
           ? new Date(c.object_added_at)
diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index bae5f0ad9..29852029b 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -2,7 +2,8 @@ import { WorkflowStatusType } from 'src/app/utils/types';
 import { SnapshotTier } from './enums';
 
 export type ReleaseTrackObjectTier =
-  SnapshotTier.Candidate | SnapshotTier.Staged;
+  | SnapshotTier.Candidate
+  | SnapshotTier.Staged;
 
 export type WorkflowRevisionSelector = Date | 'latest';
 
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
index 333e650b2..e2288ca89 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -107,11 +107,9 @@ describe('ReleaseTracksConnectorService', () => {
 
   it('should release a selected snapshot with an exact version', () => {
     service
-      .releaseSnapshot(
-        'release-track--standard',
-        '2026-07-23T13:37:28.000Z',
-        { version: '14.1' }
-      )
+      .releaseSnapshot('release-track--standard', '2026-07-23T13:37:28.000Z', {
+        version: '14.1',
+      })
       .subscribe();
 
     expect(http.post).toHaveBeenCalledWith(
@@ -155,9 +153,7 @@ describe('ReleaseTracksConnectorService', () => {
       .subscribe();
 
     const [url, options] = http.get.mock.calls[0];
-    expect(url).toBe(
-      `${environment.integrations.rest_api.url}/release-tracks`
-    );
+    expect(url).toBe(`${environment.integrations.rest_api.url}/release-tracks`);
     expect(options.params.get('type')).toBe('virtual');
     expect(options.params.get('limit')).toBe('25');
     expect(options.params.get('offset')).toBe('0');
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 605b62056..83e4d53a5 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -224,15 +224,19 @@ export class ReleaseTracksConnectorService extends ApiConnector {
   ): Observable<Paginated<ReleaseTrackSnapshotHistoryItem>> {
     const params = this.buildHttpParams(options);
     const url = `${this.apiUrl}/release-tracks/${id}/snapshots`;
-    return this.http.get<Paginated<ReleaseTrackSnapshotHistoryItem>>(url, {
-      params,
-    }).pipe(
-      tap(result => logger.log(`retrieved snapshots for track ${id}`, result)),
-      catchError(
-        this.handleError_raise<Paginated<ReleaseTrackSnapshotHistoryItem>>()
-      ),
-      share()
-    );
+    return this.http
+      .get<Paginated<ReleaseTrackSnapshotHistoryItem>>(url, {
+        params,
+      })
+      .pipe(
+        tap(result =>
+          logger.log(`retrieved snapshots for track ${id}`, result)
+        ),
+        catchError(
+          this.handleError_raise<Paginated<ReleaseTrackSnapshotHistoryItem>>()
+        ),
+        share()
+      );
   }
 
   /**
@@ -404,9 +408,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
    * @param id Release track id
    * @returns Observable<unknown>
    */
-  public deleteReleaseTrack(
-    id: string
-  ): Observable<unknown> {
+  public deleteReleaseTrack(id: string): Observable<unknown> {
     const params = this.buildHttpParams({ confirm_track_id: id });
     const url = `${this.apiUrl}/release-tracks/${id}`;
     return this.http.delete(url, { params }).pipe(
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index a3c7a563e..6ef84722b 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -684,25 +684,19 @@ <h3 [class.promote-color]="item.isTagged">
                 </div>
                 <div class="snapshot-history-stat-label">Members</div>
               </div>
-              <div
-                *ngIf="!item.isVirtual"
-                class="snapshot-history-stat">
+              <div *ngIf="!item.isVirtual" class="snapshot-history-stat">
                 <div class="snapshot-history-stat-value modified-color">
                   {{ item.stagedCount }}
                 </div>
                 <div class="snapshot-history-stat-label">Staged</div>
               </div>
-              <div
-                *ngIf="!item.isVirtual"
-                class="snapshot-history-stat">
+              <div *ngIf="!item.isVirtual" class="snapshot-history-stat">
                 <div class="snapshot-history-stat-value">
                   {{ item.candidatesCount }}
                 </div>
                 <div class="snapshot-history-stat-label">Candidates</div>
               </div>
-              <div
-                *ngIf="item.isVirtual"
-                class="snapshot-history-stat">
+              <div *ngIf="item.isVirtual" class="snapshot-history-stat">
                 <div class="snapshot-history-stat-value">
                   {{ item.quarantineCount }}
                 </div>

From a982ebbf2357811997620f5de778d55aca5bee1f Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 30 Jul 2026 13:56:28 -0400
Subject: [PATCH 150/190] fix: disable editting/ adding relationships in diff
 mode

---
 .../stix/asset-view/asset-view.component.html    |  2 +-
 .../campaign-view/campaign-view.component.html   |  6 +++---
 .../data-source-view.component.html              |  2 +-
 .../detection-strategy-view.component.html       |  2 +-
 .../stix/group-view/group-view.component.html    |  6 +++---
 .../mitigation-view.component.html               |  2 +-
 .../software-view/software-view.component.html   |  6 +++---
 .../stix-dialog/stix-dialog.component.spec.ts    | 15 +++++++++++++++
 .../stix/stix-dialog/stix-dialog.component.ts    |  5 ++++-
 src/app/views/stix/stix-view-page.ts             |  4 +++-
 .../technique-view/technique-view.component.html | 16 ++++++++--------
 11 files changed, 43 insertions(+), 23 deletions(-)

diff --git a/src/app/views/stix/asset-view/asset-view.component.html b/src/app/views/stix/asset-view/asset-view.component.html
index aaad6aa76..1d49ab3d5 100644
--- a/src/app/views/stix/asset-view/asset-view.component.html
+++ b/src/app/views/stix/asset-view/asset-view.component.html
@@ -186,7 +186,7 @@ <h2 class="section-header">Techniques Used</h2>
             sourceType: 'technique',
             relationshipType: 'targets',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
diff --git a/src/app/views/stix/campaign-view/campaign-view.component.html b/src/app/views/stix/campaign-view/campaign-view.component.html
index 794b89567..296704b84 100644
--- a/src/app/views/stix/campaign-view/campaign-view.component.html
+++ b/src/app/views/stix/campaign-view/campaign-view.component.html
@@ -163,7 +163,7 @@ <h2 class="section-header">Groups</h2>
             targetType: 'group',
             relationshipType: 'attributed-to',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
@@ -199,7 +199,7 @@ <h2 class="section-header">Techniques Used</h2>
             targetType: 'technique',
             relationshipType: 'uses',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
@@ -235,7 +235,7 @@ <h2 class="section-header">Software Used</h2>
             targetType: 'software',
             relationshipType: 'uses',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
diff --git a/src/app/views/stix/data-source-view/data-source-view.component.html b/src/app/views/stix/data-source-view/data-source-view.component.html
index 165d64644..06e94feaf 100644
--- a/src/app/views/stix/data-source-view/data-source-view.component.html
+++ b/src/app/views/stix/data-source-view/data-source-view.component.html
@@ -145,7 +145,7 @@ <h2 class="section-header">Data Components</h2>
             type: 'data-component',
             showDeprecatedFilter: true,
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"
           (refresh)="getDataComponents()"></app-stix-list>
       </div>
diff --git a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
index c5d807752..85cd292d8 100644
--- a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
+++ b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
@@ -138,7 +138,7 @@ <h2 class="section-header">Techniques</h2>
             sourceRef: detectionStrategy.stixID,
             relationshipType: 'detects',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
diff --git a/src/app/views/stix/group-view/group-view.component.html b/src/app/views/stix/group-view/group-view.component.html
index f178c51b4..382005189 100644
--- a/src/app/views/stix/group-view/group-view.component.html
+++ b/src/app/views/stix/group-view/group-view.component.html
@@ -136,7 +136,7 @@ <h2 class="section-header">Campaigns</h2>
             sourceType: 'campaign',
             relationshipType: 'attributed-to',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
@@ -172,7 +172,7 @@ <h2 class="section-header">Techniques Used</h2>
             targetType: 'technique',
             relationshipType: 'uses',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
@@ -208,7 +208,7 @@ <h2 class="section-header">Software Used</h2>
             targetType: 'software',
             relationshipType: 'uses',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
diff --git a/src/app/views/stix/mitigation-view/mitigation-view.component.html b/src/app/views/stix/mitigation-view/mitigation-view.component.html
index f1557bbdc..8ee29c2f5 100644
--- a/src/app/views/stix/mitigation-view/mitigation-view.component.html
+++ b/src/app/views/stix/mitigation-view/mitigation-view.component.html
@@ -132,7 +132,7 @@ <h2 class="section-header">Techniques Addressed</h2>
             sourceRef: mitigation.stixID,
             relationshipType: 'mitigates',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
diff --git a/src/app/views/stix/software-view/software-view.component.html b/src/app/views/stix/software-view/software-view.component.html
index 5629eeee8..09733e391 100644
--- a/src/app/views/stix/software-view/software-view.component.html
+++ b/src/app/views/stix/software-view/software-view.component.html
@@ -174,7 +174,7 @@ <h2 class="section-header">Techniques Used</h2>
             targetType: 'technique',
             relationshipType: 'uses',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
@@ -210,7 +210,7 @@ <h2 class="section-header">Associated Groups</h2>
             sourceType: 'group',
             relationshipType: 'uses',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
@@ -246,7 +246,7 @@ <h2 class="section-header">Campaigns</h2>
             sourceType: 'campaign',
             relationshipType: 'uses',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
diff --git a/src/app/views/stix/stix-dialog/stix-dialog.component.spec.ts b/src/app/views/stix/stix-dialog/stix-dialog.component.spec.ts
index 398cb93d6..df1ce2919 100644
--- a/src/app/views/stix/stix-dialog/stix-dialog.component.spec.ts
+++ b/src/app/views/stix/stix-dialog/stix-dialog.component.spec.ts
@@ -8,6 +8,7 @@ import { of } from 'rxjs';
 
 import { StixDialogComponent } from './stix-dialog.component';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import {
   createAsyncObservable,
   createMockRestApiConnector,
@@ -28,6 +29,10 @@ describe('StixDialogComponent', () => {
       schemas: [NO_ERRORS_SCHEMA],
       providers: [
         { provide: RestApiConnectorService, useValue: mockRestApiConnector },
+        {
+          provide: AuthenticationService,
+          useValue: { canEdit: () => true },
+        },
         provideHttpClient(),
         provideRouter([]),
         {
@@ -54,4 +59,14 @@ describe('StixDialogComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('keeps diff dialogs read-only even when marked editable', () => {
+    component._config = {
+      mode: 'diff',
+      object: [{} as any, {} as any],
+      editable: true,
+    };
+
+    expect(component.config.editable).toBe(false);
+  });
 });
diff --git a/src/app/views/stix/stix-dialog/stix-dialog.component.ts b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
index cac0ed63f..4e627aa24 100644
--- a/src/app/views/stix/stix-dialog/stix-dialog.component.ts
+++ b/src/app/views/stix/stix-dialog/stix-dialog.component.ts
@@ -75,7 +75,10 @@ export class StixDialogComponent implements OnInit {
       showRelationships: this.showRelationships,
       relationshipCreatedBefore: this._config.relationshipCreatedBefore,
       relationshipAddedAfter: this._config.relationshipAddedAfter,
-      editable: this._config.editable && this.authenticationService.canEdit(),
+      editable:
+        this._config.mode !== 'diff' &&
+        this._config.editable &&
+        this.authenticationService.canEdit(),
       is_new: this._config.is_new ? true : false,
       sidebarControl:
         this._config.sidebarControl == 'disable' ? 'disable' : 'events',
diff --git a/src/app/views/stix/stix-view-page.ts b/src/app/views/stix/stix-view-page.ts
index e38061faa..3d2f7b83e 100644
--- a/src/app/views/stix/stix-view-page.ts
+++ b/src/app/views/stix/stix-view-page.ts
@@ -17,7 +17,9 @@ export abstract class StixViewPage {
     return this.config.mode == 'edit';
   }
   public get canEdit(): boolean {
-    return this.authenticationService.canEdit();
+    return (
+      this.config.editable !== false && this.authenticationService.canEdit()
+    );
   }
   public get configCurrentObject(): StixObject {
     return Array.isArray(this.config.object)
diff --git a/src/app/views/stix/technique-view/technique-view.component.html b/src/app/views/stix/technique-view/technique-view.component.html
index a3a44a72d..b3a9019b1 100644
--- a/src/app/views/stix/technique-view/technique-view.component.html
+++ b/src/app/views/stix/technique-view/technique-view.component.html
@@ -377,7 +377,7 @@ <h2 class="section-header">Sub-techniques</h2>
               relationshipCreatedBefore: config.relationshipCreatedBefore,
               relationshipAddedAfter: config.relationshipAddedAfter,
               relationshipType: 'subtechnique-of',
-              allowEdits: true,
+              allowEdits: canEdit,
               clickBehavior: 'none',
             }"></app-stix-list>
         </div>
@@ -402,7 +402,7 @@ <h2 class="section-header">
                 relationshipAddedAfter: config.relationshipAddedAfter,
                 relationshipType: 'subtechnique-of',
                 clickBehavior: 'none',
-                allowEdits: true,
+                allowEdits: canEdit,
                 excludeSourceRefs: [technique.stixID],
               }"></app-stix-list>
           </div>
@@ -441,7 +441,7 @@ <h2 class="section-header">Campaigns</h2>
             sourceType: 'campaign',
             relationshipType: 'uses',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
@@ -475,7 +475,7 @@ <h2 class="section-header">Mitigations</h2>
             relationshipAddedAfter: config.relationshipAddedAfter,
             relationshipType: 'mitigates',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
@@ -509,7 +509,7 @@ <h2 class="section-header">Procedure Examples</h2>
             relationshipAddedAfter: config.relationshipAddedAfter,
             relationshipType: 'uses',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
@@ -540,7 +540,7 @@ <h2 class="section-header">Data Sources</h2>
               relationshipType: 'detects',
               sourceType: 'data-component',
               clickBehavior: 'dialog',
-              allowEdits: true,
+              allowEdits: canEdit,
             }"></app-stix-list>
         </div>
       </div>
@@ -577,7 +577,7 @@ <h2 class="section-header">Detection Strategies</h2>
             relationshipType: 'detects',
             sourceType: 'detection-strategy',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>
@@ -612,7 +612,7 @@ <h2 class="section-header">Assets</h2>
             targetType: 'asset',
             relationshipType: 'targets',
             clickBehavior: 'dialog',
-            allowEdits: true,
+            allowEdits: canEdit,
           }"></app-stix-list>
       </div>
     </div>

From b87d7266362c7a2261a47fb940803dbefed02804 Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Thu, 30 Jul 2026 14:05:59 -0400
Subject: [PATCH 151/190] fix(release-tracks): notify users when release
 preview fails

---
 .../release-track-page.component.spec.ts      | 31 +++++++++++++++++++
 .../release-track-page.component.ts           | 14 ++++++++-
 2 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index a7c3c46f9..f001196dd 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -11,6 +11,7 @@ import {
 import { ActivatedRoute, Router } from '@angular/router';
 import { of, throwError } from 'rxjs';
 import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
@@ -38,6 +39,7 @@ describe('ReleaseTrackPageComponent', () => {
   let mockRestApiConnector: any;
   let mockRouter: any;
   let mockAuthenticationService: any;
+  let mockSnackbar: any;
 
   beforeEach(async () => {
     mockReleaseTrackApiConnector = createMockReleaseTrackApiConnector({
@@ -62,6 +64,9 @@ describe('ReleaseTrackPageComponent', () => {
     mockDialog = {
       open: vi.fn(),
     };
+    mockSnackbar = {
+      open: vi.fn(),
+    };
     mockRestApiConnector = {
       getAllObjects: vi.fn(() => of(createPaginatedResponse([]))),
       triggerBrowserDownload: vi.fn(),
@@ -96,6 +101,10 @@ describe('ReleaseTrackPageComponent', () => {
           provide: MatDialog,
           useValue: mockDialog,
         },
+        {
+          provide: MatSnackBar,
+          useValue: mockSnackbar,
+        },
         {
           provide: BreadcrumbService,
           useValue: mockBreadcrumbService,
@@ -891,6 +900,28 @@ describe('ReleaseTrackPageComponent', () => {
     expect(mockDialog.open).not.toHaveBeenCalled();
   });
 
+  it('should notify the user when the preview response is empty', () => {
+    mockReleaseTrackApiConnector.previewBump.mockReturnValue(of(null));
+    component.id = 'release-track--123';
+    component.releaseTrack = {
+      id: 'release-track--123',
+      version: null,
+    } as any;
+
+    component.onPreviewRelease();
+
+    expect(mockSnackbar.open).toHaveBeenCalledWith(
+      'Unable to load the release preview. Please try again.',
+      null,
+      {
+        duration: 5000,
+        panelClass: 'error',
+      }
+    );
+    expect(mockDialog.open).not.toHaveBeenCalled();
+    expect(component.isReleasing).toBe(false);
+  });
+
   it('should keep Preview & Release enabled for a tagged snapshot', () => {
     component.id = 'release-track--123';
     component.releaseTrack = {
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index f1834ac2e..3c680ea12 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -2,6 +2,7 @@ import { SelectionModel } from '@angular/cdk/collections';
 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
 import { forkJoin, of } from 'rxjs';
 import { finalize, take } from 'rxjs/operators';
@@ -199,6 +200,7 @@ export class ReleaseTrackPageComponent implements OnInit {
     private route: ActivatedRoute,
     private router: Router,
     private dialog: MatDialog,
+    private snackbar: MatSnackBar,
     private restApiConnectorService: RestApiConnectorService,
     private authenticationService: AuthenticationService,
     private fb: FormBuilder
@@ -1420,7 +1422,17 @@ export class ReleaseTrackPageComponent implements OnInit {
       )
       .subscribe({
         next: result => {
-          if (!result.preview || !result.track) return;
+          if (!result.preview || !result.track) {
+            this.snackbar.open(
+              'Unable to load the release preview. Please try again.',
+              null,
+              {
+                duration: 5000,
+                panelClass: 'error',
+              }
+            );
+            return;
+          }
           this.openReleasePreviewDialog(
             result.preview,
             this.enrichReleasePreviewTrack(result.track, result.objects),

From 1458dc40bae0605f429ed01686d85a1411ce37b1 Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Thu, 30 Jul 2026 14:08:10 -0400
Subject: [PATCH 152/190] fix(release-tracks): default initial preview version
 to 0.1

---
 .../release-preview-dialog.component.spec.ts               | 7 +++++++
 .../release-preview-dialog.component.ts                    | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
index c96c45650..e0a35824e 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
@@ -84,6 +84,13 @@ describe('ReleasePreviewDialogComponent', () => {
     expect(component.excludedCandidates).toHaveLength(1);
   });
 
+  it('should default an unversioned track to version 0.1', () => {
+    data.track.version = null;
+    data.track.version_history = [];
+
+    expect(component.currentVersion).toBe('v0.1');
+  });
+
   it('should use the backend diff when previewing a virtual release', () => {
     data.previewSummary = {
       type: 'virtual',
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
index 92d69a9a0..884f6d8ea 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
@@ -50,7 +50,7 @@ export class ReleasePreviewDialogComponent {
   public get currentVersion(): string {
     const history = this.asArray(this.data.track?.version_history);
     const version =
-      this.data.track?.version ?? history[history.length - 1]?.version ?? '0.0';
+      this.data.track?.version ?? history[history.length - 1]?.version ?? '0.1';
 
     return this.formatVersion(version);
   }

From 5a28a3503f811536b5326cbf96a0c0e7b4fa2ea0 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 30 Jul 2026 14:29:55 -0400
Subject: [PATCH 153/190] fix: ensure accurtae candidate version is pulled

---
 .../release-track-page/release-track-page.component.ts          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 83c1736b6..812aac465 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -1664,7 +1664,7 @@ export class ReleaseTrackPageComponent implements OnInit {
     const baselineEntry = stagedEntry ?? memberEntry;
 
     return forkJoin({
-      current: this.fetchObjectVersion(item.object_ref),
+      current: this.fetchObjectVersion(item.object_ref, item.object_modified),
       prior: baselineEntry
         ? this.fetchObjectVersion(
             baselineEntry.object_ref,

From 449a9c838e7787a12dc2dd79788f493f9b17ebda Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Thu, 30 Jul 2026 14:41:03 -0400
Subject: [PATCH 154/190] fix(release-tracks): remove mutable snapshot client
 methods

Drop connector methods and payload types for the removed contents and historical metadata endpoints. Keep snapshot deletion scoped to the latest untagged draft.
---
 src/app/classes/release-tracks/api.ts         | 10 +--
 .../rest-api/release-tracks.service.spec.ts   | 50 -------------
 .../rest-api/release-tracks.service.ts        | 74 +------------------
 3 files changed, 2 insertions(+), 132 deletions(-)

diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index a26d926bd..7d915ca50 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -34,13 +34,6 @@ export interface UpdateMetadataPayload {
   object_marking_refs?: string[];
 }
 
-export interface UpdateContentsPayload {
-  x_mitre_contents: {
-    obj_ref: string;
-    obj_modified: string;
-  }[];
-}
-
 export type ReleasePayload =
   | { increment: 'major' | 'minor'; version?: never }
   | { increment?: never; version: string }
@@ -128,8 +121,7 @@ export interface VirtualReleasePreviewSummary extends ReleasePreviewSummaryBase
 }
 
 export type ReleasePreviewSummary =
-  | StandardReleasePreviewSummary
-  | VirtualReleasePreviewSummary;
+  StandardReleasePreviewSummary | VirtualReleasePreviewSummary;
 
 interface ReleaseTrackSnapshotHistoryBase {
   id: string;
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
index e2288ca89..babd8f4fc 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -172,56 +172,6 @@ describe('ReleaseTracksConnectorService', () => {
     );
   });
 
-  it('should send exact revision references when replacing latest contents', () => {
-    const body = {
-      x_mitre_contents: [
-        {
-          obj_ref: 'attack-pattern--one',
-          obj_modified: '2026-07-23T13:37:28.000Z',
-        },
-      ],
-    };
-
-    service.updateContentsByLatest('release-track--standard', body).subscribe();
-
-    const [url, payload, options] = http.post.mock.calls[0];
-    expect(url).toBe(
-      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/contents`
-    );
-    expect(payload).toEqual(body);
-    expect(options.params.get('confirm_track_id')).toBe(
-      'release-track--standard'
-    );
-  });
-
-  it('should confirm the target ID when replacing snapshot contents', () => {
-    const body = {
-      x_mitre_contents: [
-        {
-          obj_ref: 'attack-pattern--one',
-          obj_modified: 'latest',
-        },
-      ],
-    };
-
-    service
-      .updateContentsByModified(
-        'release-track--standard',
-        '2026-07-23T13:37:28.000Z',
-        body
-      )
-      .subscribe();
-
-    const [url, payload, options] = http.post.mock.calls[0];
-    expect(url).toBe(
-      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots/2026-07-23T13%3A37%3A28.000Z/contents`
-    );
-    expect(payload).toEqual(body);
-    expect(options.params.get('confirm_track_id')).toBe(
-      'release-track--standard'
-    );
-  });
-
   it('should encode timestamps used as snapshot path parameters', () => {
     service
       .retrieveSnapshotByModified(
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 83e4d53a5..8615ca03a 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -25,7 +25,6 @@ import type {
   SnapshotHistoryOptions,
   StixBundlePayload,
   StixObjectRef,
-  UpdateContentsPayload,
   UpdateMetadataPayload,
 } from 'src/app/classes/release-tracks';
 import { Paginated } from './rest-api-connector.service';
@@ -43,7 +42,6 @@ export type {
   SnapshotHistoryOptions,
   StixBundlePayload,
   StixObjectRef,
-  UpdateContentsPayload,
   UpdateMetadataPayload,
 } from 'src/app/classes/release-tracks';
 
@@ -317,26 +315,6 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     );
   }
 
-  /**
-   * POST /api/release-tracks/:id/contents
-   * Update member contents for latest snapshot.
-   * @param id Release track id
-   * @param body Contents payload
-   * @returns Observable<any>
-   */
-  public updateContentsByLatest(
-    id: string,
-    body: UpdateContentsPayload
-  ): Observable<any> {
-    const params = this.buildHttpParams({ confirm_track_id: id });
-    const url = `${this.apiUrl}/release-tracks/${id}/contents`;
-    return this.http.post(url, body, { params }).pipe(
-      tap(result => logger.log(`updated contents for track ${id}`, result)),
-      catchError(this.handleError_raise()),
-      share()
-    );
-  }
-
   /**
    * GET /api/release-tracks/:id/snapshots/latest/release/preview
    * GET /api/release-tracks/:id/snapshots/:modified/release/preview
@@ -447,56 +425,6 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     );
   }
 
-  /**
-   * POST /api/release-tracks/:id/snapshots/:modified/meta
-   * Update metadata for a specific snapshot.
-   * @param id Release track id
-   * @param modified Snapshot modified timestamp
-   * @param body Metadata payload
-   * @param userAccountId Optional user
-   * @returns Observable<any>
-   */
-  public updateMetadataByModified(
-    id: string,
-    modified: string,
-    body: UpdateMetadataPayload,
-    userAccountId?: string
-  ): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}/meta`;
-    const payload = userAccountId ? { ...body, userAccountId } : body;
-    return this.http.post(url, payload).pipe(
-      tap(result =>
-        logger.log(`updated metadata for snapshot ${modified}`, result)
-      ),
-      catchError(this.handleError_raise()),
-      share()
-    );
-  }
-
-  /**
-   * POST /api/release-tracks/:id/snapshots/:modified/contents
-   * Update contents for a specific snapshot.
-   * @param id Release track id
-   * @param modified Snapshot modified timestamp
-   * @param body Contents payload
-   * @returns Observable<any>
-   */
-  public updateContentsByModified(
-    id: string,
-    modified: string,
-    body: UpdateContentsPayload
-  ): Observable<any> {
-    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}/contents`;
-    const params = this.buildHttpParams({ confirm_track_id: id });
-    return this.http.post(url, body, { params }).pipe(
-      tap(result =>
-        logger.log(`updated contents for snapshot ${modified}`, result)
-      ),
-      catchError(this.handleError_raise()),
-      share()
-    );
-  }
-
   /**
    * POST /api/release-tracks/:id/snapshots/:modified/release
    * Tag/release a specific snapshot.
@@ -541,7 +469,7 @@ export class ReleaseTracksConnectorService extends ApiConnector {
 
   /**
    * DELETE /api/release-tracks/:id/snapshots/:modified
-   * Delete a specific snapshot.
+   * Delete the latest untagged draft snapshot.
    * @param id Release track id
    * @param modified Snapshot modified timestamp
    * @returns Observable<unknown>

From a825533a144928f64962d59ca9d308d32e823233 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 30 Jul 2026 16:13:03 -0400
Subject: [PATCH 155/190] fix: ensure candidates are compared to members as
 well

---
 .../release-track-page/release-track-page.component.ts       | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 812aac465..bf76d6f0b 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -771,7 +771,10 @@ export class ReleaseTrackPageComponent implements OnInit {
         : this.resolveStagedDiffObjects(item);
     const relationshipAddedAfter =
       tier === 'candidate'
-        ? this.findStagedEntry(item.object_ref)?.object_modified
+        ? (
+            this.findStagedEntry(item.object_ref) ??
+            this.findMemberEntry(item.object_ref)
+          )?.object_modified
         : undefined;
     diff.pipe(take(1)).subscribe(({ current, prior, expectedBaseline }) => {
       if (!current) {

From dd4f4a51dca28bdbc4df3819a040e860968e91f3 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 30 Jul 2026 18:56:49 -0400
Subject: [PATCH 156/190] chore: attempt to fix invalid date issue

---
 .../release-track-object-card.component.ts    |  4 +-
 .../stix/stix-list/stix-list.component.html   |  4 +-
 .../stix/stix-list/stix-list.component.ts     | 16 +++++
 .../release-track-page.component.ts           | 66 ++++++++++++++++++-
 4 files changed, 85 insertions(+), 5 deletions(-)

diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.ts b/src/app/components/release-track-object-card/release-track-object-card.component.ts
index 45517e40c..b4a901276 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.ts
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.ts
@@ -71,7 +71,9 @@ export class ReleaseTrackObjectCardComponent {
   }
 
   public get modified(): Date | string | null {
-    return this.item?.object_modified || null;
+    return (
+      this.item?.resolved_object_modified || this.item?.object_modified || null
+    );
   }
 
   public get modifiedHumanized(): string {
diff --git a/src/app/components/stix/stix-list/stix-list.component.html b/src/app/components/stix/stix-list/stix-list.component.html
index 575129780..872d2ac99 100644
--- a/src/app/components/stix/stix-list/stix-list.component.html
+++ b/src/app/components/stix/stix-list/stix-list.component.html
@@ -185,14 +185,14 @@
               *ngIf="config.select && config.select === 'many'"
               color="primary"
               (click)="onSelect.emit(element); $event.stopPropagation()"
-              (change)="$event ? selection.toggle(element.stixID) : null"
+              (change)="$event ? toggleSelection(element) : null"
               [checked]="selection.isSelected(element.stixID)">
             </mat-checkbox>
             <mat-radio-button
               *ngIf="config.select && config.select === 'one'"
               color="primary"
               (click)="onSelect.emit(element); $event.stopPropagation()"
-              (change)="$event ? selection.toggle(element.stixID) : null"
+              (change)="$event ? toggleSelection(element) : null"
               [checked]="selection.isSelected(element.stixID)">
             </mat-radio-button>
           </td>
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index a96b42936..debfb4e64 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -713,6 +713,21 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
     }
   }
 
+  public toggleSelection(element: StixObject): void {
+    this.selection.toggle(element.stixID);
+    const selectedObjectRefs = this.config.selectedObjectRefs;
+    if (!selectedObjectRefs) return;
+
+    if (this.selection.isSelected(element.stixID)) {
+      selectedObjectRefs.set(element.stixID, {
+        id: element.stixID,
+        modified: element.modified.toISOString(),
+      });
+    } else {
+      selectedObjectRefs.delete(element.stixID);
+    }
+  }
+
   public isCollectionType(): boolean {
     return ['collection', 'collection-created', 'collection-imported'].includes(
       this.config.type
@@ -1255,6 +1270,7 @@ export interface StixListConfig {
    * Only relevant if 'select' is also enabled. Also, will cause problems if multiple constructor pram is set according to 'select'.
    */
   selectionModel?: SelectionModel<string>;
+  selectedObjectRefs?: Map<string, { id: string; modified: string }>;
   /** show links to view/edit pages for relevant objects? */
   showLinks?: boolean;
   /** default true, if false hides the filter dropdown menu */
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 0a0eebacb..6305f062c 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -3,7 +3,8 @@ import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Router } from '@angular/router';
-import { finalize, take } from 'rxjs/operators';
+import { forkJoin, Observable, of } from 'rxjs';
+import { finalize, map, take } from 'rxjs/operators';
 import {
   ConflictPolicy,
   ConflictPolicyType,
@@ -477,6 +478,7 @@ export class ReleaseTrackPageComponent implements OnInit {
         next: res => {
           this.releaseTrack = res;
           if (!this.releaseTrack) return;
+          this.hydrateDynamicEntryDates();
 
           this.breadcrumbService.changeBreadcrumb(
             this.route.snapshot,
@@ -507,6 +509,56 @@ export class ReleaseTrackPageComponent implements OnInit {
     this.getSnapshotHistory();
   }
 
+  private hydrateDynamicEntryDates(): void {
+    const entries = ([] as ReleaseTrackObjectItem[]).concat(
+      ...['candidates', 'staged', 'members'].map(
+        tier =>
+          (this.releaseTrack?.[tier] || []).filter(
+            (entry: ReleaseTrackObjectItem) => entry.object_modified === 'latest'
+          )
+      )
+    );
+    if (!entries.length) return;
+
+    forkJoin(
+      entries.map(entry =>
+        this.fetchLatestObject(entry.object_ref).pipe(
+          map(object => ({ entry, modified: object?.modified }))
+        )
+      )
+    )
+      .pipe(take(1))
+      .subscribe(results => {
+        results.forEach(({ entry, modified }) => {
+          if (modified) {
+            entry.resolved_object_modified =
+              modified instanceof Date ? modified.toISOString() : modified;
+          }
+        });
+      });
+  }
+
+  private fetchLatestObject(objectRef: string): Observable<any | null> {
+    const attackType = StixTypeToAttackType[objectRef.split('--')[0] as StixType];
+    const getters: Partial<Record<string, () => Observable<any[]>>> = {
+      technique: () => this.restApiConnectorService.getTechnique(objectRef),
+      tactic: () => this.restApiConnectorService.getTactic(objectRef),
+      group: () => this.restApiConnectorService.getGroup(objectRef),
+      campaign: () => this.restApiConnectorService.getCampaign(objectRef),
+      asset: () => this.restApiConnectorService.getAsset(objectRef),
+      software: () => this.restApiConnectorService.getSoftware(objectRef),
+      mitigation: () => this.restApiConnectorService.getMitigation(objectRef),
+      matrix: () => this.restApiConnectorService.getMatrix(objectRef),
+      'data-source': () => this.restApiConnectorService.getDataSource(objectRef),
+      'data-component': () => this.restApiConnectorService.getDataComponent(objectRef),
+      'detection-strategy': () =>
+        this.restApiConnectorService.getDetectionStrategy(objectRef),
+      analytic: () => this.restApiConnectorService.getAnalytic(objectRef),
+    };
+    const getObject = getters[attackType];
+    return getObject ? getObject().pipe(map(objects => objects[0] || null)) : of(null);
+  }
+
   public onDeleteReleaseTrack(): void {
     if (!this.id || !this.canEditReleaseTrack || this.isDeleting) return;
 
@@ -621,6 +673,10 @@ export class ReleaseTrackPageComponent implements OnInit {
     if (!this.releaseTrack) return;
 
     const selection = new SelectionModel<string>(true);
+    const selectedObjectRefs = new Map<string, {
+      id: string;
+      modified: string;
+    }>();
     const dialogRef = this.dialog.open(AddDialogComponent, {
       data: {
         select: selection,
@@ -633,6 +689,7 @@ export class ReleaseTrackPageComponent implements OnInit {
           ...ALL_OBJECTS_STIX_LIST_CONFIG,
           select: 'many',
           selectionModel: selection,
+          selectedObjectRefs,
           clickBehavior: 'expand',
         },
       },
@@ -645,7 +702,12 @@ export class ReleaseTrackPageComponent implements OnInit {
       next: result => {
         if (!result || !selection.selected.length) return;
 
-        this.connector.addCandidates(this.id, selection.selected).subscribe({
+        const objectRefs = selection.selected
+          .map(id => selectedObjectRefs.get(id))
+          .filter((ref): ref is { id: string; modified: string } => !!ref);
+        if (!objectRefs.length) return;
+
+        this.connector.addCandidates(this.id, objectRefs).subscribe({
           next: () => {
             this.refreshReleaseTrackState();
           },

From a8bdf1808afdd307c6e2aa6f32ffb6217938178d Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 30 Jul 2026 19:58:49 -0400
Subject: [PATCH 157/190] chore: remove duplicate declarations

---
 .../release-track-page/release-track-page.component.ts          | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 6427b3972..45728a823 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -143,9 +143,7 @@ const VIRTUAL_OBJECT_TYPE_OPTIONS: StixType[] = [
   'x-mitre-matrix',
   'x-mitre-tactic',
 ];
-import { map } from 'rxjs/operators';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { forkJoin, Observable, of } from 'rxjs';
 import { StixObject } from 'src/app/classes/stix';
 import { StixDialogComponent } from 'src/app/views/stix/stix-dialog/stix-dialog.component';
 

From 31f9ed289a66749eb6093b6af158fa98731e5dba Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 30 Jul 2026 20:08:15 -0400
Subject: [PATCH 158/190] fix: release track creation

---
 .../new-track-dialog.component.spec.ts        | 28 +++++++++++++++++++
 .../new-track-dialog.component.ts             |  6 +++-
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts b/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts
index 00927ca0b..e1ca8a4b0 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts
@@ -206,6 +206,34 @@ describe('NewTrackDialogComponent', () => {
     );
   });
 
+  it('should create a standard track with the API member-sync supplant shape', () => {
+    component.mode = ReleaseTrackType.Standard;
+    component.form.patchValue({
+      name: 'Enterprise Content',
+      description: 'Tracks Enterprise content',
+      memberSync: 'track_latest',
+      supplantBehavior: 'replace',
+    });
+
+    component.handleCreate();
+
+    expect(mockConnector.createReleaseTrack).toHaveBeenCalledWith({
+      type: ReleaseTrackType.Standard,
+      name: 'Enterprise Content',
+      description: 'Tracks Enterprise content',
+      config: {
+        auto_promote: false,
+        member_sync: {
+          strategy: 'track_latest',
+          supplant: {
+            behavior: 'replace',
+            status_policy: 'preserve',
+          },
+        },
+      },
+    });
+  });
+
   it('should preserve optional virtual track settings in the create payload', () => {
     component.form.patchValue({
       name: 'Scheduled Combined Track',
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.ts b/src/app/components/new-track-dialog/new-track-dialog.component.ts
index 9e9476c9f..c3f0baac8 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.ts
@@ -4,6 +4,7 @@ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import {
   MemberSyncStrategy,
   MemberSyncBehavior,
+  MemberSyncPolicy,
   ReleaseTrackType,
   DeduplicationStrategy,
   ResolutionStrategy,
@@ -206,7 +207,10 @@ export class NewTrackDialogComponent implements OnInit {
           auto_promote: !!this.form.get('autoPromote')?.value,
           member_sync: {
             strategy: this.form.get('memberSync')?.value,
-            supplant: this.form.get('supplantBehavior')?.value,
+            supplant: {
+              behavior: this.form.get('supplantBehavior')?.value,
+              status_policy: MemberSyncPolicy.Preserve,
+            },
           },
         },
         type: ReleaseTrackType.Standard,

From 204656995a2a80eaafc260502ac52a471e340052 Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Thu, 30 Jul 2026 20:26:40 -0400
Subject: [PATCH 159/190] fix(release-tracks): distinguish preview conflict
 messages

---
 .../release-preview-dialog.component.html         | 11 +++++++++--
 .../release-preview-dialog.component.spec.ts      | 12 +++++++++++-
 .../release-preview-dialog.component.ts           | 15 ++++++++++-----
 3 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.html b/src/app/components/release-preview-dialog/release-preview-dialog.component.html
index 4ad3db086..c12fa9a60 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.html
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.html
@@ -224,6 +224,13 @@ <h2 id="release-preview-dialog-title">
       <mat-icon aria-hidden="true">warning_amber</mat-icon>
       <span> Release is blocked by invalid incoming version bumps. </span>
     </p>
+    <p
+      *ngIf="!hasInvalidVersionBumps && hasPromotionConflicts"
+      class="release-blocked-message"
+      role="alert">
+      <mat-icon aria-hidden="true">warning_amber</mat-icon>
+      <span> Release is blocked by promotion conflicts. </span>
+    </p>
 
     <div class="release-preview-actions">
       <button mat-stroked-button type="button" (click)="close()">Cancel</button>
@@ -232,7 +239,7 @@ <h2 id="release-preview-dialog-title">
         class="release-preview-tag-minor-button"
         type="button"
         color="primary"
-        [disabled]="hasInvalidVersionBumps"
+        [disabled]="isReleaseBlocked"
         (click)="tagVersion('minor')">
         Tag Minor ({{ minorVersion }})
       </button>
@@ -241,7 +248,7 @@ <h2 id="release-preview-dialog-title">
         class="release-preview-tag-major-button"
         type="button"
         color="primary"
-        [disabled]="hasInvalidVersionBumps"
+        [disabled]="isReleaseBlocked"
         (click)="tagVersion('major')">
         Tag Major ({{ majorVersion }})
       </button>
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
index e0a35824e..82fdf5f6e 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
@@ -134,11 +134,20 @@ describe('ReleasePreviewDialogComponent', () => {
 
   it('should block tagging when the backend reports release conflicts', () => {
     data.conflicts = [{ object_ref: 'attack-pattern--member' }];
+    fixture.detectChanges();
 
-    expect(component.hasInvalidVersionBumps).toBe(true);
+    expect(component.hasInvalidVersionBumps).toBe(false);
+    expect(component.hasPromotionConflicts).toBe(true);
+    expect(component.isReleaseBlocked).toBe(true);
     component.tagVersion('minor');
 
     expect(dialogRef.close).not.toHaveBeenCalled();
+    expect(fixture.nativeElement.textContent).toContain(
+      'Release is blocked by promotion conflicts.'
+    );
+    expect(fixture.nativeElement.textContent).not.toContain(
+      'Release is blocked by invalid incoming version bumps.'
+    );
   });
 
   it('should provide fallbacks for incomplete object metadata', () => {
@@ -189,6 +198,7 @@ describe('ReleasePreviewDialogComponent', () => {
     fixture.detectChanges();
 
     expect(component.hasInvalidVersionBumps).toBe(true);
+    expect(component.isReleaseBlocked).toBe(true);
     component.tagVersion('minor');
     expect(dialogRef.close).not.toHaveBeenCalled();
 
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
index 884f6d8ea..0eecdd36f 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
@@ -167,10 +167,15 @@ export class ReleasePreviewDialogComponent {
   }
 
   public get hasInvalidVersionBumps(): boolean {
-    return (
-      !!this.data.conflicts?.length ||
-      this.includedObjects.some(item => item.invalidVersionBump)
-    );
+    return this.includedObjects.some(item => item.invalidVersionBump);
+  }
+
+  public get hasPromotionConflicts(): boolean {
+    return !!this.data.conflicts?.length;
+  }
+
+  public get isReleaseBlocked(): boolean {
+    return this.hasInvalidVersionBumps || this.hasPromotionConflicts;
   }
 
   public close(): void {
@@ -178,7 +183,7 @@ export class ReleasePreviewDialogComponent {
   }
 
   public tagVersion(type: 'minor' | 'major'): void {
-    if (this.hasInvalidVersionBumps) {
+    if (this.isReleaseBlocked) {
       return;
     }
 

From 871d48f941719612356d186547be189c569b1e1d Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 30 Jul 2026 20:37:37 -0400
Subject: [PATCH 160/190] fix: diff view for manual track objects

---
 .../release-track-page.component.ts           | 25 ++++++++++---------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 45728a823..9daa86203 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -1758,79 +1758,80 @@ export class ReleaseTrackPageComponent implements OnInit {
   ): Observable<StixObject | null> {
     const stixType = objectRef.split('--')[0] as StixType;
     const attackType = StixTypeToAttackType[stixType];
+    const requestedModified = modified === 'latest' ? undefined : modified;
 
     let requestObject: Observable<StixObject[]>;
     switch (attackType) {
       case 'technique':
         requestObject = this.restApiConnectorService.getTechnique(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       case 'tactic':
         requestObject = this.restApiConnectorService.getTactic(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       case 'group':
         requestObject = this.restApiConnectorService.getGroup(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       case 'campaign':
         requestObject = this.restApiConnectorService.getCampaign(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       case 'asset':
         requestObject = this.restApiConnectorService.getAsset(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       case 'software':
         requestObject = this.restApiConnectorService.getSoftware(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       case 'mitigation':
         requestObject = this.restApiConnectorService.getMitigation(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       case 'matrix':
         requestObject = this.restApiConnectorService.getMatrix(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       case 'data-source':
         requestObject = this.restApiConnectorService.getDataSource(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       case 'data-component':
         requestObject = this.restApiConnectorService.getDataComponent(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       case 'detection-strategy':
         requestObject = this.restApiConnectorService.getDetectionStrategy(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       case 'analytic':
         requestObject = this.restApiConnectorService.getAnalytic(
           objectRef,
-          modified
+          requestedModified
         );
         break;
       default:

From 73cea1d96ce4846eb96bc94575fa76758a797cdb Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 30 Jul 2026 21:05:18 -0400
Subject: [PATCH 161/190] feat: add domain filter for virtual tracks

---
 .../new-track-dialog.component.html           | 15 ++++++++++
 .../new-track-dialog.component.ts             | 15 ++++++----
 .../release-track-page.component.html         | 20 +++++++++++++
 .../release-track-page.component.spec.ts      | 23 ++++++++++++++-
 .../release-track-page.component.ts           | 28 +++++++++++++++++--
 5 files changed, 93 insertions(+), 8 deletions(-)

diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
index f137f310a..1e179ca64 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.html
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -184,6 +184,21 @@ <h2>
               </mat-select>
               <mat-hint>Leave empty to include all object types</mat-hint>
             </mat-form-field>
+
+            <mat-form-field
+              *ngIf="track.selected"
+              appearance="outline"
+              class="object-type-filter">
+              <mat-label>Domain filter</mat-label>
+              <mat-select multiple [(value)]="track.domains">
+                <mat-option
+                  *ngFor="let domain of domainOptions"
+                  [value]="domain">
+                  {{ domain }}
+                </mat-option>
+              </mat-select>
+              <mat-hint>Leave empty to include all domains</mat-hint>
+            </mat-form-field>
           </div>
         </div>
 
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.ts b/src/app/components/new-track-dialog/new-track-dialog.component.ts
index c3f0baac8..54b4969e9 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.ts
@@ -34,6 +34,8 @@ const OBJECT_FILTER_OPTIONS: StixType[] = [
   'x-mitre-tactic',
 ];
 
+const DOMAIN_FILTER_OPTIONS = ['enterprise', 'ics', 'mobile'];
+
 @Component({
   standalone: false,
   selector: 'app-new-track-dialog',
@@ -64,6 +66,7 @@ export class NewTrackDialogComponent implements OnInit {
     label: this.formatStixType(type),
     value: type,
   }));
+  public domainOptions = DOMAIN_FILTER_OPTIONS;
 
   public mode: 'standard' | 'virtual' = 'standard';
 
@@ -184,6 +187,7 @@ export class NewTrackDialogComponent implements OnInit {
   public removeComponentTrack(track: VirtualComponentTrackOption): void {
     track.selected = false;
     track.objectTypes = [];
+    track.domains = [];
   }
 
   public handleCreate(): void {
@@ -277,11 +281,10 @@ export class NewTrackDialogComponent implements OnInit {
           priority,
         };
 
-        if (track.objectTypes.length) {
-          componentTrack.filters = {
-            object_types: track.objectTypes,
-          };
-        }
+        const filters: any = {};
+        if (track.objectTypes.length) filters.object_types = track.objectTypes;
+        if (track.domains.length) filters.domains = track.domains;
+        if (Object.keys(filters).length) componentTrack.filters = filters;
 
         return componentTrack;
       }),
@@ -325,6 +328,7 @@ export class NewTrackDialogComponent implements OnInit {
       taggedReleaseCount,
       selected: false,
       objectTypes: [],
+      domains: [],
     };
   }
 
@@ -384,4 +388,5 @@ interface VirtualComponentTrackOption {
   taggedReleaseCount: number;
   selected: boolean;
   objectTypes: StixType[];
+  domains: string[];
 }
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 6ef84722b..8911dec06 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -882,6 +882,26 @@ <h3>Composition</h3>
                     </mat-select>
                     <mat-hint>Leave empty to include all object types</mat-hint>
                   </mat-form-field>
+
+                  <mat-form-field
+                    *ngIf="isEditingConfig"
+                    appearance="outline"
+                    class="config-component-filter">
+                    <mat-label>Domain filter</mat-label>
+                    <mat-select
+                      multiple
+                      [value]="getVirtualComponentTrackDomains(track)"
+                      (selectionChange)="
+                        setVirtualComponentTrackDomains(track, $event.value)
+                      ">
+                      <mat-option
+                        *ngFor="let domain of virtualDomainOptions"
+                        [value]="domain">
+                        {{ domain }}
+                      </mat-option>
+                    </mat-select>
+                    <mat-hint>Leave empty to include all domains</mat-hint>
+                  </mat-form-field>
                 </article>
               </div>
 
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 76f183c95..092dc6bfd 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -268,6 +268,7 @@ describe('ReleaseTrackPageComponent', () => {
             priority: 0,
             filters: {
               object_types: ['attack-pattern'],
+              domains: ['enterprise-attack'],
             },
           },
           {
@@ -347,7 +348,12 @@ describe('ReleaseTrackPageComponent', () => {
     ).toBe('Component One');
     expect(
       component.getComponentTrackFilters(component.virtualComponentTracks[0])
-    ).toEqual(['attack pattern']);
+    ).toEqual(['attack pattern', 'enterprise']);
+    expect(
+      component.getVirtualComponentTrackDomains(
+        component.virtualComponentTracks[0]
+      )
+    ).toEqual(['enterprise']);
     expect(component.virtualResolutionRows[0]).toEqual(
       expect.objectContaining({
         trackId: 'release-track--component-one',
@@ -984,6 +990,21 @@ describe('ReleaseTrackPageComponent', () => {
     expect(historySpy).toHaveBeenCalled();
   });
 
+  it('should retain object types when clearing component-track domains', () => {
+    const track: any = {
+      filters: {
+        object_types: ['malware'],
+        domains: ['mobile'],
+      },
+    };
+
+    (component as any).setVirtualComponentTrackDomains(track, []);
+
+    expect(track.filters).toEqual({
+      object_types: ['malware'],
+    });
+  });
+
   it('should edit virtual release track component tracks', () => {
     mockReleaseTrackApiConnector.updateComposition.mockReturnValue(of({}));
     component.id = 'release-track--virtual';
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 0a0eebacb..5d66078fb 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -142,6 +142,8 @@ const VIRTUAL_OBJECT_TYPE_OPTIONS: StixType[] = [
   'x-mitre-tactic',
 ];
 
+const VIRTUAL_DOMAIN_FILTER_OPTIONS = ['enterprise', 'ics', 'mobile'];
+
 @Component({
   selector: 'app-release-track-page',
   standalone: false,
@@ -189,6 +191,7 @@ export class ReleaseTrackPageComponent implements OnInit {
     label: this.formatStixType(type),
     value: type,
   }));
+  public virtualDomainOptions = VIRTUAL_DOMAIN_FILTER_OPTIONS;
 
   constructor(
     private connector: ReleaseTracksConnectorService,
@@ -872,8 +875,13 @@ export class ReleaseTrackPageComponent implements OnInit {
 
   public getComponentTrackFilters(track: any): string[] {
     const objectTypes = track?.filters?.object_types;
-    if (!Array.isArray(objectTypes)) return [];
-    return objectTypes.map(type => this.formatConfigOption(type));
+    const domains = track?.filters?.domains;
+    return [
+      ...(Array.isArray(objectTypes)
+        ? objectTypes.map(type => this.formatConfigOption(type))
+        : []),
+      ...(Array.isArray(domains) ? domains.map(this.formatDomain) : []),
+    ];
   }
 
   public getResolvedComponentLabel(component: any): string {
@@ -962,6 +970,22 @@ export class ReleaseTrackPageComponent implements OnInit {
     };
   }
 
+  public getVirtualComponentTrackDomains(track: any): string[] {
+    const domains = track?.filters?.domains;
+    return Array.isArray(domains) ? domains.map(this.formatDomain) : [];
+  }
+
+  public setVirtualComponentTrackDomains(track: any, domains: string[]): void {
+    const filters = { ...(track.filters || {}) };
+    if (domains.length) filters.domains = domains;
+    else delete filters.domains;
+    track.filters = Object.keys(filters).length ? filters : undefined;
+  }
+
+  private formatDomain(domain: string): string {
+    return domain.replace(/-attack$/, '');
+  }
+
   public getVirtualComponentTrackDescription(track: any): string {
     return this.getComponentTrackSummary(track?.track_id)?.description || '';
   }

From b7fd234863971aed1ca19e1c2296cd3500373a0e Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 30 Jul 2026 21:34:03 -0400
Subject: [PATCH 162/190] fix: virtual track creation with new keys

---
 .../new-track-dialog.component.html           | 29 --------------
 .../new-track-dialog.component.spec.ts        | 39 ++++++++++++++-----
 .../new-track-dialog.component.ts             |  9 -----
 3 files changed, 30 insertions(+), 47 deletions(-)

diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
index 1e179ca64..986b656fe 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.html
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -217,35 +217,6 @@ <h2>
             </mat-select>
           </mat-form-field>
 
-          <div class="section-block gap-12">
-            <mat-form-field appearance="outline">
-              <mat-label>Snapshot Tier</mat-label>
-              <mat-select formControlName="deduplicationTier">
-                <mat-option
-                  *ngFor="let opt of deduplicationTierOptions"
-                  [value]="opt"
-                  >{{ formatOption(opt) }}</mat-option
-                >
-              </mat-select>
-              <mat-hint>
-                Prefer objects from this tier when resolving conflicts
-              </mat-hint>
-            </mat-form-field>
-
-            <mat-form-field appearance="outline">
-              <mat-label>Workflow Status</mat-label>
-              <mat-select formControlName="deduplicationStatus">
-                <mat-option
-                  *ngFor="let opt of deduplicationStatusOptions"
-                  [value]="opt"
-                  >{{ formatOption(opt) }}</mat-option
-                >
-              </mat-select>
-              <mat-hint>
-                Prefer objects with this status when resolving conflicts
-              </mat-hint>
-            </mat-form-field>
-          </div>
         </div>
       </div>
 
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts b/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts
index e1ca8a4b0..75e07ba16 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts
@@ -11,9 +11,7 @@ import {
   ReleaseTrackType,
   ResolutionStrategy,
   SnapshotScheduleMode,
-  SnapshotTier,
 } from 'src/app/classes/release-tracks';
-import { WorkflowStatus } from 'src/app/utils/types';
 
 describe('NewTrackDialogComponent', () => {
   let component: NewTrackDialogComponent;
@@ -169,8 +167,6 @@ describe('NewTrackDialogComponent', () => {
         ],
         deduplication: {
           strategy: DeduplicationStrategy.PrioritizeLatestObject,
-          tier_resolution: SnapshotTier.Member,
-          status_resolution: WorkflowStatus.WorkInProgress,
         },
       },
       snapshot_schedule: {
@@ -182,6 +178,35 @@ describe('NewTrackDialogComponent', () => {
     });
   });
 
+  it('should create a virtual track with public domain filters', () => {
+    component.form.patchValue({
+      name: 'Combined domain content',
+    });
+    component.toggleComponentTrack(component.componentTrackOptions[0], true);
+    component.componentTrackOptions[0].objectTypes = ['malware'];
+    (component.componentTrackOptions[0] as any).domains = [
+      'enterprise',
+      'mobile',
+    ];
+
+    component.handleCreate();
+
+    expect(mockConnector.createReleaseTrack).toHaveBeenCalledWith(
+      expect.objectContaining({
+        composition: expect.objectContaining({
+          component_tracks: [
+            expect.objectContaining({
+              filters: {
+                object_types: ['malware'],
+                domains: ['enterprise', 'mobile'],
+              },
+            }),
+          ],
+        }),
+      })
+    );
+  });
+
   it('should allow untagged standard tracks in virtual track composition', () => {
     component.form.patchValue({
       name: 'Future Combined Track',
@@ -234,14 +259,12 @@ describe('NewTrackDialogComponent', () => {
     });
   });
 
-  it('should preserve optional virtual track settings in the create payload', () => {
+  it('should omit unsupported virtual deduplication resolution settings', () => {
     component.form.patchValue({
       name: 'Scheduled Combined Track',
       description: 'Includes optional virtual settings',
       composition: {
         deduplicationStrategy: DeduplicationStrategy.Quarantine,
-        deduplicationTier: SnapshotTier.Staged,
-        deduplicationStatus: WorkflowStatus.Reviewed,
       },
       snapshotSchedule: {
         mode: SnapshotScheduleMode.Cron,
@@ -257,8 +280,6 @@ describe('NewTrackDialogComponent', () => {
         composition: expect.objectContaining({
           deduplication: {
             strategy: DeduplicationStrategy.Quarantine,
-            tier_resolution: SnapshotTier.Staged,
-            status_resolution: WorkflowStatus.Reviewed,
           },
         }),
         snapshot_schedule: {
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.ts b/src/app/components/new-track-dialog/new-track-dialog.component.ts
index 54b4969e9..393ee23b6 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.ts
@@ -8,7 +8,6 @@ import {
   ReleaseTrackType,
   DeduplicationStrategy,
   ResolutionStrategy,
-  SnapshotTier,
   SnapshotScheduleMode,
 } from 'src/app/classes/release-tracks/enums';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
@@ -57,8 +56,6 @@ export class NewTrackDialogComponent implements OnInit {
   public supplantOptions = Object.values(MemberSyncBehavior);
 
   public deduplicationOptions = Object.values(DeduplicationStrategy);
-  public deduplicationTierOptions = Object.values(SnapshotTier);
-  public deduplicationStatusOptions = Object.values(WorkflowStatus);
   public snapshotModeOptions = Object.values(SnapshotScheduleMode);
   public componentTrackOptions: VirtualComponentTrackOption[] = [];
   public isLoadingComponentTracks = false;
@@ -90,8 +87,6 @@ export class NewTrackDialogComponent implements OnInit {
       composition: this.fb.group({
         componentTrackSearch: [''],
         deduplicationStrategy: [DeduplicationStrategy.PrioritizeLatestObject],
-        deduplicationTier: [this.deduplicationTierOptions[0]],
-        deduplicationStatus: [this.deduplicationStatusOptions[0]],
       }),
       snapshotSchedule: this.fb.group({
         mode: [SnapshotScheduleMode.Manual],
@@ -267,11 +262,7 @@ export class NewTrackDialogComponent implements OnInit {
   private buildVirtualComposition(): any {
     const deduplication: any = {};
     const strategy = this.form.get('composition.deduplicationStrategy')?.value;
-    const tier = this.form.get('composition.deduplicationTier')?.value;
-    const status = this.form.get('composition.deduplicationStatus')?.value;
     if (strategy) deduplication.strategy = strategy;
-    if (tier) deduplication.tier_resolution = tier;
-    if (status) deduplication.status_resolution = status;
 
     return {
       component_tracks: this.selectedComponentTracks.map((track, priority) => {

From 7629fc0b1f94634be2a2657bd2d0980e1a4503be Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 31 Jul 2026 09:28:14 -0400
Subject: [PATCH 163/190] chore: formatting

---
 .../new-track-dialog/new-track-dialog.component.html   |  1 -
 .../components/stix/stix-list/stix-list.component.ts   | 10 ++++------
 src/app/utils/types.ts                                 |  6 +-----
 .../relationship-view/relationship-view.component.ts   |  8 +++++---
 4 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
index 986b656fe..dcaf1221a 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.html
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -216,7 +216,6 @@ <h2>
               >
             </mat-select>
           </mat-form-field>
-
         </div>
       </div>
 
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index 26e7e64ef..5580f7f4a 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -387,12 +387,10 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
               this.config.sourceRef ? sticky_allowed : false,
               ['relationship-name']
             );
-            if (
-              !(
-                this.config.relationshipType &&
-                this.config.relationshipType == 'subtechnique-of'
-              )
-            )
+            if (!(
+              this.config.relationshipType &&
+              this.config.relationshipType == 'subtechnique-of'
+            ))
               this.addColumn(
                 'description',
                 'description',
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 89aa535e6..68a34ac0f 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -101,11 +101,7 @@ export const WORKFLOW_STATUS_RANK: Record<WorkflowStatusType, number> = {
  * Collection/release changelog categories
  */
 export type ChangelogCategory =
-  | 'additions'
-  | 'changes'
-  | 'minor_changes'
-  | 'revocations'
-  | 'deprecations';
+  'additions' | 'changes' | 'minor_changes' | 'revocations' | 'deprecations';
 
 export interface ReleaseTrackStatus {
   trackId: string;
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.ts b/src/app/views/stix/relationship-view/relationship-view.component.ts
index d94638960..fe588de8f 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.ts
+++ b/src/app/views/stix/relationship-view/relationship-view.component.ts
@@ -240,9 +240,11 @@ export class RelationshipViewComponent extends StixViewPage implements OnInit {
    * @param {any} obj the raw STIX object
    */
   public navigateTo(obj: any): void {
-    if (
-      !(obj?.stix?.type && obj?.stix?.id && StixTypeToAttackType[obj.stix.type])
-    ) {
+    if (!(
+      obj?.stix?.type &&
+      obj?.stix?.id &&
+      StixTypeToAttackType[obj.stix.type]
+    )) {
       console.warn('Invalid object passed to navigateTo:', obj);
       return;
     }

From 1df479669a0128b2161201b87c047c92e6717f4a Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Fri, 31 Jul 2026 10:38:46 -0400
Subject: [PATCH 164/190] fix: add relationships creation indication to objects
 going from staged to members

---
 .../release-track-page/release-track-page.component.ts        | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 9daa86203..8ff1a2a71 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -834,7 +834,9 @@ export class ReleaseTrackPageComponent implements OnInit {
             this.findStagedEntry(item.object_ref) ??
             this.findMemberEntry(item.object_ref)
           )?.object_modified
-        : undefined;
+        : tier === 'staged'
+          ? this.findMemberEntry(item.object_ref)?.object_modified
+          : undefined;
     diff.pipe(take(1)).subscribe(({ current, prior, expectedBaseline }) => {
       if (!current) {
         this.snackbar.open(

From 337be41b112c46adededb1f4e650fb73e536c3c7 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Fri, 31 Jul 2026 12:28:02 -0400
Subject: [PATCH 165/190] chore: update function to get release track tiers

---
 .../release-track-page.component.ts           | 43 +++++++++++++------
 1 file changed, 29 insertions(+), 14 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 8ff1a2a71..83ebb3646 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -828,15 +828,13 @@ export class ReleaseTrackPageComponent implements OnInit {
       tier === 'candidate'
         ? this.resolveCandidateDiffObjects(item)
         : this.resolveStagedDiffObjects(item);
-    const relationshipAddedAfter =
+    const relationshipBaseline =
       tier === 'candidate'
-        ? (
-            this.findStagedEntry(item.object_ref) ??
-            this.findMemberEntry(item.object_ref)
-          )?.object_modified
-        : tier === 'staged'
-          ? this.findMemberEntry(item.object_ref)?.object_modified
-          : undefined;
+        ? (this.findStagedEntry(item.object_ref) ??
+          this.findMemberEntry(item.object_ref))
+        : this.findMemberEntry(item.object_ref);
+    const relationshipAddedAfter =
+      this.getDiffObjectModified(relationshipBaseline);
     diff.pipe(take(1)).subscribe(({ current, prior, expectedBaseline }) => {
       if (!current) {
         this.snackbar.open(
@@ -863,7 +861,7 @@ export class ReleaseTrackPageComponent implements OnInit {
       this.openDiffDialog(
         current,
         prior,
-        tier === 'staged' ? item.object_modified : undefined,
+        tier === 'staged' ? this.getDiffObjectModified(item) : undefined,
         relationshipAddedAfter
       );
     });
@@ -1675,7 +1673,12 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   private getReleaseTrackTier(item: any): 'candidate' | 'staged' | null {
-    if (item?.release_track_tier) return item.release_track_tier;
+    if (item?.release_track_tier) {
+      return item.release_track_tier === 'candidate' ||
+        item.release_track_tier === 'staged'
+        ? item.release_track_tier
+        : null;
+    }
     if (item?.object_staged_at || item?.object_staged_by) return 'staged';
     return item?.object_ref ? 'candidate' : null;
   }
@@ -1700,6 +1703,12 @@ export class ReleaseTrackPageComponent implements OnInit {
     );
   }
 
+  private getDiffObjectModified(
+    item: ReleaseTrackObjectItem | null
+  ): Date | string | undefined {
+    return item?.resolved_object_modified ?? item?.object_modified;
+  }
+
   private resolveCandidateDiffObjects(
     item: ReleaseTrackObjectItem
   ): Observable<{
@@ -1714,11 +1723,14 @@ export class ReleaseTrackPageComponent implements OnInit {
     const baselineEntry = stagedEntry ?? memberEntry;
 
     return forkJoin({
-      current: this.fetchObjectVersion(item.object_ref, item.object_modified),
+      current: this.fetchObjectVersion(
+        item.object_ref,
+        this.getDiffObjectModified(item)
+      ),
       prior: baselineEntry
         ? this.fetchObjectVersion(
             baselineEntry.object_ref,
-            baselineEntry.object_modified
+            this.getDiffObjectModified(baselineEntry)
           )
         : of(null),
     }).pipe(
@@ -1738,11 +1750,14 @@ export class ReleaseTrackPageComponent implements OnInit {
     const memberEntry = this.findMemberEntry(item.object_ref);
 
     return forkJoin({
-      current: this.fetchObjectVersion(item.object_ref, item.object_modified),
+      current: this.fetchObjectVersion(
+        item.object_ref,
+        this.getDiffObjectModified(item)
+      ),
       prior: memberEntry
         ? this.fetchObjectVersion(
             memberEntry.object_ref,
-            memberEntry.object_modified
+            this.getDiffObjectModified(memberEntry)
           )
         : of(null),
     }).pipe(

From 5e1c30a338446bcf9409585e76f9f4503c4a0b47 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 31 Jul 2026 13:20:44 -0400
Subject: [PATCH 166/190] chore: formatting

---
 src/app/classes/release-tracks/tiers.ts                        | 3 +--
 .../new-track-dialog/new-track-dialog.component.html           | 1 -
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index 29852029b..bae5f0ad9 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -2,8 +2,7 @@ import { WorkflowStatusType } from 'src/app/utils/types';
 import { SnapshotTier } from './enums';
 
 export type ReleaseTrackObjectTier =
-  | SnapshotTier.Candidate
-  | SnapshotTier.Staged;
+  SnapshotTier.Candidate | SnapshotTier.Staged;
 
 export type WorkflowRevisionSelector = Date | 'latest';
 
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
index 986b656fe..dcaf1221a 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.html
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -216,7 +216,6 @@ <h2>
               >
             </mat-select>
           </mat-form-field>
-
         </div>
       </div>
 

From c61efb9788ada9f7fa5a1e37f695a908f8b9bd71 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 31 Jul 2026 13:25:33 -0400
Subject: [PATCH 167/190] style(release-tracks): update snapshot history border
 styles

---
 .../release-track-page.component.html         |   4 +-
 .../release-track-page.component.scss         |  28 ++++-
 .../release-track-page.component.spec.ts      | 114 ++++++++++++++++++
 .../release-track-page.component.ts           |  22 ++--
 4 files changed, 150 insertions(+), 18 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 488390d12..b7b810c8f 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -638,7 +638,9 @@ <h4>{{ getVirtualObjectTitle(item) }}</h4>
             <mat-icon>{{ item.isTagged ? 'sell' : 'schedule' }}</mat-icon>
           </div>
 
-          <div class="snapshot-history-card">
+          <div
+            class="snapshot-history-card"
+            [class.snapshot-history-card-tagged]="item.isTagged">
             <div class="snapshot-history-card-header">
               <div class="snapshot-history-title">
                 <div class="snapshot-history-title-row">
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index 29e5ebdbb..88b5bad78 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -459,15 +459,16 @@ $snapshot-draft-chip-dark: #c7b9ff;
       position: absolute;
       top: 48px;
       bottom: -32px;
-      left: -38px;
-      width: 2px;
+      left: -37px;
+      border-left: 1px solid;
+      border-left-color: colors.border-color(light);
 
       .dark & {
-        background: colors.border-color(dark);
+        border-left-color: colors.border-color(dark);
       }
 
       .light & {
-        background: colors.border-color(light);
+        border-left-color: colors.border-color(light);
       }
     }
   }
@@ -482,6 +483,7 @@ $snapshot-draft-chip-dark: #c7b9ff;
     height: 40px;
     border: 1px solid;
     border-radius: 50%;
+    border-color: colors.border-color(light);
 
     .dark & {
       border-color: colors.border-color(dark);
@@ -504,6 +506,7 @@ $snapshot-draft-chip-dark: #c7b9ff;
     }
 
     &.snapshot-history-marker-tagged {
+      border-color: colors.color(success);
       color: colors.color(success);
     }
 
@@ -518,6 +521,7 @@ $snapshot-draft-chip-dark: #c7b9ff;
   .snapshot-history-card {
     overflow: hidden;
     border: 1px solid;
+    border-color: colors.border-color(light);
     border-radius: 6px;
 
     .dark & {
@@ -529,6 +533,14 @@ $snapshot-draft-chip-dark: #c7b9ff;
       border-color: colors.border-color(light);
       background: colors.color(mitre-silver);
     }
+
+    &.snapshot-history-card-tagged {
+      border-color: colors.color(success);
+
+      .snapshot-history-card-header {
+        border-bottom-color: colors.color(success);
+      }
+    }
   }
 
   .snapshot-history-card-header {
@@ -537,14 +549,15 @@ $snapshot-draft-chip-dark: #c7b9ff;
     gap: 16px;
     padding: 20px 16px 22px;
     border-bottom: 1px solid;
+    border-bottom-color: colors.border-color(light);
 
     .dark & {
-      border-color: colors.border-color(dark);
+      border-bottom-color: colors.border-color(dark);
       background: color.mix(colors.color(dark), colors.color(mitre-navy), 68%);
     }
 
     .light & {
-      border-color: colors.border-color(light);
+      border-bottom-color: colors.border-color(light);
       background: colors.color(light);
     }
   }
@@ -579,6 +592,7 @@ $snapshot-draft-chip-dark: #c7b9ff;
       justify-content: center;
       min-height: 24px;
       border: 1px solid;
+      border-color: colors.border-color(light);
       border-radius: 999px;
       padding: 0 12px;
       font-size: 12px;
@@ -594,6 +608,8 @@ $snapshot-draft-chip-dark: #c7b9ff;
       }
 
       &.snapshot-history-type-tagged {
+        border-color: colors.color(success);
+
         .dark & {
           background: rgba($snapshot-tagged-chip-dark, 0.18);
           color: $snapshot-tagged-chip-dark;
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 84b6e429c..7ee834224 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -242,6 +242,120 @@ describe('ReleaseTrackPageComponent', () => {
     expect(mockDialog.open).not.toHaveBeenCalled();
   });
 
+  it('should export a standard draft snapshot with staged content', () => {
+    const exportPayload = { type: 'bundle', objects: [] };
+    mockReleaseTrackApiConnector.exportSnapshotByModified.mockReturnValue(
+      of(exportPayload)
+    );
+    component.id = 'release-track--123';
+    component.releaseTrack = {
+      name: 'Enterprise Release',
+      type: ReleaseTrackType.Standard,
+    } as any;
+
+    component.onExportSnapshot({
+      snapshot: {
+        modified: '2024-05-21T07:00:00.000Z',
+        type: ReleaseTrackType.Standard,
+        version: null,
+      },
+      title: 'Draft Snapshot',
+      created: new Date('2024-05-21T07:00:00.000Z'),
+      modified: '2024-05-21T07:00:00.000Z',
+      taggedAt: null,
+      isTagged: false,
+      stats: [],
+      addedCount: 0,
+      modifiedCount: 0,
+      totalObjects: 0,
+    } as any);
+
+    expect(
+      mockReleaseTrackApiConnector.exportSnapshotByModified
+    ).toHaveBeenCalledWith(
+      'release-track--123',
+      '2024-05-21T07:00:00.000Z',
+      'bundle',
+      { include: 'staged' }
+    );
+    expect(mockRestApiConnector.triggerBrowserDownload).toHaveBeenCalledWith(
+      exportPayload,
+      'enterprise-release-draft-bundle.json'
+    );
+  });
+
+  it('should export a tagged standard snapshot without staged content', () => {
+    mockReleaseTrackApiConnector.exportSnapshotByModified.mockReturnValue(
+      of({ type: 'bundle', objects: [] })
+    );
+    component.id = 'release-track--123';
+    component.releaseTrack = {
+      type: ReleaseTrackType.Standard,
+    } as any;
+
+    component.onExportSnapshot({
+      snapshot: {
+        modified: '2024-04-15T06:00:00.000Z',
+        type: ReleaseTrackType.Standard,
+        version: '1.3',
+      },
+      title: 'v1.3',
+      created: new Date('2024-04-15T06:00:00.000Z'),
+      modified: '2024-04-15T06:00:00.000Z',
+      taggedAt: new Date('2024-04-15T06:30:00.000Z'),
+      isTagged: true,
+      stats: [],
+      addedCount: 0,
+      modifiedCount: 0,
+      totalObjects: 0,
+    } as any);
+
+    expect(
+      mockReleaseTrackApiConnector.exportSnapshotByModified
+    ).toHaveBeenCalledWith(
+      'release-track--123',
+      '2024-04-15T06:00:00.000Z',
+      'bundle',
+      undefined
+    );
+  });
+
+  it('should export a virtual draft snapshot without staged content', () => {
+    mockReleaseTrackApiConnector.exportSnapshotByModified.mockReturnValue(
+      of({ type: 'bundle', objects: [] })
+    );
+    component.id = 'release-track--virtual';
+    component.releaseTrack = {
+      type: ReleaseTrackType.Virtual,
+    } as any;
+
+    component.onExportSnapshot({
+      snapshot: {
+        modified: '2024-05-21T07:00:00.000Z',
+        type: ReleaseTrackType.Virtual,
+        version: null,
+      },
+      title: 'Draft Snapshot',
+      created: new Date('2024-05-21T07:00:00.000Z'),
+      modified: '2024-05-21T07:00:00.000Z',
+      taggedAt: null,
+      isTagged: false,
+      stats: [],
+      addedCount: 0,
+      modifiedCount: 0,
+      totalObjects: 0,
+    } as any);
+
+    expect(
+      mockReleaseTrackApiConnector.exportSnapshotByModified
+    ).toHaveBeenCalledWith(
+      'release-track--virtual',
+      '2024-05-21T07:00:00.000Z',
+      'bundle',
+      undefined
+    );
+  });
+
   it('should load the latest release track with the snapshot model response', () => {
     mockReleaseTrackApiConnector.getLatestSnapshot.mockReturnValue(
       of({ name: 'Enterprise Release' })
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index b9914f3cc..c0af0ae09 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -22,7 +22,6 @@ import {
   ReleaseTrackConfig,
   ReleaseTrackSnapshot,
   ReleaseTrackSnapshotHistoryItem,
-  ReleaseTrackSnapshotOptions,
   ReleaseTrackType,
   ResolutionStrategy,
   SnapshotScheduleMode,
@@ -1562,6 +1561,17 @@ export class ReleaseTrackPageComponent implements OnInit {
       });
   }
 
+  private getSnapshotExportOptions(
+    item: SnapshotHistoryViewModel
+  ): { include: 'staged' } | undefined {
+    const trackType =
+      this.getSnapshotType(item.snapshot) || this.releaseTrack?.type;
+    if (trackType === ReleaseTrackType.Standard && !item.isTagged) {
+      return { include: 'staged' };
+    }
+    return undefined;
+  }
+
   private reviewCandidateStatus(
     from: WorkflowStatusType,
     to: WorkflowStatusType,
@@ -2332,16 +2342,6 @@ export class ReleaseTrackPageComponent implements OnInit {
     return `${safeName}-${snapshotName}-${format}.json`;
   }
 
-  private getSnapshotExportOptions(
-    item: SnapshotHistoryViewModel
-  ): Omit<ReleaseTrackSnapshotOptions, 'format'> | undefined {
-    if (item.isTagged || this.releaseTrack?.type === ReleaseTrackType.Virtual) {
-      return undefined;
-    }
-
-    return { include: 'staged' };
-  }
-
   private toIsoString(value: Date | string | undefined): string | undefined {
     if (!value) return undefined;
     return value instanceof Date ? value.toISOString() : value;

From 1386d6bbf894a92e3311eda9e2e7789a251dfee2 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 31 Jul 2026 13:32:56 -0400
Subject: [PATCH 168/190] fix(release-tracks): submit selected candidate ids
 without version refs

---
 .../release-track-page/release-track-page.component.ts     | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 6bd53ed1e..e1eade302 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -710,10 +710,9 @@ export class ReleaseTrackPageComponent implements OnInit {
       next: result => {
         if (!result || !selection.selected.length) return;
 
-        const objectRefs = selection.selected
-          .map(id => selectedObjectRefs.get(id))
-          .filter((ref): ref is { id: string; modified: string } => !!ref);
-        if (!objectRefs.length) return;
+        const objectRefs = selection.selected.map(
+          id => selectedObjectRefs.get(id) || id
+        );
 
         this.connector.addCandidates(this.id, objectRefs).subscribe({
           next: () => {

From 5650d8409bdf202ec43e8fdbcfaa36979bc60e06 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 31 Jul 2026 13:33:08 -0400
Subject: [PATCH 169/190] chore: formatting

---
 .../release-track-page.component.ts           | 51 +++++++++++--------
 1 file changed, 29 insertions(+), 22 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index e1eade302..950b22c60 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -519,11 +519,10 @@ export class ReleaseTrackPageComponent implements OnInit {
 
   private hydrateDynamicEntryDates(): void {
     const entries = ([] as ReleaseTrackObjectItem[]).concat(
-      ...['candidates', 'staged', 'members'].map(
-        tier =>
-          (this.releaseTrack?.[tier] || []).filter(
-            (entry: ReleaseTrackObjectItem) => entry.object_modified === 'latest'
-          )
+      ...['candidates', 'staged', 'members'].map(tier =>
+        (this.releaseTrack?.[tier] || []).filter(
+          (entry: ReleaseTrackObjectItem) => entry.object_modified === 'latest'
+        )
       )
     );
     if (!entries.length) return;
@@ -547,24 +546,29 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   private fetchLatestObject(objectRef: string): Observable<any | null> {
-    const attackType = StixTypeToAttackType[objectRef.split('--')[0] as StixType];
+    const attackType =
+      StixTypeToAttackType[objectRef.split('--')[0] as StixType];
     const getters: Partial<Record<string, () => Observable<any[]>>> = {
-      technique: () => this.restApiConnectorService.getTechnique(objectRef),
-      tactic: () => this.restApiConnectorService.getTactic(objectRef),
-      group: () => this.restApiConnectorService.getGroup(objectRef),
-      campaign: () => this.restApiConnectorService.getCampaign(objectRef),
-      asset: () => this.restApiConnectorService.getAsset(objectRef),
-      software: () => this.restApiConnectorService.getSoftware(objectRef),
-      mitigation: () => this.restApiConnectorService.getMitigation(objectRef),
-      matrix: () => this.restApiConnectorService.getMatrix(objectRef),
-      'data-source': () => this.restApiConnectorService.getDataSource(objectRef),
-      'data-component': () => this.restApiConnectorService.getDataComponent(objectRef),
+      'technique': () => this.restApiConnectorService.getTechnique(objectRef),
+      'tactic': () => this.restApiConnectorService.getTactic(objectRef),
+      'group': () => this.restApiConnectorService.getGroup(objectRef),
+      'campaign': () => this.restApiConnectorService.getCampaign(objectRef),
+      'asset': () => this.restApiConnectorService.getAsset(objectRef),
+      'software': () => this.restApiConnectorService.getSoftware(objectRef),
+      'mitigation': () => this.restApiConnectorService.getMitigation(objectRef),
+      'matrix': () => this.restApiConnectorService.getMatrix(objectRef),
+      'data-source': () =>
+        this.restApiConnectorService.getDataSource(objectRef),
+      'data-component': () =>
+        this.restApiConnectorService.getDataComponent(objectRef),
       'detection-strategy': () =>
         this.restApiConnectorService.getDetectionStrategy(objectRef),
-      analytic: () => this.restApiConnectorService.getAnalytic(objectRef),
+      'analytic': () => this.restApiConnectorService.getAnalytic(objectRef),
     };
     const getObject = getters[attackType];
-    return getObject ? getObject().pipe(map(objects => objects[0] || null)) : of(null);
+    return getObject
+      ? getObject().pipe(map(objects => objects[0] || null))
+      : of(null);
   }
 
   public onDeleteReleaseTrack(): void {
@@ -681,10 +685,13 @@ export class ReleaseTrackPageComponent implements OnInit {
     if (!this.releaseTrack) return;
 
     const selection = new SelectionModel<string>(true);
-    const selectedObjectRefs = new Map<string, {
-      id: string;
-      modified: string;
-    }>();
+    const selectedObjectRefs = new Map<
+      string,
+      {
+        id: string;
+        modified: string;
+      }
+    >();
     const dialogRef = this.dialog.open(AddDialogComponent, {
       data: {
         select: selection,

From 8383204f929c8f14cd9ac2adb331654f9cc13f57 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 31 Jul 2026 14:05:32 -0400
Subject: [PATCH 170/190] chore: formatting

---
 src/app/classes/release-tracks/tiers.ts                |  3 +--
 .../components/stix/stix-list/stix-list.component.ts   | 10 ++++------
 src/app/utils/types.ts                                 |  6 +-----
 .../relationship-view/relationship-view.component.ts   |  8 +++++---
 4 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index 29852029b..bae5f0ad9 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -2,8 +2,7 @@ import { WorkflowStatusType } from 'src/app/utils/types';
 import { SnapshotTier } from './enums';
 
 export type ReleaseTrackObjectTier =
-  | SnapshotTier.Candidate
-  | SnapshotTier.Staged;
+  SnapshotTier.Candidate | SnapshotTier.Staged;
 
 export type WorkflowRevisionSelector = Date | 'latest';
 
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index d1d86f1db..769c5cc58 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -387,12 +387,10 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
               this.config.sourceRef ? sticky_allowed : false,
               ['relationship-name']
             );
-            if (
-              !(
-                this.config.relationshipType &&
-                this.config.relationshipType == 'subtechnique-of'
-              )
-            )
+            if (!(
+              this.config.relationshipType &&
+              this.config.relationshipType == 'subtechnique-of'
+            ))
               this.addColumn(
                 'description',
                 'description',
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 89aa535e6..68a34ac0f 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -101,11 +101,7 @@ export const WORKFLOW_STATUS_RANK: Record<WorkflowStatusType, number> = {
  * Collection/release changelog categories
  */
 export type ChangelogCategory =
-  | 'additions'
-  | 'changes'
-  | 'minor_changes'
-  | 'revocations'
-  | 'deprecations';
+  'additions' | 'changes' | 'minor_changes' | 'revocations' | 'deprecations';
 
 export interface ReleaseTrackStatus {
   trackId: string;
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.ts b/src/app/views/stix/relationship-view/relationship-view.component.ts
index d94638960..fe588de8f 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.ts
+++ b/src/app/views/stix/relationship-view/relationship-view.component.ts
@@ -240,9 +240,11 @@ export class RelationshipViewComponent extends StixViewPage implements OnInit {
    * @param {any} obj the raw STIX object
    */
   public navigateTo(obj: any): void {
-    if (
-      !(obj?.stix?.type && obj?.stix?.id && StixTypeToAttackType[obj.stix.type])
-    ) {
+    if (!(
+      obj?.stix?.type &&
+      obj?.stix?.id &&
+      StixTypeToAttackType[obj.stix.type]
+    )) {
       console.warn('Invalid object passed to navigateTo:', obj);
       return;
     }

From db95dc0ef84eca9e5718693f1a3908ade48f1319 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 31 Jul 2026 15:15:15 -0400
Subject: [PATCH 171/190] feat(release-tracks): support virtual draft snapshot
 creation

---
 .../confirmation-dialog.component.html        |  25 ++-
 .../confirmation-dialog.component.scss        |  17 +-
 .../confirmation-dialog.component.ts          |  24 +++
 .../delete-dialog.component.scss              |   5 +-
 .../release-track-page.component.spec.ts      |  74 ++++++++-
 .../release-track-page.component.ts           | 147 ++++++++++++------
 6 files changed, 230 insertions(+), 62 deletions(-)

diff --git a/src/app/components/confirmation-dialog/confirmation-dialog.component.html b/src/app/components/confirmation-dialog/confirmation-dialog.component.html
index 0f3c3f43c..c54eb0462 100644
--- a/src/app/components/confirmation-dialog/confirmation-dialog.component.html
+++ b/src/app/components/confirmation-dialog/confirmation-dialog.component.html
@@ -1,17 +1,28 @@
-<div class="confirmation-dialog">
+<div
+  class="confirmation-dialog"
+  [class.simple-confirmation-dialog]="config.layout === 'simple'">
+  <h2 *ngIf="config.title">{{ config.title }}</h2>
   <markdown [data]="config.message"></markdown>
   <div class="buttons">
     <button mat-button [mat-dialog-close]="false" class="text-label">
-      <span>no</span
-      ><span *ngIf="config.no_suffix">, {{ config.no_suffix }}</span>
+      <span>{{ cancelLabel }}</span>
     </button>
     <button
-      mat-stroked-button
-      color="warn"
+      *ngIf="confirmAppearance === 'raised'; else strokedConfirm"
+      mat-raised-button
+      [color]="confirmColor"
       [mat-dialog-close]="true"
       class="text-label">
-      <span>Yes</span
-      ><span *ngIf="config.yes_suffix">, {{ config.yes_suffix }}</span>
+      <span>{{ confirmLabel }}</span>
     </button>
+    <ng-template #strokedConfirm>
+      <button
+        mat-stroked-button
+        [color]="confirmColor"
+        [mat-dialog-close]="true"
+        class="text-label">
+        <span>{{ confirmLabel }}</span>
+      </button>
+    </ng-template>
   </div>
 </div>
diff --git a/src/app/components/confirmation-dialog/confirmation-dialog.component.scss b/src/app/components/confirmation-dialog/confirmation-dialog.component.scss
index 0e4bc39bc..e5a7ee608 100644
--- a/src/app/components/confirmation-dialog/confirmation-dialog.component.scss
+++ b/src/app/components/confirmation-dialog/confirmation-dialog.component.scss
@@ -1,10 +1,25 @@
 .confirmation-dialog {
   margin: 0 24px;
   text-align: center;
+
+  &.simple-confirmation-dialog {
+    text-align: left;
+
+    markdown {
+      display: block;
+      font-size: 14px;
+      line-height: 20px;
+    }
+  }
+
   .buttons {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
     margin: 18px 0;
+
     button + button {
-      margin-left: 10px;
+      margin-left: 0;
     }
   }
 }
diff --git a/src/app/components/confirmation-dialog/confirmation-dialog.component.ts b/src/app/components/confirmation-dialog/confirmation-dialog.component.ts
index 5ef4e5efd..cc1ce73ca 100644
--- a/src/app/components/confirmation-dialog/confirmation-dialog.component.ts
+++ b/src/app/components/confirmation-dialog/confirmation-dialog.component.ts
@@ -13,13 +13,37 @@ export class ConfirmationDialogComponent implements OnInit {
     @Inject(MAT_DIALOG_DATA) public config: ConfirmationDialogConfig
   ) {}
 
+  public get cancelLabel(): string {
+    if (this.config.no_label) return this.config.no_label;
+    return this.config.no_suffix ? `no, ${this.config.no_suffix}` : 'no';
+  }
+
+  public get confirmLabel(): string {
+    if (this.config.yes_label) return this.config.yes_label;
+    return this.config.yes_suffix ? `Yes, ${this.config.yes_suffix}` : 'Yes';
+  }
+
+  public get confirmColor(): 'primary' | 'accent' | 'warn' {
+    return this.config.confirm_color || 'warn';
+  }
+
+  public get confirmAppearance(): 'raised' | 'stroked' {
+    return this.config.confirm_appearance || 'stroked';
+  }
+
   ngOnInit(): void {
     // intentionally left blank
   }
 }
 
 export interface ConfirmationDialogConfig {
+  title?: string;
   message: string; //prompt text
   yes_suffix?: string; //optional suffix to add to the yes button
   no_suffix?: string; //optional suffix to add to the no button
+  yes_label?: string; //optional full yes button label
+  no_label?: string; //optional full no button label
+  confirm_color?: 'primary' | 'accent' | 'warn';
+  confirm_appearance?: 'raised' | 'stroked';
+  layout?: 'default' | 'simple';
 }
diff --git a/src/app/components/delete-dialog/delete-dialog.component.scss b/src/app/components/delete-dialog/delete-dialog.component.scss
index aff9fc839..04bd1162f 100644
--- a/src/app/components/delete-dialog/delete-dialog.component.scss
+++ b/src/app/components/delete-dialog/delete-dialog.component.scss
@@ -44,10 +44,13 @@
   }
 
   .buttons {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
     margin: 18px 0;
 
     button + button {
-      margin-left: 10px;
+      margin-left: 0;
     }
 
     .warn {
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index be5bfef45..02a1e2212 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -18,6 +18,7 @@ import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choic
 import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
 import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-dialog.component';
 import { ReleasePreviewDialogComponent } from 'src/app/components/release-preview-dialog/release-preview-dialog.component';
+import { ConfirmationDialogComponent } from 'src/app/components/confirmation-dialog/confirmation-dialog.component';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import {
@@ -406,6 +407,30 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.releaseTrack?.name).toBe('Enterprise Release');
   });
 
+  it('should load release track summary when latest snapshot is unavailable', () => {
+    mockReleaseTrackApiConnector.getLatestSnapshot.mockReturnValue(of(null));
+    mockReleaseTrackApiConnector.listReleaseTracks.mockReturnValue(
+      of({
+        data: [
+          {
+            track_id: 'release-track--virtual',
+            type: ReleaseTrackType.Virtual,
+            name: 'Virtual Release',
+            composition: {
+              component_tracks: [{ track_id: 'release-track--standard' }],
+            },
+          },
+        ],
+      })
+    );
+    component.id = 'release-track--virtual';
+
+    component.getReleaseTrack();
+
+    expect(component.releaseTrack?.name).toBe('Virtual Release');
+    expect(component.canCreateDraft).toBe(true);
+  });
+
   it('should expose virtual release track composition and resolution details', () => {
     component.releaseTrack = {
       type: ReleaseTrackType.Virtual,
@@ -696,7 +721,7 @@ describe('ReleaseTrackPageComponent', () => {
       .spyOn(component, 'getSnapshotHistory')
       .mockImplementation(() => undefined);
     mockDialog.open.mockReturnValue({
-      afterClosed: () => of('create'),
+      afterClosed: () => of(true),
     });
     mockReleaseTrackApiConnector.createVirtualSnapshot.mockReturnValue(
       of({
@@ -704,22 +729,34 @@ describe('ReleaseTrackPageComponent', () => {
           modified: '2024-05-21T07:00:00.000Z',
           x_mitre_version: null,
         },
-        composition_resolution: {
-          total_objects: 20,
-        },
+        members: [{ object_ref: 'attack-pattern--member' }],
+        quarantine: [{ object_ref: 'attack-pattern--quarantined' }],
       })
     );
     component.id = 'release-track--123';
-    component.releaseTrack = { type: ReleaseTrackType.Virtual } as any;
+    component.releaseTrack = {
+      type: ReleaseTrackType.Virtual,
+      name: 'Virtual Release',
+      composition: {
+        component_tracks: [{ track_id: 'release-track--standard' }],
+      },
+    } as any;
 
     component.onDraft();
 
     expect(mockDialog.open).toHaveBeenCalledWith(
-      MultipleChoiceDialogComponent,
+      ConfirmationDialogComponent,
       expect.objectContaining({
         data: expect.objectContaining({
           title: 'Create draft snapshot?',
-          description: expect.stringContaining('persistent virtual draft'),
+          message: expect.stringContaining(
+            'create a new draft snapshot for the track Virtual Release'
+          ),
+          no_label: 'Cancel',
+          yes_label: 'Create Draft',
+          confirm_color: 'primary',
+          confirm_appearance: 'raised',
+          layout: 'simple',
         }),
       })
     );
@@ -734,10 +771,14 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.snapshotHistory[0]).toEqual(
       expect.objectContaining({
         title: 'Draft Snapshot',
-        totalObjects: 20,
+        totalObjects: 2,
         isTagged: false,
       })
     );
+    expect(component.snapshotHistory[0].stats).toEqual([
+      expect.objectContaining({ label: 'Members', value: 1 }),
+      expect.objectContaining({ label: 'Quarantine', value: 1 }),
+    ]);
     expect(component.isCreatingDraft).toBe(false);
   });
 
@@ -765,6 +806,23 @@ describe('ReleaseTrackPageComponent', () => {
     ).not.toHaveBeenCalled();
   });
 
+  it('should not create a draft snapshot for a virtual track without components', () => {
+    component.id = 'release-track--123';
+    component.releaseTrack = {
+      type: ReleaseTrackType.Virtual,
+      composition: {
+        component_tracks: [],
+      },
+    } as any;
+
+    component.onDraft();
+
+    expect(mockDialog.open).not.toHaveBeenCalled();
+    expect(
+      mockReleaseTrackApiConnector.createVirtualSnapshot
+    ).not.toHaveBeenCalled();
+  });
+
   it('should open the all objects table to add candidates', () => {
     mockDialog.open.mockImplementation((_component: any, config: any) => {
       config.data.select.select('attack-pattern--1234');
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 88c9bc40d..048ad81ca 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -34,6 +34,7 @@ import {
 } from 'src/app/classes/release-tracks';
 import { StixObject } from 'src/app/classes/stix';
 import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.component';
+import { ConfirmationDialogComponent } from 'src/app/components/confirmation-dialog/confirmation-dialog.component';
 import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-dialog.component';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
 import { ReleasePreviewDialogComponent } from 'src/app/components/release-preview-dialog/release-preview-dialog.component';
@@ -488,7 +489,12 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public get canCreateDraft(): boolean {
-    return !!this.id && this.isVirtualReleaseTrack && !this.isCreatingDraft;
+    return (
+      !!this.id &&
+      this.isVirtualReleaseTrack &&
+      this.virtualComponentTracks.length > 0 &&
+      !this.isCreatingDraft
+    );
   }
 
   private get latestDraftSnapshot(): SnapshotHistoryViewModel | undefined {
@@ -508,33 +514,10 @@ export class ReleaseTrackPageComponent implements OnInit {
       .pipe(take(1))
       .subscribe({
         next: res => {
-          this.releaseTrack = res;
-          if (!this.releaseTrack) return;
-          this.hydrateDynamicEntryDates();
-
-          this.breadcrumbService.changeBreadcrumb(
-            this.route.snapshot,
-            this.releaseTrack.name
-          );
-
-          if (this.snapshotHistory.length) {
-            this.snapshotHistory = this.buildSnapshotHistory(
-              this.snapshotHistory.map(item => item.snapshot)
-            );
-          }
-
-          if (this.isVirtualReleaseTrack) {
-            this.loadVirtualComponentTrackSummaries();
+          if (res) {
+            this.setReleaseTrack(res);
           } else {
-            this.virtualComponentTrackSummaries.clear();
-          }
-
-          if (!this.isEditingConfig) {
-            if (this.isVirtualReleaseTrack) {
-              this.setVirtualConfig();
-            } else if (this.releaseTrack.config) {
-              this.setConfig(this.releaseTrack.config);
-            }
+            this.loadReleaseTrackSummary();
           }
 
           // this.loadCandidates();
@@ -542,6 +525,51 @@ export class ReleaseTrackPageComponent implements OnInit {
       });
   }
 
+  private loadReleaseTrackSummary(): void {
+    this.connector
+      .listReleaseTracks()
+      .pipe(take(1))
+      .subscribe({
+        next: result => {
+          const track = this.getReleaseTrackList(result).find(
+            item => this.getReleaseTrackId(item) === this.id
+          );
+          if (track) this.setReleaseTrack(track);
+        },
+      });
+  }
+
+  private setReleaseTrack(track: any): void {
+    this.releaseTrack = track;
+    if (!this.releaseTrack) return;
+    this.hydrateDynamicEntryDates();
+
+    this.breadcrumbService.changeBreadcrumb(
+      this.route.snapshot,
+      this.releaseTrack.name
+    );
+
+    if (this.snapshotHistory.length) {
+      this.snapshotHistory = this.buildSnapshotHistory(
+        this.snapshotHistory.map(item => item.snapshot)
+      );
+    }
+
+    if (this.isVirtualReleaseTrack) {
+      this.loadVirtualComponentTrackSummaries();
+    } else {
+      this.virtualComponentTrackSummaries.clear();
+    }
+
+    if (!this.isEditingConfig) {
+      if (this.isVirtualReleaseTrack) {
+        this.setVirtualConfig();
+      } else if (this.releaseTrack.config) {
+        this.setConfig(this.releaseTrack.config);
+      }
+    }
+  }
+
   private refreshReleaseTrackState(): void {
     this.getReleaseTrack();
     this.getSnapshotHistory();
@@ -1479,30 +1507,23 @@ export class ReleaseTrackPageComponent implements OnInit {
   public onDraft(): void {
     if (!this.canCreateDraft) return;
 
-    const dialogRef = this.dialog.open(MultipleChoiceDialogComponent, {
+    const trackName = this.releaseTrackName || this.id || 'this release track';
+    const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
       width: '30em',
       autoFocus: false,
       data: {
         title: 'Create draft snapshot?',
-        description:
-          'Resolve the tagged component releases into a persistent virtual draft snapshot.',
-        choices: [
-          {
-            label: 'Create Draft',
-            value: 'create',
-            description:
-              'Resolve the virtual track composition into a new draft snapshot.',
-          },
-          {
-            label: 'Cancel',
-            value: 'cancel',
-          },
-        ],
+        message: `Are you sure you want to create a new draft snapshot for the track ${trackName}? This will create a copy of the latest snapshot as a new draft.`,
+        no_label: 'Cancel',
+        yes_label: 'Create Draft',
+        confirm_color: 'primary',
+        confirm_appearance: 'raised',
+        layout: 'simple',
       },
     });
 
-    dialogRef.afterClosed().subscribe(choice => {
-      if (choice !== 'create' || !this.id || !this.isVirtualReleaseTrack) {
+    dialogRef.afterClosed().subscribe(confirmed => {
+      if (!confirmed || !this.id || !this.isVirtualReleaseTrack) {
         return;
       }
       this.createVirtualDraftSnapshot();
@@ -1551,7 +1572,35 @@ export class ReleaseTrackPageComponent implements OnInit {
   ): ReleaseTrackSnapshotHistoryItem | null {
     const draftSnapshot = snapshot?.data || snapshot?.snapshot || snapshot;
     if (!draftSnapshot || this.isTaggedSnapshot(draftSnapshot)) return null;
-    return this.getSnapshotModified(draftSnapshot) ? draftSnapshot : null;
+
+    const modified = this.getSnapshotModified(draftSnapshot);
+    if (!modified) return null;
+    const resolvedTotalObjects =
+      typeof draftSnapshot.composition_resolution?.total_objects === 'number'
+        ? draftSnapshot.composition_resolution.total_objects
+        : null;
+    const membersCount =
+      this.getSnapshotCount(draftSnapshot, 'members_count') ??
+      this.getSnapshotMembers(draftSnapshot).length;
+    const quarantineCount =
+      this.getSnapshotCount(
+        draftSnapshot,
+        'quarantine_count',
+        'quarantined_count'
+      ) ?? this.getSnapshotQuarantineCount(draftSnapshot);
+    const shouldUseResolvedTotal =
+      !membersCount && !quarantineCount && resolvedTotalObjects !== null;
+
+    return {
+      ...draftSnapshot,
+      modified,
+      version: null,
+      type: ReleaseTrackType.Virtual,
+      members_count: shouldUseResolvedTotal
+        ? resolvedTotalObjects
+        : membersCount,
+      quarantine_count: quarantineCount,
+    };
   }
 
   private withCreatedDraftSnapshot(
@@ -2614,6 +2663,14 @@ export class ReleaseTrackPageComponent implements OnInit {
       .filter((member): member is SnapshotMemberRef => !!member);
   }
 
+  private getSnapshotQuarantineCount(
+    snapshot: ReleaseTrackSnapshotHistoryItem
+  ): number {
+    const quarantine =
+      snapshot.quarantine || snapshot.contents?.quarantine || [];
+    return Array.isArray(quarantine) ? quarantine.length : 0;
+  }
+
   private getSnapshotMemberRef(member: any): SnapshotMemberRef | null {
     if (!member) return null;
 

From 58dbb6fc35373a86372dda94f9139e93da1b6480 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 31 Jul 2026 15:21:20 -0400
Subject: [PATCH 172/190] style(release-tracks): update preview and tag label
 in snapshot history

---
 .../release-track-page/release-track-page.component.html        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 074ec6fe0..90911e341 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -690,7 +690,7 @@ <h3 [class.promote-color]="item.isTagged">
                   [disabled]="isReleasing || !item.modified"
                   (click)="onTagSnapshot(item)">
                   <mat-icon>sell</mat-icon>
-                  Tag
+                  Preview &amp; Tag
                 </button>
                 <button
                   *ngIf="item.isTagged"

From b457b86eed5c9beb5b1243b0e8d40d6d57f6b379 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 31 Jul 2026 15:29:38 -0400
Subject: [PATCH 173/190] feat(release-tracks): snapshot history exports

---
 .../release-track-page.component.html         |  6 +-
 .../release-track-page.component.spec.ts      | 74 ++++++++++++--
 .../release-track-page.component.ts           | 99 +++++++++----------
 3 files changed, 111 insertions(+), 68 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 90911e341..ea02c3fa3 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -693,16 +693,12 @@ <h3 [class.promote-color]="item.isTagged">
                   Preview &amp; Tag
                 </button>
                 <button
-                  *ngIf="item.isTagged"
                   mat-stroked-button
+                  [disabled]="!item.modified"
                   (click)="onExportSnapshot(item)">
                   <mat-icon>cloud_download</mat-icon>
                   Export
                 </button>
-                <button mat-stroked-button (click)="onInspectSnapshot(item)">
-                  <mat-icon>visibility</mat-icon>
-                  Inspect
-                </button>
               </div>
             </div>
 
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 02a1e2212..d4531b0d5 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -235,19 +235,19 @@ describe('ReleaseTrackPageComponent', () => {
 
     component.onExport();
 
+    const choices = mockDialog.open.mock.calls[0][1].data.choices;
     expect(mockDialog.open).toHaveBeenCalledWith(
       MultipleChoiceDialogComponent,
-      expect.objectContaining({
-        data: expect.objectContaining({
-          choices: expect.arrayContaining([
-            expect.objectContaining({
-              label: 'STIX Bundle',
-              value: 'bundle',
-            }),
-          ]),
-        }),
-      })
+      expect.anything()
     );
+    expect(choices.map((choice: any) => choice.value)).toEqual([
+      'bundle',
+      'workbench',
+    ]);
+    expect(choices.map((choice: any) => choice.label)).toEqual([
+      'Bundle',
+      'Workbench',
+    ]);
     expect(
       mockReleaseTrackApiConnector.exportLatestSnapshot
     ).toHaveBeenCalledWith('release-track--123', 'bundle', { include: 'all' });
@@ -280,6 +280,9 @@ describe('ReleaseTrackPageComponent', () => {
 
   it('should export a standard draft snapshot with staged content', () => {
     const exportPayload = { type: 'bundle', objects: [] };
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('bundle'),
+    });
     mockReleaseTrackApiConnector.exportSnapshotByModified.mockReturnValue(
       of(exportPayload)
     );
@@ -321,6 +324,9 @@ describe('ReleaseTrackPageComponent', () => {
   });
 
   it('should export a tagged standard snapshot without staged content', () => {
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('bundle'),
+    });
     mockReleaseTrackApiConnector.exportSnapshotByModified.mockReturnValue(
       of({ type: 'bundle', objects: [] })
     );
@@ -357,6 +363,9 @@ describe('ReleaseTrackPageComponent', () => {
   });
 
   it('should export a virtual draft snapshot without staged content', () => {
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('bundle'),
+    });
     mockReleaseTrackApiConnector.exportSnapshotByModified.mockReturnValue(
       of({ type: 'bundle', objects: [] })
     );
@@ -392,6 +401,51 @@ describe('ReleaseTrackPageComponent', () => {
     );
   });
 
+  it('should export a snapshot in workbench format with all tiers', () => {
+    const exportPayload = { id: 'release-track--123', members: [] };
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('workbench'),
+    });
+    mockReleaseTrackApiConnector.exportSnapshotByModified.mockReturnValue(
+      of(exportPayload)
+    );
+    component.id = 'release-track--123';
+    component.releaseTrack = {
+      name: 'Enterprise Release',
+      type: ReleaseTrackType.Standard,
+    } as any;
+
+    component.onExportSnapshot({
+      snapshot: {
+        modified: '2024-05-21T07:00:00.000Z',
+        type: ReleaseTrackType.Standard,
+        version: null,
+      },
+      title: 'Draft Snapshot',
+      created: new Date('2024-05-21T07:00:00.000Z'),
+      modified: '2024-05-21T07:00:00.000Z',
+      taggedAt: null,
+      isTagged: false,
+      stats: [],
+      addedCount: 0,
+      modifiedCount: 0,
+      totalObjects: 0,
+    } as any);
+
+    expect(
+      mockReleaseTrackApiConnector.exportSnapshotByModified
+    ).toHaveBeenCalledWith(
+      'release-track--123',
+      '2024-05-21T07:00:00.000Z',
+      'workbench',
+      { include: 'all' }
+    );
+    expect(mockRestApiConnector.triggerBrowserDownload).toHaveBeenCalledWith(
+      exportPayload,
+      'enterprise-release-draft-workbench.json'
+    );
+  });
+
   it('should load the latest release track with the snapshot model response', () => {
     mockReleaseTrackApiConnector.getLatestSnapshot.mockReturnValue(
       of({ name: 'Enterprise Release' })
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 048ad81ca..e898b36f8 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -1433,33 +1433,32 @@ export class ReleaseTrackPageComponent implements OnInit {
   public onExport(): void {
     if (!this.id) return;
 
+    this.openExportFormatDialog('Export latest release snapshot')
+      .pipe(take(1))
+      .subscribe(format => {
+        if (!format) return;
+        this.downloadLatestReleaseTrack(format);
+      });
+  }
+
+  private openExportFormatDialog(
+    title: string
+  ): Observable<ExportFormatType | null> {
     const formatRef = this.dialog.open(MultipleChoiceDialogComponent, {
       width: '30em',
       autoFocus: false,
       data: {
-        title: `Export latest release snapshot`,
+        title,
         choices: [
           {
-            label: 'STIX Bundle',
-            value: 'bundle',
+            label: 'Bundle',
+            value: ExportFormat.Bundle,
             description:
               'A standard STIX 2.1 JSON bundle containing all member objects of the release.',
           },
           {
-            label: 'Snapshot',
-            value: 'snapshot',
-            description:
-              'The raw release track snapshot, including tiers, version history, and configuration.',
-          },
-          {
-            label: 'File System Store',
-            value: 'filesystemstore',
-            description:
-              'A directory structure with individual STIX JSON files, suitable for Git releases.',
-          },
-          {
-            label: 'Workbench Format',
-            value: 'workbench',
+            label: 'Workbench',
+            value: ExportFormat.Workbench,
             description:
               'A richer format including workflow statuses, metadata, and other Workbench-specific data.',
           },
@@ -1467,13 +1466,15 @@ export class ReleaseTrackPageComponent implements OnInit {
       },
     });
 
-    formatRef
+    return formatRef
       .afterClosed()
-      .pipe(take(1))
-      .subscribe(format => {
-        if (!format) return;
-        this.downloadLatestReleaseTrack(format as ExportFormat);
-      });
+      .pipe(
+        map(format =>
+          format === ExportFormat.Bundle || format === ExportFormat.Workbench
+            ? format
+            : null
+        )
+      );
   }
 
   private downloadLatestReleaseTrack(format: ExportFormatType): void {
@@ -1763,49 +1764,36 @@ export class ReleaseTrackPageComponent implements OnInit {
       });
   }
 
-  public onInspectSnapshot(item: SnapshotHistoryViewModel): void {
+  public onExportSnapshot(item: SnapshotHistoryViewModel): void {
     if (!this.id || !item.modified) return;
+    const modified = item.modified;
 
-    this.connector
-      .retrieveSnapshotByModified(this.id, item.modified, {
-        format: ExportFormat.Workbench,
-        include: 'all',
-      })
+    this.openExportFormatDialog('Export release track snapshot')
       .pipe(take(1))
-      .subscribe({
-        next: snapshot => {
-          if (!snapshot) return;
-          this.releaseTrack = snapshot;
-          if (this.isVirtualReleaseTrack) {
-            this.loadVirtualComponentTrackSummaries();
-          }
-          this.breadcrumbService.changeBreadcrumb(
-            this.route.snapshot,
-            snapshot.name
-          );
-        },
-        error: err => {
-          console.error('Failed to inspect release track snapshot', err);
-        },
+      .subscribe(format => {
+        if (!format) return;
+        this.downloadSnapshot(item, modified, format);
       });
   }
 
-  public onExportSnapshot(item: SnapshotHistoryViewModel): void {
-    if (!this.id || !item.modified) return;
-
+  private downloadSnapshot(
+    item: SnapshotHistoryViewModel,
+    modified: string,
+    format: ExportFormatType
+  ): void {
     this.connector
       .exportSnapshotByModified(
         this.id,
-        item.modified,
-        ExportFormat.Bundle,
-        this.getSnapshotExportOptions(item)
+        modified,
+        format,
+        this.getSnapshotExportOptions(item, format)
       )
       .pipe(take(1))
       .subscribe({
         next: result => {
           this.restApiConnectorService.triggerBrowserDownload(
             result,
-            this.getSnapshotExportFilename(item, ExportFormat.Bundle)
+            this.getSnapshotExportFilename(item, format)
           );
         },
         error: err => {
@@ -1815,8 +1803,13 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   private getSnapshotExportOptions(
-    item: SnapshotHistoryViewModel
-  ): { include: 'staged' } | undefined {
+    item: SnapshotHistoryViewModel,
+    format: ExportFormatType
+  ): { include: 'staged' | 'all' } | undefined {
+    if (format === ExportFormat.Workbench) {
+      return { include: 'all' };
+    }
+
     const trackType =
       this.getSnapshotType(item.snapshot) || this.releaseTrack?.type;
     if (trackType === ReleaseTrackType.Standard && !item.isTagged) {

From 67978041fadf1104a9f06f4fd7eb5d5987b30fa6 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Fri, 31 Jul 2026 15:52:53 -0400
Subject: [PATCH 174/190] fix(release-tracks): unify chip styling across
 release track views

---
 src/app/app.module.ts                         |   2 +
 .../release-track-card.component.html         |   9 +-
 .../release-track-card.component.scss         |  64 --------
 .../release-track-card.component.ts           |   8 +-
 .../status-chip/status-chip.component.html    |   9 +-
 .../status-chip/status-chip.component.scss    |  18 +--
 .../status-chip/status-chip.component.spec.ts |  33 +++++
 .../status-chip/status-chip.component.ts      |  17 ++-
 .../membership-section.component.html         |   9 +-
 .../membership-section.component.scss         |  51 -------
 .../membership-section.component.spec.ts      |   2 +
 .../workbench-chip.component.html             |   1 +
 .../workbench-chip.component.scss             | 138 ++++++++++++++++++
 .../workbench-chip.component.spec.ts          |  34 +++++
 .../workbench-chip.component.ts               |  42 ++++++
 .../release-track-page.component.html         |  17 ++-
 .../release-track-page.component.scss         |  51 +------
 .../release-track-page.component.spec.ts      |  89 +++++++++++
 .../release-track-page.component.ts           |  33 ++++-
 19 files changed, 415 insertions(+), 212 deletions(-)
 create mode 100644 src/app/components/status-chip/status-chip.component.spec.ts
 create mode 100644 src/app/components/workbench-chip/workbench-chip.component.html
 create mode 100644 src/app/components/workbench-chip/workbench-chip.component.scss
 create mode 100644 src/app/components/workbench-chip/workbench-chip.component.spec.ts
 create mode 100644 src/app/components/workbench-chip/workbench-chip.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 430dec39b..b298f37a9 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -242,6 +242,7 @@ import { ReleaseTrackObjectCardComponent } from './components/release-track-obje
 import { NewTrackDialogComponent } from './components/new-track-dialog/new-track-dialog.component';
 import { ReleaseTrackPageComponent } from './views/dashboard-page/release-management/release-track-page/release-track-page.component';
 import { StatusChipComponent } from './components/status-chip/status-chip.component';
+import { WorkbenchChipComponent } from './components/workbench-chip/workbench-chip.component';
 
 export function initConfig(appConfigService: AppConfigService) {
   return () => appConfigService.loadAppConfig();
@@ -483,6 +484,7 @@ export function initConfig(appConfigService: AppConfigService) {
     OverlayModule,
     MatAutocompleteModule,
     UserAvatarComponent,
+    WorkbenchChipComponent,
     ReleaseTrackCardComponent,
     ReleaseTrackObjectCardComponent,
   ],
diff --git a/src/app/components/release-track-card/release-track-card.component.html b/src/app/components/release-track-card/release-track-card.component.html
index 6bf409398..bdfd698ba 100644
--- a/src/app/components/release-track-card/release-track-card.component.html
+++ b/src/app/components/release-track-card/release-track-card.component.html
@@ -11,14 +11,9 @@
   (keydown.space)="onViewTrack()">
   <div class="card-top">
     <span class="subheading">{{ track.name }}</span>
-    <mat-chip
+    <app-workbench-chip
       class="release-track-type-chip"
-      [ngClass]="{
-        'standard-chip': type === 'standard',
-        'virtual-chip': type === 'virtual',
-      }">
-      {{ type | titlecase }}
-    </mat-chip>
+      [variant]="chipVariant"></app-workbench-chip>
   </div>
 
   <div class="card-body">
diff --git a/src/app/components/release-track-card/release-track-card.component.scss b/src/app/components/release-track-card/release-track-card.component.scss
index 2c2668921..cdb0b2f53 100644
--- a/src/app/components/release-track-card/release-track-card.component.scss
+++ b/src/app/components/release-track-card/release-track-card.component.scss
@@ -1,8 +1,6 @@
 @use 'sass:color';
 @use '../../../style/colors';
 
-$virtual-light: #5c4fa3;
-$virtual-dark: #c7b9ff;
 $candidate-dark: colors.color(mitre-light-blue);
 $staged-dark: color.mix(white, colors.color(success), 28%);
 $description-line-height: 1.25rem;
@@ -38,46 +36,6 @@ $description-lines: 4;
   flex: none;
 }
 
-.release-track-type-chip.mat-mdc-standard-chip {
-  font-size: 12px;
-  font-weight: 700;
-  min-height: 24px;
-
-  &.standard-chip {
-    --mdc-chip-elevated-container-color: #{rgba(colors.color(secondary), 0.16)};
-    --mdc-chip-label-text-color: #{colors.color(secondary)};
-  }
-
-  &.virtual-chip {
-    --mdc-chip-elevated-container-color: #{rgba($virtual-light, 0.16)};
-    --mdc-chip-label-text-color: #{$virtual-light};
-  }
-}
-
-:host ::ng-deep .release-track-type-chip.mat-mdc-standard-chip {
-  background: var(--mdc-chip-elevated-container-color) !important;
-  color: var(--mdc-chip-label-text-color) !important;
-
-  .mdc-evolution-chip__action--primary {
-    border: 1px solid transparent;
-    border-radius: 999px;
-    background: var(--mdc-chip-elevated-container-color);
-  }
-
-  .mat-mdc-chip-action-label,
-  .mdc-evolution-chip__text-label {
-    color: inherit !important;
-  }
-
-  &.standard-chip .mdc-evolution-chip__action--primary {
-    border-color: rgba(colors.color(secondary), 0.38);
-  }
-
-  &.virtual-chip .mdc-evolution-chip__action--primary {
-    border-color: rgba($virtual-light, 0.38);
-  }
-}
-
 .card-body {
   display: flex;
   flex-direction: column;
@@ -194,28 +152,6 @@ $description-lines: 4;
     color: colors.on-color-emphasis(dark);
   }
 
-  .release-track-type-chip.mat-mdc-standard-chip {
-    &.standard-chip {
-      --mdc-chip-elevated-container-color: #{rgba($candidate-dark, 0.18)};
-      --mdc-chip-label-text-color: #{$candidate-dark};
-    }
-
-    &.virtual-chip {
-      --mdc-chip-elevated-container-color: #{rgba($virtual-dark, 0.18)};
-      --mdc-chip-label-text-color: #{$virtual-dark};
-    }
-  }
-
-  ::ng-deep .release-track-type-chip.mat-mdc-standard-chip {
-    &.standard-chip .mdc-evolution-chip__action--primary {
-      border-color: rgba($candidate-dark, 0.44);
-    }
-
-    &.virtual-chip .mdc-evolution-chip__action--primary {
-      border-color: rgba($virtual-dark, 0.44);
-    }
-  }
-
   .card-stats {
     background: colors.color-alternate(dark);
   }
diff --git a/src/app/components/release-track-card/release-track-card.component.ts b/src/app/components/release-track-card/release-track-card.component.ts
index 901d63c6f..2f64b8a18 100644
--- a/src/app/components/release-track-card/release-track-card.component.ts
+++ b/src/app/components/release-track-card/release-track-card.component.ts
@@ -1,19 +1,19 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { MatChipsModule } from '@angular/material/chips';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { WorkbenchChipComponent } from '../workbench-chip/workbench-chip.component';
 
 @Component({
   selector: 'app-release-track-card',
   standalone: true,
   imports: [
     CommonModule,
-    MatChipsModule,
     MatDividerModule,
     MatIconModule,
     MatTooltipModule,
+    WorkbenchChipComponent,
   ],
   templateUrl: './release-track-card.component.html',
   styleUrls: ['./release-track-card.component.scss'],
@@ -23,6 +23,10 @@ export class ReleaseTrackCardComponent {
   @Input() type: 'standard' | 'virtual' | null = null;
   @Output() viewTrack = new EventEmitter<string>();
 
+  public get chipVariant(): 'standard' | 'virtual' {
+    return this.type === 'virtual' ? 'virtual' : 'standard';
+  }
+
   public onViewTrack(): void {
     const id = this.track?.id || this.track?.track_id || null;
     if (id) this.viewTrack.emit(id);
diff --git a/src/app/components/status-chip/status-chip.component.html b/src/app/components/status-chip/status-chip.component.html
index 62344e73f..5770d2e63 100644
--- a/src/app/components/status-chip/status-chip.component.html
+++ b/src/app/components/status-chip/status-chip.component.html
@@ -1,5 +1,4 @@
-<div class="status-chip">
-  <mat-chip [ngClass]="status">
-    {{ label }}
-  </mat-chip>
-</div>
+<app-workbench-chip
+  class="status-chip"
+  [variant]="chipVariant"
+  [label]="label"></app-workbench-chip>
diff --git a/src/app/components/status-chip/status-chip.component.scss b/src/app/components/status-chip/status-chip.component.scss
index a620d0f7c..feb4b28f5 100644
--- a/src/app/components/status-chip/status-chip.component.scss
+++ b/src/app/components/status-chip/status-chip.component.scss
@@ -1,17 +1,3 @@
-@use 'src/style/colors.scss' as colors;
-
-.status-chip {
-  .mat-mdc-chip.mat-mdc-standard-chip .mat-mdc-chip-action-label {
-    font-size: 12px !important;
-  }
-
-  .mat-mdc-chip.awaiting-review {
-    background: colors.color('pending');
-    color: colors.on-color('pending');
-  }
-
-  .mat-mdc-chip.reviewed {
-    background: colors.color('active');
-    color: colors.on-color('active');
-  }
+:host {
+  display: inline-flex;
 }
diff --git a/src/app/components/status-chip/status-chip.component.spec.ts b/src/app/components/status-chip/status-chip.component.spec.ts
new file mode 100644
index 000000000..f7bb679d8
--- /dev/null
+++ b/src/app/components/status-chip/status-chip.component.spec.ts
@@ -0,0 +1,33 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WorkbenchChipComponent } from '../workbench-chip/workbench-chip.component';
+import { StatusChipComponent } from './status-chip.component';
+import { WorkflowStatus } from 'src/app/utils/types';
+
+describe('StatusChipComponent', () => {
+  let component: StatusChipComponent;
+  let fixture: ComponentFixture<StatusChipComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [StatusChipComponent],
+      imports: [WorkbenchChipComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(StatusChipComponent);
+    component = fixture.componentInstance;
+    component.status = WorkflowStatus.WorkInProgress;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should map workflow statuses to the shared chip variants', () => {
+    component.status = WorkflowStatus.AwaitingReview;
+
+    expect(component.chipVariant).toBe('awaiting-review');
+    expect(component.label).toBe('Awaiting Review');
+  });
+});
diff --git a/src/app/components/status-chip/status-chip.component.ts b/src/app/components/status-chip/status-chip.component.ts
index 749caedfa..ec089a341 100644
--- a/src/app/components/status-chip/status-chip.component.ts
+++ b/src/app/components/status-chip/status-chip.component.ts
@@ -1,18 +1,27 @@
 import { Component, Input } from '@angular/core';
-import { WorkflowStatus, WorkflowStatusMap } from '../../utils/types';
-import { ViewEncapsulation } from '@angular/core';
+import { WorkbenchChipVariant } from '../workbench-chip/workbench-chip.component';
+import {
+  WorkflowStatus,
+  WorkflowStatusMap,
+  WorkflowStatusType,
+} from '../../utils/types';
 
 @Component({
   selector: 'app-status-chip',
   standalone: false,
   templateUrl: './status-chip.component.html',
   styleUrls: ['./status-chip.component.scss'],
-  encapsulation: ViewEncapsulation.None,
 })
 export class StatusChipComponent {
-  @Input() status!: WorkflowStatus;
+  @Input() status!: WorkflowStatusType;
 
   public get label(): string {
     return WorkflowStatusMap[this.status] ?? String(this.status);
   }
+
+  public get chipVariant(): WorkbenchChipVariant {
+    return Object.values(WorkflowStatus).includes(this.status)
+      ? this.status
+      : 'draft';
+  }
 }
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
index 1028eb7a2..f0901aa9a 100644
--- a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.html
@@ -71,11 +71,10 @@ <h3>{{ getTrackName(membership) }}</h3>
             <span class="external-link-icon" aria-hidden="true"> ↗ </span>
           </button>
 
-          <span
-            class="track-type-badge"
-            [class.track-type-badge--virtual]="isVirtualTrack(membership)">
-            {{ getTrackType(membership) }}
-          </span>
+          <app-workbench-chip
+            [variant]="
+              isVirtualTrack(membership) ? 'virtual' : 'standard'
+            "></app-workbench-chip>
         </div>
       </header>
 
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
index 3eefa42dc..0606f95f5 100644
--- a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.scss
@@ -7,11 +7,6 @@ $membership-accent-dark: #62c9ff;
 $membership-success: colors.color(secondary);
 $membership-release: colors.color(active);
 
-// Explicit purple values for the virtual release-track badge.
-$membership-virtual: #8c5bd6;
-$membership-virtual-light: #6f3db8;
-$membership-virtual-dark: #c3a0f4;
-
 :host {
   display: block;
   width: 100%;
@@ -216,28 +211,6 @@ button.membership-action-button {
   line-height: 1;
 }
 
-.track-type-badge {
-  display: inline-flex;
-  box-sizing: border-box;
-  min-height: 22px;
-  align-items: center;
-  justify-content: center;
-  padding: 0 10px;
-  border: 1px solid;
-  border-radius: 999px;
-  font-size: 10px;
-  font-weight: 750;
-  line-height: 20px;
-  white-space: nowrap;
-  text-transform: uppercase;
-}
-
-.track-type-badge--virtual {
-  border-color: rgba($membership-virtual, 0.9);
-  background: rgba($membership-virtual, 0.18);
-  color: $membership-virtual;
-}
-
 .release-track-content {
   display: grid;
   grid-template-columns: minmax(280px, 1fr) minmax(420px, 2fr);
@@ -540,18 +513,6 @@ input[type='checkbox'] {
     }
   }
 
-  .track-type-badge {
-    border-color: rgba(colors.color(primary), 0.55);
-    background: color.mix(colors.color(mitre-light-blue), #ffffff, 24%);
-    color: colors.color(primary);
-  }
-
-  .track-type-badge--virtual {
-    border-color: rgba($membership-virtual-light, 0.8);
-    background: rgba($membership-virtual, 0.14);
-    color: $membership-virtual-light;
-  }
-
   .no-current-draft,
   .no-production-releases,
   .release-information small {
@@ -685,18 +646,6 @@ input[type='checkbox'] {
     }
   }
 
-  .track-type-badge {
-    border-color: rgba($membership-accent, 0.65);
-    background: rgba($membership-accent, 0.12);
-    color: $membership-accent;
-  }
-
-  .track-type-badge--virtual {
-    border-color: rgba($membership-virtual-dark, 0.9);
-    background: rgba($membership-virtual, 0.26);
-    color: $membership-virtual-dark;
-  }
-
   .no-current-draft,
   .no-production-releases,
   .release-information small {
diff --git a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
index 0a4de3e6a..5d853583e 100644
--- a/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
+++ b/src/app/components/stix/stix-page-tabs/membership-section/membership-section.component.spec.ts
@@ -6,6 +6,7 @@ import { vi } from 'vitest';
 
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { MembershipSectionComponent } from './membership-section.component';
+import { WorkbenchChipComponent } from 'src/app/components/workbench-chip/workbench-chip.component';
 import {
   MembershipSectionDataService,
   MembershipTrack,
@@ -66,6 +67,7 @@ describe('MembershipSectionComponent', () => {
 
     await TestBed.configureTestingModule({
       declarations: [MembershipSectionComponent],
+      imports: [WorkbenchChipComponent],
       providers: [
         {
           provide: MembershipSectionDataService,
diff --git a/src/app/components/workbench-chip/workbench-chip.component.html b/src/app/components/workbench-chip/workbench-chip.component.html
new file mode 100644
index 000000000..2b8f5c126
--- /dev/null
+++ b/src/app/components/workbench-chip/workbench-chip.component.html
@@ -0,0 +1 @@
+<span [class]="chipClass">{{ chipLabel }}</span>
diff --git a/src/app/components/workbench-chip/workbench-chip.component.scss b/src/app/components/workbench-chip/workbench-chip.component.scss
new file mode 100644
index 000000000..ce3c5a95f
--- /dev/null
+++ b/src/app/components/workbench-chip/workbench-chip.component.scss
@@ -0,0 +1,138 @@
+@use 'sass:color';
+@use '../../../style/colors' as colors;
+
+$standard-light: colors.color(primary-dark);
+$standard-dark: colors.color(mitre-light-blue);
+$virtual-base: #8c5bd6;
+$virtual-light: #6f3db8;
+$virtual-dark: #c3a0f4;
+$tagged-light: colors.color(success);
+$tagged-dark: color.mix(white, colors.color(success), 30%);
+$draft-light: colors.on-color-deemphasis(light);
+$draft-dark: colors.on-color-deemphasis(dark);
+$latest-light: colors.color(primary-dark);
+$latest-dark: colors.color(mitre-light-blue);
+$awaiting-review: color.mix(
+  colors.color(warn),
+  colors.color(spark-yellow),
+  70%
+);
+
+:host {
+  display: inline-flex;
+}
+
+.workbench-chip {
+  display: inline-flex;
+  box-sizing: border-box;
+  min-height: 22px;
+  align-items: center;
+  justify-content: center;
+  padding: 0 10px;
+  border: 1px solid;
+  border-radius: 999px;
+  font-size: 10px;
+  font-weight: 700;
+  line-height: 20px;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+
+.workbench-chip--standard {
+  border-color: rgba($standard-light, 0.48);
+  background: rgba($standard-light, 0.1);
+  color: $standard-light;
+}
+
+.workbench-chip--virtual {
+  border-color: rgba($virtual-light, 0.8);
+  background: rgba($virtual-base, 0.14);
+  color: $virtual-light;
+}
+
+.workbench-chip--tagged {
+  border-color: rgba($tagged-light, 0.55);
+  background: rgba($tagged-light, 0.14);
+  color: color.mix($tagged-light, colors.on-color(light), 82%);
+}
+
+.workbench-chip--draft {
+  border-color: rgba($draft-light, 0.45);
+  background: rgba($draft-light, 0.12);
+  color: $draft-light;
+}
+
+.workbench-chip--latest {
+  border-color: rgba($latest-light, 0.52);
+  background: rgba($latest-light, 0.12);
+  color: $latest-light;
+}
+
+.workbench-chip--work-in-progress {
+  border-color: rgba($draft-light, 0.45);
+  background: rgba($draft-light, 0.12);
+  color: $draft-light;
+}
+
+.workbench-chip--awaiting-review {
+  border-color: rgba($awaiting-review, 0.6);
+  background: rgba($awaiting-review, 0.14);
+  color: color.mix($awaiting-review, colors.on-color(light), 82%);
+}
+
+.workbench-chip--reviewed {
+  border-color: rgba($tagged-light, 0.55);
+  background: rgba($tagged-light, 0.14);
+  color: color.mix($tagged-light, colors.on-color(light), 82%);
+}
+
+:host-context(.dark) {
+  .workbench-chip--standard {
+    border-color: rgba($standard-dark, 0.65);
+    background: rgba($standard-dark, 0.12);
+    color: $standard-dark;
+  }
+
+  .workbench-chip--virtual {
+    border-color: rgba($virtual-dark, 0.9);
+    background: rgba($virtual-base, 0.26);
+    color: $virtual-dark;
+  }
+
+  .workbench-chip--tagged {
+    border-color: rgba($tagged-dark, 0.65);
+    background: rgba($tagged-dark, 0.12);
+    color: $tagged-dark;
+  }
+
+  .workbench-chip--draft {
+    border-color: rgba($draft-dark, 0.42);
+    background: rgba($draft-dark, 0.1);
+    color: $draft-dark;
+  }
+
+  .workbench-chip--latest {
+    border-color: rgba($latest-dark, 0.65);
+    background: rgba($latest-dark, 0.14);
+    color: $latest-dark;
+  }
+
+  .workbench-chip--work-in-progress {
+    border-color: rgba($draft-dark, 0.42);
+    background: rgba($draft-dark, 0.1);
+    color: $draft-dark;
+  }
+
+  .workbench-chip--awaiting-review {
+    border-color: rgba($awaiting-review, 0.68);
+    background: rgba($awaiting-review, 0.14);
+    color: $awaiting-review;
+  }
+
+  .workbench-chip--reviewed {
+    border-color: rgba($tagged-dark, 0.65);
+    background: rgba($tagged-dark, 0.12);
+    color: $tagged-dark;
+  }
+}
diff --git a/src/app/components/workbench-chip/workbench-chip.component.spec.ts b/src/app/components/workbench-chip/workbench-chip.component.spec.ts
new file mode 100644
index 000000000..62b9644f5
--- /dev/null
+++ b/src/app/components/workbench-chip/workbench-chip.component.spec.ts
@@ -0,0 +1,34 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WorkbenchChipComponent } from './workbench-chip.component';
+
+describe('WorkbenchChipComponent', () => {
+  let component: WorkbenchChipComponent;
+  let fixture: ComponentFixture<WorkbenchChipComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [WorkbenchChipComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(WorkbenchChipComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should use the default label for the selected variant', () => {
+    component.variant = 'virtual';
+
+    expect(component.chipLabel).toBe('Virtual');
+  });
+
+  it('should allow a custom label', () => {
+    component.label = 'Preview';
+
+    expect(component.chipLabel).toBe('Preview');
+  });
+});
diff --git a/src/app/components/workbench-chip/workbench-chip.component.ts b/src/app/components/workbench-chip/workbench-chip.component.ts
new file mode 100644
index 000000000..9a1d47a3d
--- /dev/null
+++ b/src/app/components/workbench-chip/workbench-chip.component.ts
@@ -0,0 +1,42 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import {
+  WORKFLOW_STATUS_LABELS,
+  WorkflowStatus,
+  WorkflowStatusType,
+} from 'src/app/utils/types';
+
+export type WorkbenchChipVariant =
+  'standard' | 'virtual' | 'tagged' | 'draft' | 'latest' | WorkflowStatusType;
+
+const WORKBENCH_CHIP_LABELS: Record<WorkbenchChipVariant, string> = {
+  standard: 'Standard',
+  virtual: 'Virtual',
+  tagged: 'Tagged Release',
+  draft: 'Draft Release',
+  latest: 'Latest',
+  [WorkflowStatus.WorkInProgress]:
+    WORKFLOW_STATUS_LABELS[WorkflowStatus.WorkInProgress],
+  [WorkflowStatus.AwaitingReview]:
+    WORKFLOW_STATUS_LABELS[WorkflowStatus.AwaitingReview],
+  [WorkflowStatus.Reviewed]: WORKFLOW_STATUS_LABELS[WorkflowStatus.Reviewed],
+};
+
+@Component({
+  selector: 'app-workbench-chip',
+  standalone: true,
+  templateUrl: './workbench-chip.component.html',
+  styleUrls: ['./workbench-chip.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class WorkbenchChipComponent {
+  @Input() variant: WorkbenchChipVariant = 'standard';
+  @Input() label?: string;
+
+  public get chipClass(): string {
+    return `workbench-chip workbench-chip--${this.variant}`;
+  }
+
+  public get chipLabel(): string {
+    return this.label || WORKBENCH_CHIP_LABELS[this.variant];
+  }
+}
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index ea02c3fa3..ca0816f11 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -652,12 +652,15 @@ <h3 [class.promote-color]="item.isTagged">
                       </ng-container>
                     </ng-template>
                   </h3>
-                  <span
-                    class="snapshot-history-type"
-                    [class.snapshot-history-type-tagged]="item.isTagged"
-                    [class.snapshot-history-type-draft]="!item.isTagged">
-                    {{ item.isTagged ? 'Tagged release' : 'Current draft' }}
-                  </span>
+                  <div class="snapshot-history-chips">
+                    <app-workbench-chip
+                      [variant]="
+                        item.isTagged ? 'tagged' : 'draft'
+                      "></app-workbench-chip>
+                    <app-workbench-chip
+                      *ngIf="item.isLatest"
+                      variant="latest"></app-workbench-chip>
+                  </div>
                 </div>
                 <p *ngIf="item.isTagged; else draftSubtitle">
                   <ng-container *ngIf="item.taggedAt; else taggedSnapshotDate">
@@ -672,7 +675,7 @@ <h3 [class.promote-color]="item.isTagged">
                   </ng-template>
                 </p>
                 <ng-template #draftSubtitle>
-                  <p>Current draft snapshot</p>
+                  <p>Draft release snapshot</p>
                 </ng-template>
                 <p
                   *ngIf="item.isTagged && item.taggedAt && item.modified"
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index 88b5bad78..0a232fb24 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -8,10 +8,6 @@ $awaiting-review-color: color.mix(
 );
 $released-members-disabled-light: colors.on-color-deemphasis(light);
 $released-members-disabled-dark: colors.on-color-deemphasis(dark);
-$snapshot-tagged-chip-light: colors.color(secondary);
-$snapshot-tagged-chip-dark: colors.color(mitre-light-blue);
-$snapshot-draft-chip-light: #5c4fa3;
-$snapshot-draft-chip-dark: #c7b9ff;
 
 .release-track-page {
   .promote-color {
@@ -586,52 +582,11 @@ $snapshot-draft-chip-dark: #c7b9ff;
       }
     }
 
-    .snapshot-history-type {
+    .snapshot-history-chips {
       display: inline-flex;
+      flex-wrap: wrap;
       align-items: center;
-      justify-content: center;
-      min-height: 24px;
-      border: 1px solid;
-      border-color: colors.border-color(light);
-      border-radius: 999px;
-      padding: 0 12px;
-      font-size: 12px;
-      font-weight: 700;
-      line-height: 18px;
-
-      .dark & {
-        border-color: colors.border-color(dark);
-      }
-
-      .light & {
-        border-color: colors.border-color(light);
-      }
-
-      &.snapshot-history-type-tagged {
-        border-color: colors.color(success);
-
-        .dark & {
-          background: rgba($snapshot-tagged-chip-dark, 0.18);
-          color: $snapshot-tagged-chip-dark;
-        }
-
-        .light & {
-          background: rgba($snapshot-tagged-chip-light, 0.16);
-          color: $snapshot-tagged-chip-light;
-        }
-      }
-
-      &.snapshot-history-type-draft {
-        .dark & {
-          background: rgba($snapshot-draft-chip-dark, 0.18);
-          color: $snapshot-draft-chip-dark;
-        }
-
-        .light & {
-          background: rgba($snapshot-draft-chip-light, 0.16);
-          color: $snapshot-draft-chip-light;
-        }
-      }
+      gap: 6px;
     }
 
     p {
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index d4531b0d5..0120281cd 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -767,6 +767,95 @@ describe('ReleaseTrackPageComponent', () => {
     ]);
   });
 
+  it('should only mark the latest draft snapshot as current', () => {
+    mockReleaseTrackApiConnector.listSnapshots.mockReturnValue(
+      of([
+        {
+          modified: '2024-05-21T07:00:00.000Z',
+          version: null,
+          type: ReleaseTrackType.Standard,
+        },
+        {
+          modified: '2024-05-20T07:00:00.000Z',
+          version: null,
+          type: ReleaseTrackType.Standard,
+        },
+        {
+          modified: '2024-05-19T07:00:00.000Z',
+          version: '1.0',
+          type: ReleaseTrackType.Standard,
+        },
+      ])
+    );
+    component.id = 'release-track--123';
+
+    component.getSnapshotHistory();
+
+    expect(component.snapshotHistory[0]).toEqual(
+      expect.objectContaining({
+        modified: '2024-05-21T07:00:00.000Z',
+        isTagged: false,
+        isLatest: true,
+        isCurrentDraft: true,
+      })
+    );
+    expect(component.snapshotHistory[1]).toEqual(
+      expect.objectContaining({
+        modified: '2024-05-20T07:00:00.000Z',
+        isTagged: false,
+        isLatest: false,
+        isCurrentDraft: false,
+      })
+    );
+    expect(component.snapshotHistory[2]).toEqual(
+      expect.objectContaining({
+        modified: '2024-05-19T07:00:00.000Z',
+        isTagged: true,
+        isLatest: false,
+        isCurrentDraft: false,
+      })
+    );
+    expect(component.hasCurrentDraftSnapshot).toBe(true);
+  });
+
+  it('should mark a tagged current snapshot as latest', () => {
+    mockReleaseTrackApiConnector.listSnapshots.mockReturnValue(
+      of([
+        {
+          modified: '2024-05-21T07:00:00.000Z',
+          version: '1.1',
+          type: ReleaseTrackType.Standard,
+        },
+        {
+          modified: '2024-05-20T07:00:00.000Z',
+          version: null,
+          type: ReleaseTrackType.Standard,
+        },
+      ])
+    );
+    component.id = 'release-track--123';
+
+    component.getSnapshotHistory();
+
+    expect(component.snapshotHistory[0]).toEqual(
+      expect.objectContaining({
+        modified: '2024-05-21T07:00:00.000Z',
+        isTagged: true,
+        isLatest: true,
+        isCurrentDraft: false,
+      })
+    );
+    expect(component.snapshotHistory[1]).toEqual(
+      expect.objectContaining({
+        modified: '2024-05-20T07:00:00.000Z',
+        isTagged: false,
+        isLatest: false,
+        isCurrentDraft: false,
+      })
+    );
+    expect(component.hasCurrentDraftSnapshot).toBe(false);
+  });
+
   it('should create a draft snapshot and refresh the release track', () => {
     const refreshSpy = vi
       .spyOn(component, 'getReleaseTrack')
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index e898b36f8..1956cf29b 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -81,6 +81,8 @@ interface SnapshotHistoryViewModel {
   modified: string | null;
   taggedAt: Date | null;
   isTagged: boolean;
+  isLatest: boolean;
+  isCurrentDraft: boolean;
   stats: SnapshotHistoryStat[];
   addedCount: number;
   modifiedCount: number;
@@ -312,7 +314,9 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public get hasCurrentDraftSnapshot(): boolean {
-    return this.snapshotHistory.some(item => !item.isTagged);
+    return this.snapshotHistory.some((item, index) =>
+      this.isCurrentDraftHistoryItem(item, index)
+    );
   }
 
   public get taggedSnapshotCount(): number {
@@ -498,7 +502,23 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   private get latestDraftSnapshot(): SnapshotHistoryViewModel | undefined {
-    return this.snapshotHistory.find(snapshot => !snapshot.isTagged);
+    return this.snapshotHistory.find((snapshot, index) =>
+      this.isCurrentDraftHistoryItem(snapshot, index)
+    );
+  }
+
+  private isCurrentDraftHistoryItem(
+    item: SnapshotHistoryViewModel,
+    index: number
+  ): boolean {
+    return (
+      !item.isTagged &&
+      (typeof item.isCurrentDraft === 'boolean'
+        ? item.isCurrentDraft
+        : typeof item.isLatest === 'boolean'
+          ? item.isLatest
+          : index === 0)
+    );
   }
 
   public get canEditReleaseTrack(): boolean {
@@ -2473,9 +2493,14 @@ export class ReleaseTrackPageComponent implements OnInit {
     const sorted = [...snapshots].sort(
       (a, b) => this.getSnapshotTime(b) - this.getSnapshotTime(a)
     );
+    const latestSnapshot =
+      sorted.find(snapshot => this.isLatestHistorySnapshot(snapshot)) ??
+      sorted[0];
 
     return sorted.map((snapshot, index) => {
       const previousSnapshot = sorted[index + 1];
+      const isTagged = this.isTaggedSnapshot(snapshot);
+      const isLatest = snapshot === latestSnapshot;
       const currentMembers = this.getSnapshotMembers(snapshot);
       const previousMembers = previousSnapshot
         ? this.getSnapshotMembers(previousSnapshot)
@@ -2501,7 +2526,9 @@ export class ReleaseTrackPageComponent implements OnInit {
         created: this.getSnapshotDate(snapshot),
         modified: this.getSnapshotModified(snapshot),
         taggedAt: this.getSnapshotTaggedAt(snapshot),
-        isTagged: this.isTaggedSnapshot(snapshot),
+        isTagged,
+        isLatest,
+        isCurrentDraft: !isTagged && isLatest,
         stats: this.getSnapshotStats(snapshot, addedCount, modifiedCount),
         addedCount,
         modifiedCount,

From 9314bf5a863a07eb10d15779052f3704644fcb2a Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Mon, 3 Aug 2026 10:23:29 -0400
Subject: [PATCH 175/190] fix(stix): preserve canonical domains in editors

---
 docs/usage.md                                 |  4 +-
 src/app/classes/stix/campaign.ts              |  8 ++
 .../classes/stix/canonical-domains.spec.ts    | 77 +++++++++++++++++++
 src/app/classes/stix/detection-strategy.ts    |  8 ++
 src/app/classes/stix/group.ts                 |  8 ++
 src/app/classes/stix/matrix.ts                |  9 +++
 .../campaign-view.component.html              | 13 ++++
 .../stix/canonical-domains-views.spec.ts      | 31 ++++++++
 .../detection-strategy-view.component.html    | 13 ++++
 .../stix/group-view/group-view.component.html | 13 ++++
 .../matrix-view/matrix-view.component.html    | 13 ++++
 11 files changed, 196 insertions(+), 1 deletion(-)
 create mode 100644 src/app/classes/stix/canonical-domains.spec.ts
 create mode 100644 src/app/views/stix/canonical-domains-views.spec.ts

diff --git a/docs/usage.md b/docs/usage.md
index f7a0dc7c0..1132c8a4d 100644
--- a/docs/usage.md
+++ b/docs/usage.md
@@ -226,6 +226,8 @@ When creating and/or editing an object, you can add multiple statements and sele
 
 Any object in the knowledge base, except for marking definitions, can be edited, even those imported from collections. Clicking the "edit" button in the toolbar, or the "edit" link in an object list, will bring you to the edit interface for the object. While editing an object, relationships cannot be viewed or created since they are saved independently of the objects they connect.
 
+Domain-bearing ATT&CK objects expose a Domain field that reads and writes the STIX `x_mitre_domains` list. This includes techniques, campaigns, mitigations, groups, software, analytics, assets, data components, data sources, detection strategies, matrices, and tactics. When an existing object is revised, its domains are retained unless the editor explicitly changes them.
+
 #### Editing Matrices
 
 Matrices share the typical fields on objects, including a description supporting markdown, LinkByIds, and citations. Unlike other object types, their IDs serve as identifier for their domain:
@@ -527,4 +529,4 @@ Within the page showing the list of teams, there is an option to create a new te
 
 ### Editing a team
 
-When viewing a team, click the edit icon in the toolbar to edit it.  You can edit the name, description, or user list of a team at any time.
\ No newline at end of file
+When viewing a team, click the edit icon in the toolbar to edit it.  You can edit the name, description, or user list of a team at any time.
diff --git a/src/app/classes/stix/campaign.ts b/src/app/classes/stix/campaign.ts
index 3d6195c9a..e820334b2 100644
--- a/src/app/classes/stix/campaign.ts
+++ b/src/app/classes/stix/campaign.ts
@@ -13,6 +13,7 @@ export class Campaign extends StixObject {
   public last_seen_citation = '';
   public aliases: string[] = [];
   public contributors: string[] = [];
+  public domains: string[] = [];
 
   public readonly supportsAttackID = true;
   protected get attackIDValidator() {
@@ -47,6 +48,7 @@ export class Campaign extends StixObject {
     rep.stix.x_mitre_last_seen_citation = this.last_seen_citation.trim();
     rep.stix.aliases = this.aliases.map(x => x.trim());
     rep.stix.x_mitre_contributors = this.contributors.map(x => x.trim());
+    rep.stix.x_mitre_domains = this.domains;
 
     // Strip properties that are empty strs + lists
     rep.stix = this.filterObject(rep.stix);
@@ -151,6 +153,12 @@ export class Campaign extends StixObject {
             ')'
           );
       } else this.contributors = [];
+
+      if ('x_mitre_domains' in sdo) {
+        if (this.isStringArray(sdo.x_mitre_domains))
+          this.domains = sdo.x_mitre_domains;
+        else logger.error('TypeError: domains field is not a string array.');
+      } else this.domains = [];
     }
   }
 
diff --git a/src/app/classes/stix/canonical-domains.spec.ts b/src/app/classes/stix/canonical-domains.spec.ts
new file mode 100644
index 000000000..834efd03d
--- /dev/null
+++ b/src/app/classes/stix/canonical-domains.spec.ts
@@ -0,0 +1,77 @@
+import {
+  Analytic,
+  Asset,
+  Campaign,
+  DataComponent,
+  DataSource,
+  DetectionStrategy,
+  Group,
+  Matrix,
+  Mitigation,
+  Software,
+  StixObject,
+  Tactic,
+  Technique,
+} from './index';
+
+const domains = ['enterprise-attack', 'ics-attack'];
+
+function rawObject(type: string) {
+  return {
+    workspace: {
+      workflow: {
+        state: 'work-in-progress',
+      },
+    },
+    stix: {
+      type,
+      id: `${type}--00000000-0000-4000-8000-000000000000`,
+      created: '2026-08-03T00:00:00.000Z',
+      modified: '2026-08-03T00:00:00.000Z',
+      spec_version: '2.1',
+      name: 'Domain round-trip fixture',
+      x_mitre_version: '1.0',
+      x_mitre_domains: domains,
+      external_references: [],
+    },
+  };
+}
+
+const targetTypes: {
+  type: string;
+  create: (raw: ReturnType<typeof rawObject>) => StixObject;
+}[] = [
+  { type: 'attack-pattern', create: raw => new Technique(raw) },
+  { type: 'campaign', create: raw => new Campaign(raw) },
+  { type: 'course-of-action', create: raw => new Mitigation(raw) },
+  { type: 'intrusion-set', create: raw => new Group(raw) },
+  { type: 'malware', create: raw => new Software('malware', raw) },
+  { type: 'tool', create: raw => new Software('tool', raw) },
+  { type: 'x-mitre-analytic', create: raw => new Analytic(raw) },
+  { type: 'x-mitre-asset', create: raw => new Asset(raw) },
+  {
+    type: 'x-mitre-data-component',
+    create: raw => new DataComponent(raw),
+  },
+  { type: 'x-mitre-data-source', create: raw => new DataSource(raw) },
+  {
+    type: 'x-mitre-detection-strategy',
+    create: raw => new DetectionStrategy(raw),
+  },
+  { type: 'x-mitre-matrix', create: raw => new Matrix(raw) },
+  { type: 'x-mitre-tactic', create: raw => new Tactic(raw) },
+];
+
+describe('canonical domain-bearing STIX objects', () => {
+  it.each(targetTypes)(
+    'preserves x_mitre_domains when revising $type',
+    ({ type, create }) => {
+      const object = create(rawObject(type));
+
+      expect((object as StixObject & { domains: string[] }).domains).toEqual(
+        domains
+      );
+      expect(object.serialize().stix.x_mitre_domains).toEqual(domains);
+    }
+  );
+});
diff --git a/src/app/classes/stix/detection-strategy.ts b/src/app/classes/stix/detection-strategy.ts
index 17c9f5b87..8f7a0eee6 100644
--- a/src/app/classes/stix/detection-strategy.ts
+++ b/src/app/classes/stix/detection-strategy.ts
@@ -9,6 +9,7 @@ export class DetectionStrategy extends StixObject {
   public name = '';
   public contributors: string[] = [];
   public analytics: string[] = []; // list of x-mitre-analytic uuids
+  public domains: string[] = [];
 
   public readonly supportsAttackID = true;
   protected get attackIDValidator() {
@@ -37,6 +38,7 @@ export class DetectionStrategy extends StixObject {
     rep.stix.name = this.name.trim();
     rep.stix.x_mitre_contributors = this.contributors.map(x => x.trim());
     if (this.analytics) rep.stix.x_mitre_analytic_refs = this.analytics;
+    rep.stix.x_mitre_domains = this.domains;
 
     // Strip properties that are empty strs + lists
     rep.stix = this.filterObject(rep.stix);
@@ -78,6 +80,12 @@ export class DetectionStrategy extends StixObject {
             `TypeError: x_mitre_analytic_refs field is not a string array: ${sdo.x_mitre_analytic_refs} (${typeof sdo.x_mitre_analytic_refs})`
           );
       } else this.analytics = [];
+
+      if ('x_mitre_domains' in sdo) {
+        if (this.isStringArray(sdo.x_mitre_domains))
+          this.domains = sdo.x_mitre_domains;
+        else logger.error('TypeError: domains field is not a string array.');
+      } else this.domains = [];
     }
   }
 
diff --git a/src/app/classes/stix/group.ts b/src/app/classes/stix/group.ts
index 59b9c52f5..1850b27d5 100644
--- a/src/app/classes/stix/group.ts
+++ b/src/app/classes/stix/group.ts
@@ -9,6 +9,7 @@ export class Group extends StixObject {
   public name = '';
   public aliases: string[] = [];
   public contributors: string[] = [];
+  public domains: string[] = [];
 
   public readonly supportsAttackID = true;
   protected get attackIDValidator() {
@@ -38,6 +39,7 @@ export class Group extends StixObject {
     rep.stix.name = this.name.trim();
     rep.stix.aliases = this.aliases.map(x => x.trim());
     rep.stix.x_mitre_contributors = this.contributors.map(x => x.trim());
+    rep.stix.x_mitre_domains = this.domains;
 
     // Strip properties that are empty strs + lists
     rep.stix = this.filterObject(rep.stix);
@@ -90,6 +92,12 @@ export class Group extends StixObject {
             ')'
           );
       } else this.contributors = [];
+
+      if ('x_mitre_domains' in sdo) {
+        if (this.isStringArray(sdo.x_mitre_domains))
+          this.domains = sdo.x_mitre_domains;
+        else logger.error('TypeError: domains field is not a string array.');
+      } else this.domains = [];
     }
   }
 
diff --git a/src/app/classes/stix/matrix.ts b/src/app/classes/stix/matrix.ts
index ed900aae9..f9264053f 100644
--- a/src/app/classes/stix/matrix.ts
+++ b/src/app/classes/stix/matrix.ts
@@ -9,6 +9,7 @@ import { WorkflowStatusType } from 'src/app/utils/types';
 export class Matrix extends StixObject {
   public name = '';
   public tactic_refs: string[] = [];
+  public domains: string[] = [];
   // NOTE: this is only populated in the matrix view when calling getTechniquesInMatrix() NOT getMatrix()
   public tactic_objects: Tactic[] = [];
 
@@ -40,6 +41,7 @@ export class Matrix extends StixObject {
 
     rep.stix.name = this.name.trim();
     rep.stix.tactic_refs = this.tactic_refs;
+    rep.stix.x_mitre_domains = this.domains;
 
     // Strip properties that are empty strs + lists
     rep.stix = this.filterObject(rep.stix);
@@ -80,6 +82,12 @@ export class Matrix extends StixObject {
             ')'
           );
       } else this.tactic_refs = [];
+
+      if ('x_mitre_domains' in sdo) {
+        if (this.isStringArray(sdo.x_mitre_domains))
+          this.domains = sdo.x_mitre_domains;
+        else logger.error('TypeError: domains field is not a string array.');
+      } else this.domains = [];
     }
   }
 
@@ -116,6 +124,7 @@ export class Matrix extends StixObject {
 
   public delete(_restAPIService: RestApiConnectorService): Observable<object> {
     // deletion is not supported on Matrix objects
+    void _restAPIService;
     return of({});
   }
 
diff --git a/src/app/views/stix/campaign-view/campaign-view.component.html b/src/app/views/stix/campaign-view/campaign-view.component.html
index 296704b84..47f066dde 100644
--- a/src/app/views/stix/campaign-view/campaign-view.component.html
+++ b/src/app/views/stix/campaign-view/campaign-view.component.html
@@ -43,6 +43,19 @@
             }"></app-version-property>
         </div>
       </div>
+      <div class="row">
+        <div class="col">
+          <!-- DOMAINS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'domains',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+      </div>
       <div class="row">
         <div class="col">
           <!-- FIRST SEEN -->
diff --git a/src/app/views/stix/canonical-domains-views.spec.ts b/src/app/views/stix/canonical-domains-views.spec.ts
new file mode 100644
index 000000000..f7dd8a1b2
--- /dev/null
+++ b/src/app/views/stix/canonical-domains-views.spec.ts
@@ -0,0 +1,31 @@
+import { readFileSync } from 'node:fs';
+
+const targetViews = [
+  ['technique', './technique-view/technique-view.component.html'],
+  ['campaign', './campaign-view/campaign-view.component.html'],
+  ['mitigation', './mitigation-view/mitigation-view.component.html'],
+  ['group', './group-view/group-view.component.html'],
+  ['software', './software-view/software-view.component.html'],
+  ['analytic', './analytic-view/analytic-view.component.html'],
+  ['asset', './asset-view/asset-view.component.html'],
+  [
+    'data component',
+    './data-component-view/data-component-view.component.html',
+  ],
+  ['data source', './data-source-view/data-source-view.component.html'],
+  [
+    'detection strategy',
+    './detection-strategy-view/detection-strategy-view.component.html',
+  ],
+  ['matrix', './matrix/matrix-view/matrix-view.component.html'],
+  ['tactic', './tactic-view/tactic-view.component.html'],
+] as const;
+
+describe('canonical domain-bearing STIX object views', () => {
+  it.each(targetViews)('exposes an editable domain field for %s', (_, path) => {
+    const template = readFileSync(new URL(path, import.meta.url), 'utf8');
+
+    expect(template).toMatch(/field:\s*'domains'/);
+    expect(template).toMatch(/field:\s*'domains'[\s\S]*?editType:\s*'select'/);
+  });
+});
diff --git a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
index 85cd292d8..87b8c00ff 100644
--- a/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
+++ b/src/app/views/stix/detection-strategy-view/detection-strategy-view.component.html
@@ -39,6 +39,19 @@
             }"></app-version-property>
         </div>
       </div>
+      <div class="row">
+        <div class="col">
+          <!-- DOMAINS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'domains',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+      </div>
       <div class="row">
         <div class="col">
           <!-- ANALYTICS -->
diff --git a/src/app/views/stix/group-view/group-view.component.html b/src/app/views/stix/group-view/group-view.component.html
index 382005189..c1c1eb66c 100644
--- a/src/app/views/stix/group-view/group-view.component.html
+++ b/src/app/views/stix/group-view/group-view.component.html
@@ -42,6 +42,19 @@
             }"></app-version-property>
         </div>
       </div>
+      <div class="row">
+        <div class="col">
+          <!-- DOMAINS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'domains',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+      </div>
       <div class="row">
         <div class="col">
           <!-- CONTRIBUTORS -->
diff --git a/src/app/views/stix/matrix/matrix-view/matrix-view.component.html b/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
index ecd81ad60..c9277c456 100644
--- a/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
+++ b/src/app/views/stix/matrix/matrix-view/matrix-view.component.html
@@ -38,6 +38,19 @@
             }"></app-version-property>
         </div>
       </div>
+      <div class="row">
+        <div class="col">
+          <!-- DOMAINS -->
+          <app-list-property
+            class="grow-to-row"
+            [config]="{
+              mode: config.mode,
+              object: config.object,
+              field: 'domains',
+              editType: 'select',
+            }"></app-list-property>
+        </div>
+      </div>
       <div class="row">
         <div class="col">
           <!-- DESCRIPTION -->

From b287dd9013815e071217a3d81e9c51a41e6fd86b Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Mon, 3 Aug 2026 10:59:44 -0400
Subject: [PATCH 176/190] fix(campaigns): preserve temporal citation references

---
 .../classes/stix/campaign-citations.spec.ts   | 53 +++++++++++++++++++
 src/app/classes/stix/stix-object.ts           |  2 +
 2 files changed, 55 insertions(+)
 create mode 100644 src/app/classes/stix/campaign-citations.spec.ts

diff --git a/src/app/classes/stix/campaign-citations.spec.ts b/src/app/classes/stix/campaign-citations.spec.ts
new file mode 100644
index 000000000..c4c4a72e7
--- /dev/null
+++ b/src/app/classes/stix/campaign-citations.spec.ts
@@ -0,0 +1,53 @@
+import { firstValueFrom, of } from 'rxjs';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { Campaign } from './campaign';
+
+describe('Campaign citation validation', () => {
+  it('preserves references cited by the first and last seen fields', async () => {
+    const campaign = new Campaign({
+      workspace: {
+        workflow: {
+          state: 'work-in-progress',
+        },
+      },
+      stix: {
+        type: 'campaign',
+        id: 'campaign--46421788-b6e1-4256-b351-f8beffd1afba',
+        created: '2023-09-27T13:11:52.340Z',
+        modified: '2026-07-31T20:48:14.920Z',
+        spec_version: '2.1',
+        name: '2015 Ukraine Electric Power Attack',
+        description: 'Campaign description without citations.',
+        aliases: ['2015 Ukraine Electric Power Attack'],
+        first_seen: '2015-12-01T05:00:00.000Z',
+        last_seen: '2016-01-01T05:00:00.000Z',
+        x_mitre_first_seen_citation: '(Citation: Booz Allen Hamilton)',
+        x_mitre_last_seen_citation: '(Citation: Booz Allen Hamilton)',
+        x_mitre_version: '1.0',
+        external_references: [
+          {
+            source_name: 'mitre-attack',
+            external_id: 'C0028',
+            url: 'https://attack.mitre.org/campaigns/C0028',
+          },
+          {
+            source_name: 'Booz Allen Hamilton',
+            description: 'When The Lights Went Out.',
+            url: 'https://example.com/when-the-lights-went-out.pdf',
+          },
+        ],
+      },
+    });
+    const restApiService = {
+      validateStixObject: () => () => of({ errors: [], warnings: [] }),
+      getAllCampaigns: () => of({ data: [] }),
+      getReference: () => of([]),
+    } as unknown as RestApiConnectorService;
+
+    await firstValueFrom(campaign.validate(restApiService));
+
+    expect(campaign.serialize().stix.external_references).toContainEqual(
+      expect.objectContaining({ source_name: 'Booz Allen Hamilton' })
+    );
+  });
+});
diff --git a/src/app/classes/stix/stix-object.ts b/src/app/classes/stix/stix-object.ts
index 3c6180c45..f3e4c0d35 100644
--- a/src/app/classes/stix/stix-object.ts
+++ b/src/app/classes/stix/stix-object.ts
@@ -517,6 +517,8 @@ export abstract class StixObject extends Serializable {
           refs_fields.push('aliases');
         if (this.attackType == 'asset') refs_fields.push('relatedAssets');
         if (this.attackType == 'technique') refs_fields.push('detection');
+        if (this.attackType == 'campaign')
+          refs_fields.push('first_seen_citation', 'last_seen_citation');
 
         return this.external_references
           .validate(restAPIService, { object: this, fields: refs_fields })

From fee2b22d951e939b5187959260e642ad8ee8e727 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Mon, 3 Aug 2026 22:27:17 -0400
Subject: [PATCH 177/190] feat(release-tracks): manage deterministic bundle
 caches

Surface cache state and graph statistics in snapshot history. Allow editors to materialize or delete member graph caches with progress, confirmation, and feedback.
---
 src/app/classes/release-tracks/api.ts         |  15 +-
 .../rest-api/release-tracks.service.spec.ts   |  38 ++++
 .../rest-api/release-tracks.service.ts        |  49 +++++
 .../release-track-page.component.html         |  86 +++++++++
 .../release-track-page.component.scss         | 106 +++++++++++
 .../release-track-page.component.spec.ts      | 173 ++++++++++++++++-
 .../release-track-page.component.ts           | 177 ++++++++++++++++++
 7 files changed, 640 insertions(+), 4 deletions(-)

diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index 61548f6fc..007cd39f7 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -72,6 +72,15 @@ export interface SnapshotHistoryOptions {
   offset?: number;
 }
 
+export interface SnapshotGraphStatistics {
+  primary_count: number;
+  secondary_count: number;
+  relationship_count: number;
+  supporting_count: number;
+  link_target_count: number;
+  total_count: number;
+}
+
 export type ReleasePreviewOptions = ReleasePayload & {
   format?: ReleasePreviewFormatType;
 };
@@ -131,6 +140,8 @@ export interface ReleaseTrackSnapshotHistoryItem {
   id?: string;
   modified?: string | Date;
   version?: string | null;
+  graph_manifest_id?: string;
+  graph_statistics?: SnapshotGraphStatistics;
   type?: ReleaseTrackType;
   name?: string;
   description?: string;
@@ -166,9 +177,7 @@ export interface ReleaseTrackSnapshotHistoryItem {
     quarantined_count?: number;
     [key: string]: any;
   };
-  statistics?: {
-    [key: string]: any;
-  };
+  statistics?: Record<string, any>;
   composition_resolution?: {
     total_objects?: number;
     [key: string]: any;
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
index cb2e290e5..8fc88775f 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -125,6 +125,44 @@ describe('ReleaseTracksConnectorService', () => {
     expect(options.params.get('offset')).toBe('50');
   });
 
+  it('should create a deterministic graph for an exact snapshot', async () => {
+    const snapshot = {
+      modified: '2026-07-23T13:37:28.000Z',
+      version: '1.0',
+      graph_manifest_id: 'release-track-graph-manifest--123',
+    };
+    http.post.mockReturnValue(of(snapshot));
+
+    const result = await firstValueFrom(
+      service.createSnapshotGraph(
+        'release-track--standard',
+        '2026-07-23T13:37:28.000Z'
+      )
+    );
+
+    expect(http.post).toHaveBeenCalledWith(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots/2026-07-23T13%3A37%3A28.000Z/graph`,
+      {}
+    );
+    expect(result).toEqual(snapshot);
+  });
+
+  it('should delete a deterministic graph for an exact snapshot', async () => {
+    http.delete.mockReturnValue(of(undefined));
+
+    const result = await firstValueFrom(
+      service.deleteSnapshotGraph(
+        'release-track--standard',
+        '2026-07-23T13:37:28.000Z'
+      )
+    );
+
+    expect(http.delete).toHaveBeenCalledWith(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots/2026-07-23T13%3A37%3A28.000Z/graph`
+    );
+    expect(result).toBeUndefined();
+  });
+
   it('should create virtual snapshots through the virtual namespace', () => {
     service
       .createVirtualSnapshot('release-track--virtual', {
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index f6be71071..3f760ee38 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -452,6 +452,55 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     );
   }
 
+  /**
+   * POST /api/release-tracks/:id/snapshots/:modified/graph
+   * Materialize the deterministic member graph for a tagged snapshot.
+   * @param id Release track id
+   * @param modified Snapshot modified timestamp
+   * @returns Observable snapshot containing its opaque graph manifest id
+   */
+  public createSnapshotGraph(
+    id: string,
+    modified: string
+  ): Observable<ReleaseTrackSnapshotHistoryItem> {
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}/graph`;
+    return this.http.post<ReleaseTrackSnapshotHistoryItem>(url, {}).pipe(
+      tap(result =>
+        logger.log(
+          `created deterministic graph for snapshot ${modified}`,
+          result
+        )
+      ),
+      catchError(
+        this.handleError_raise<ReleaseTrackSnapshotHistoryItem>(false)
+      ),
+      share()
+    );
+  }
+
+  /**
+   * DELETE /api/release-tracks/:id/snapshots/:modified/graph
+   * Remove the deterministic member graph from a tagged snapshot.
+   * @param id Release track id
+   * @param modified Snapshot modified timestamp
+   * @returns Observable<unknown>
+   */
+  public deleteSnapshotGraph(
+    id: string,
+    modified: string
+  ): Observable<unknown> {
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}/graph`;
+    return this.http.delete(url).pipe(
+      tap(() =>
+        logger.log(
+          `deleted deterministic graph for snapshot ${modified} from track ${id}`
+        )
+      ),
+      catchError(this.handleError_raise()),
+      share()
+    );
+  }
+
   /**
    * POST /api/release-tracks/:id/snapshots/:modified/clone
    * Clone a new release track from a specific snapshot.
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index ca0816f11..dedee6f01 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -660,6 +660,19 @@ <h3 [class.promote-color]="item.isTagged">
                     <app-workbench-chip
                       *ngIf="item.isLatest"
                       variant="latest"></app-workbench-chip>
+                    <span
+                      class="snapshot-cache-status"
+                      [class.snapshot-cache-status-cached]="item.isBundleCached"
+                      [matTooltip]="getBundleCacheTooltip(item)"
+                      matTooltipPosition="above"
+                      tabindex="0">
+                      <mat-icon aria-hidden="true">{{
+                        item.isBundleCached ? 'verified' : 'warning_amber'
+                      }}</mat-icon>
+                      <span>{{
+                        item.isBundleCached ? 'Bundle cached' : 'Not cached'
+                      }}</span>
+                    </span>
                   </div>
                 </div>
                 <p *ngIf="item.isTagged; else draftSubtitle">
@@ -686,6 +699,51 @@ <h3 [class.promote-color]="item.isTagged">
               </div>
 
               <div class="snapshot-history-actions small-buttons">
+                <button
+                  *ngIf="item.canCacheBundle && canEditReleaseTrack"
+                  class="cache-color"
+                  mat-stroked-button
+                  [disabled]="isCachingSnapshot(item) || !item.modified"
+                  [attr.aria-label]="'Cache bundle for ' + item.title"
+                  matTooltip="Pin exact member and relationship revisions so future member-only bundle exports are deterministic."
+                  (click)="onCacheSnapshotBundle(item)">
+                  <mat-spinner
+                    *ngIf="isCachingSnapshot(item)"
+                    class="snapshot-action-spinner"
+                    diameter="18"></mat-spinner>
+                  <mat-icon *ngIf="!isCachingSnapshot(item)">
+                    inventory_2
+                  </mat-icon>
+                  {{
+                    isCachingSnapshot(item) ? 'Caching bundle' : 'Cache bundle'
+                  }}
+                </button>
+                <button
+                  *ngIf="item.isBundleCached && canEditReleaseTrack"
+                  color="warn"
+                  mat-stroked-button
+                  [disabled]="
+                    isDeletingSnapshotCache(item) ||
+                    isCachingSnapshot(item) ||
+                    !item.modified
+                  "
+                  [attr.aria-label]="'Delete bundle cache for ' + item.title"
+                  matTooltip="Remove the pinned member graph. Future member-only bundle exports will not be guaranteed deterministic until it is cached again."
+                  (click)="onDeleteSnapshotCache(item)">
+                  <mat-spinner
+                    *ngIf="isDeletingSnapshotCache(item)"
+                    class="snapshot-action-spinner"
+                    color="warn"
+                    diameter="18"></mat-spinner>
+                  <mat-icon *ngIf="!isDeletingSnapshotCache(item)">
+                    delete
+                  </mat-icon>
+                  {{
+                    isDeletingSnapshotCache(item)
+                      ? 'Deleting cache'
+                      : 'Delete cache'
+                  }}
+                </button>
                 <button
                   *ngIf="!item.isTagged"
                   class="view-color"
@@ -717,6 +775,34 @@ <h3 [class.promote-color]="item.isTagged">
                 <div class="snapshot-history-stat-label">{{ stat.label }}</div>
               </div>
             </div>
+
+            <section
+              *ngIf="item.graphCacheStats.length"
+              class="snapshot-graph-cache"
+              aria-label="Graph cache statistics">
+              <div class="snapshot-graph-cache-header">
+                <div class="snapshot-graph-cache-title">
+                  <mat-icon aria-hidden="true">account_tree</mat-icon>
+                  <span>Graph cache</span>
+                </div>
+                <span>{{ item.graphCacheTotal }} cached items</span>
+              </div>
+              <div class="snapshot-graph-cache-stats">
+                <div
+                  *ngFor="let stat of item.graphCacheStats"
+                  class="snapshot-graph-cache-stat"
+                  [matTooltip]="stat.tooltip || ''"
+                  matTooltipPosition="above"
+                  tabindex="0">
+                  <div class="snapshot-graph-cache-stat-value">
+                    {{ stat.value }}
+                  </div>
+                  <div class="snapshot-history-stat-label">
+                    {{ stat.label }}
+                  </div>
+                </div>
+              </div>
+            </section>
           </div>
         </article>
       </div>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index 0a232fb24..ac8e0310d 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -589,6 +589,27 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
       gap: 6px;
     }
 
+    .snapshot-cache-status {
+      display: inline-flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 12px;
+      font-weight: 700;
+      color: colors.color(warn);
+      cursor: help;
+
+      &.snapshot-cache-status-cached {
+        color: colors.color(success);
+      }
+
+      .mat-icon {
+        width: 17px;
+        height: 17px;
+        font-size: 17px;
+        line-height: 17px;
+      }
+    }
+
     p {
       margin: 4px 0 0;
       font-size: 13px;
@@ -615,6 +636,12 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     padding-top: 6px;
   }
 
+  .snapshot-action-spinner {
+    display: inline-block;
+    margin-right: 8px;
+    vertical-align: middle;
+  }
+
   .snapshot-history-stats {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
@@ -649,6 +676,76 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     }
   }
 
+  .snapshot-graph-cache {
+    margin: 0 16px 16px;
+    overflow: hidden;
+    border: 1px solid colors.color(success);
+    border-radius: 5px;
+
+    .dark & {
+      background: color.mix(colors.color(dark), colors.color(success), 90%);
+    }
+
+    .light & {
+      background: color.mix(colors.color(light), colors.color(success), 92%);
+    }
+  }
+
+  .snapshot-graph-cache-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 8px 12px;
+    border-bottom: 1px solid colors.color(success);
+    font-size: 12px;
+    font-weight: 700;
+
+    > span {
+      font-weight: 600;
+
+      .dark & {
+        color: colors.on-color-deemphasis(dark);
+      }
+
+      .light & {
+        color: colors.on-color-deemphasis(light);
+      }
+    }
+  }
+
+  .snapshot-graph-cache-title {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    color: colors.color(success);
+
+    .mat-icon {
+      width: 18px;
+      height: 18px;
+      font-size: 18px;
+      line-height: 18px;
+    }
+  }
+
+  .snapshot-graph-cache-stats {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 12px;
+    padding: 10px 12px 12px;
+  }
+
+  .snapshot-graph-cache-stat {
+    min-width: 0;
+    text-align: center;
+  }
+
+  .snapshot-graph-cache-stat-value {
+    font-size: 20px;
+    font-weight: 800;
+    line-height: 26px;
+  }
+
   .modified-color {
     color: color.mix(colors.color(spark-yellow), colors.color(warn), 72%);
   }
@@ -1567,6 +1664,15 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
       text-align: left;
     }
 
+    .snapshot-graph-cache-header {
+      align-items: flex-start;
+      flex-direction: column;
+    }
+
+    .snapshot-graph-cache-stats {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
     .config-tpl {
       margin-top: 20px;
     }
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 0120281cd..0d8b18c31 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -9,7 +9,7 @@ import {
   createPaginatedResponse,
 } from 'src/app/testing/mocks/rest-api-connector.mock';
 import { ActivatedRoute, Router } from '@angular/router';
-import { of, throwError } from 'rxjs';
+import { of, Subject, throwError } from 'rxjs';
 import { MatDialog } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { BreadcrumbService } from 'src/app/services/helpers/breadcrumb.service';
@@ -59,6 +59,8 @@ describe('ReleaseTrackPageComponent', () => {
       previewRelease: vi.fn(() => createAsyncObservable({})),
       releaseLatest: vi.fn(() => createAsyncObservable({})),
       releaseSnapshot: vi.fn(() => createAsyncObservable({})),
+      createSnapshotGraph: vi.fn(() => createAsyncObservable({})),
+      deleteSnapshotGraph: vi.fn(() => createAsyncObservable(undefined)),
       getConfig: vi.fn(() => createAsyncObservable(null)),
       updateConfig: vi.fn(() => createAsyncObservable({})),
       updateComposition: vi.fn(() => createAsyncObservable({})),
@@ -680,12 +682,21 @@ describe('ReleaseTrackPageComponent', () => {
           {
             id: 'release-track--456',
             version: '1.3',
+            graph_manifest_id: 'release-track-graph-manifest--cached',
             tagged_at: '2024-04-15T06:30:00.000Z',
             modified: '2024-04-15T06:00:00.000Z',
             type: ReleaseTrackType.Virtual,
             name: 'Combined',
             members_count: 5,
             quarantine_count: 1,
+            graph_statistics: {
+              primary_count: 5,
+              secondary_count: 8,
+              relationship_count: 12,
+              supporting_count: 2,
+              link_target_count: 1,
+              total_count: 28,
+            },
           },
         ],
         pagination: { total: 2, limit: 50, offset: 0 },
@@ -705,6 +716,8 @@ describe('ReleaseTrackPageComponent', () => {
         modifiedCount: 1,
         totalObjects: 27,
         isTagged: false,
+        isBundleCached: false,
+        canCacheBundle: false,
         stats: [
           expect.objectContaining({ label: 'Added', value: '+2' }),
           expect.objectContaining({ label: 'Modified', value: 1 }),
@@ -722,6 +735,15 @@ describe('ReleaseTrackPageComponent', () => {
         totalObjects: 6,
         taggedAt: new Date('2024-04-15T06:30:00.000Z'),
         isTagged: true,
+        isBundleCached: true,
+        canCacheBundle: false,
+        graphCacheTotal: 28,
+        graphCacheStats: [
+          expect.objectContaining({ label: 'Primary', value: 5 }),
+          expect.objectContaining({ label: 'Secondary', value: 8 }),
+          expect.objectContaining({ label: 'Relationships', value: 12 }),
+          expect.objectContaining({ label: 'Dependencies', value: 3 }),
+        ],
         stats: [
           expect.objectContaining({ label: 'Members', value: 5 }),
           expect.objectContaining({ label: 'Quarantine', value: 1 }),
@@ -732,6 +754,155 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.hasCurrentDraftSnapshot).toBe(true);
   });
 
+  it('should explain cached, uncached, and draft bundle states', () => {
+    const cached = {
+      isTagged: true,
+      isBundleCached: true,
+    } as any;
+    const uncached = {
+      isTagged: true,
+      isBundleCached: false,
+    } as any;
+    const draft = {
+      isTagged: false,
+      isBundleCached: false,
+    } as any;
+
+    expect(component.getBundleCacheTooltip(cached)).toContain(
+      'repeated exports are deterministic'
+    );
+    expect(component.getBundleCacheTooltip(uncached)).toContain(
+      'not guaranteed to be deterministic'
+    );
+    expect(component.getBundleCacheTooltip(draft)).toContain(
+      'Tag this snapshot before caching it'
+    );
+  });
+
+  it('should cache a tagged snapshot and update its history state', () => {
+    const item = {
+      snapshot: {},
+      title: 'v1.0',
+      modified: '2026-07-23T13:37:28.000Z',
+      isTagged: true,
+      isBundleCached: false,
+      canCacheBundle: true,
+      stats: [],
+    } as any;
+    mockReleaseTrackApiConnector.createSnapshotGraph.mockReturnValue(
+      of({
+        modified: item.modified,
+        version: '1.0',
+        graph_manifest_id: 'release-track-graph-manifest--cached',
+      })
+    );
+    component.id = 'release-track--123';
+
+    component.onCacheSnapshotBundle(item);
+
+    expect(
+      mockReleaseTrackApiConnector.createSnapshotGraph
+    ).toHaveBeenCalledWith('release-track--123', item.modified);
+    expect(item.snapshot.graph_manifest_id).toBe(
+      'release-track-graph-manifest--cached'
+    );
+    expect(item.isBundleCached).toBe(true);
+    expect(item.canCacheBundle).toBe(false);
+    expect(mockReleaseTrackApiConnector.listSnapshots).toHaveBeenCalledWith(
+      'release-track--123'
+    );
+    expect(mockSnackbar.open).toHaveBeenCalledWith(
+      'Bundle cached. Member-only bundle exports are now deterministic.',
+      null,
+      expect.objectContaining({ duration: 5000 })
+    );
+    expect(component.isCachingSnapshot(item)).toBe(false);
+  });
+
+  it('should expose cache materialization as in progress until it completes', () => {
+    const graphResult = new Subject<any>();
+    const item = {
+      snapshot: {},
+      title: 'v1.0',
+      modified: '2026-07-23T13:37:28.000Z',
+      isTagged: true,
+      isBundleCached: false,
+      canCacheBundle: true,
+      stats: [],
+    } as any;
+    mockReleaseTrackApiConnector.createSnapshotGraph.mockReturnValue(
+      graphResult
+    );
+    component.id = 'release-track--123';
+
+    component.onCacheSnapshotBundle(item);
+
+    expect(component.isCachingSnapshot(item)).toBe(true);
+
+    graphResult.next({
+      modified: item.modified,
+      version: '1.0',
+      graph_manifest_id: 'release-track-graph-manifest--cached',
+    });
+    graphResult.complete();
+
+    expect(component.isCachingSnapshot(item)).toBe(false);
+  });
+
+  it('should delete a cached snapshot graph after confirmation', () => {
+    const item = {
+      snapshot: {
+        graph_manifest_id: 'release-track-graph-manifest--cached',
+        graph_statistics: { total_count: 28 },
+      },
+      title: 'v1.0',
+      modified: '2026-07-23T13:37:28.000Z',
+      isTagged: true,
+      isBundleCached: true,
+      canCacheBundle: false,
+      graphCacheStats: [{ label: 'Primary', value: 5 }],
+      graphCacheTotal: 28,
+      stats: [],
+    } as any;
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of(true),
+    });
+    mockReleaseTrackApiConnector.deleteSnapshotGraph.mockReturnValue(
+      of(undefined)
+    );
+    component.id = 'release-track--123';
+
+    component.onDeleteSnapshotCache(item);
+
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      ConfirmationDialogComponent,
+      expect.objectContaining({
+        data: expect.objectContaining({
+          title: 'Delete bundle cache?',
+          confirm_color: 'warn',
+        }),
+      })
+    );
+    expect(
+      mockReleaseTrackApiConnector.deleteSnapshotGraph
+    ).toHaveBeenCalledWith('release-track--123', item.modified);
+    expect(item.snapshot.graph_manifest_id).toBeUndefined();
+    expect(item.snapshot.graph_statistics).toBeUndefined();
+    expect(item.isBundleCached).toBe(false);
+    expect(item.canCacheBundle).toBe(true);
+    expect(item.graphCacheStats).toEqual([]);
+    expect(item.graphCacheTotal).toBe(0);
+    expect(mockReleaseTrackApiConnector.listSnapshots).toHaveBeenCalledWith(
+      'release-track--123'
+    );
+    expect(mockSnackbar.open).toHaveBeenCalledWith(
+      'Bundle cache deleted. Member-only bundle exports are no longer guaranteed to be deterministic.',
+      null,
+      expect.objectContaining({ duration: 5000 })
+    );
+    expect(component.isDeletingSnapshotCache(item)).toBe(false);
+  });
+
   it('should use latest snapshot summary counts for the latest history row', () => {
     component.releaseTrack = {
       modified: new Date('2024-05-21T07:00:00.000Z'),
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 1956cf29b..ad635edba 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -83,7 +83,11 @@ interface SnapshotHistoryViewModel {
   isTagged: boolean;
   isLatest: boolean;
   isCurrentDraft: boolean;
+  isBundleCached: boolean;
+  canCacheBundle: boolean;
   stats: SnapshotHistoryStat[];
+  graphCacheStats: SnapshotHistoryStat[];
+  graphCacheTotal: number;
   addedCount: number;
   modifiedCount: number;
   totalObjects: number;
@@ -93,6 +97,7 @@ interface SnapshotHistoryStat {
   label: string;
   value: string | number;
   modifier?: string;
+  tooltip?: string;
 }
 
 interface ReleaseTrackConfigFormValue {
@@ -193,6 +198,8 @@ export class ReleaseTrackPageComponent implements OnInit {
   public virtualComponentTrackOptions: VirtualComponentTrackOption[] = [];
   public virtualConfigComponentTracks: any[] = [];
   private createdDraftSnapshot: ReleaseTrackSnapshotHistoryItem | null = null;
+  private cachingSnapshotModified = new Set<string>();
+  private deletingSnapshotCacheModified = new Set<string>();
 
   public candidacyOptions = Object.values(WorkflowStatus);
   public memberSyncStrategyOptions = Object.values(MemberSyncStrategy);
@@ -1796,6 +1803,140 @@ export class ReleaseTrackPageComponent implements OnInit {
       });
   }
 
+  public isCachingSnapshot(item: SnapshotHistoryViewModel): boolean {
+    return !!item.modified && this.cachingSnapshotModified.has(item.modified);
+  }
+
+  public isDeletingSnapshotCache(item: SnapshotHistoryViewModel): boolean {
+    return (
+      !!item.modified && this.deletingSnapshotCacheModified.has(item.modified)
+    );
+  }
+
+  public getBundleCacheTooltip(item: SnapshotHistoryViewModel): string {
+    if (item.isBundleCached) {
+      return 'Member-only bundle exports use exact object and relationship revisions, so repeated exports are deterministic. Candidate and staged content remains live.';
+    }
+    if (!item.isTagged) {
+      return 'Draft snapshots cannot be cached. Tag this snapshot before caching it for deterministic member-only bundle exports.';
+    }
+    return 'Member-only bundle exports are not guaranteed to be deterministic until this snapshot is cached.';
+  }
+
+  public onCacheSnapshotBundle(item: SnapshotHistoryViewModel): void {
+    if (
+      !this.id ||
+      !item.modified ||
+      !item.isTagged ||
+      item.isBundleCached ||
+      !this.canEditReleaseTrack ||
+      this.isCachingSnapshot(item)
+    ) {
+      return;
+    }
+
+    const modified = item.modified;
+    this.cachingSnapshotModified.add(modified);
+    this.connector
+      .createSnapshotGraph(this.id, modified)
+      .pipe(
+        take(1),
+        finalize(() => {
+          this.cachingSnapshotModified.delete(modified);
+        })
+      )
+      .subscribe({
+        next: snapshot => {
+          item.snapshot = { ...item.snapshot, ...snapshot };
+          item.isBundleCached = !!snapshot.graph_manifest_id;
+          item.canCacheBundle = item.isTagged && !item.isBundleCached;
+          this.getSnapshotHistory();
+          this.snackbar.open(
+            'Bundle cached. Member-only bundle exports are now deterministic.',
+            null,
+            { duration: 5000 }
+          );
+        },
+        error: err => {
+          console.error('Failed to cache snapshot bundle graph', err);
+          this.snackbar.open(
+            'Unable to cache this snapshot. Please try again.',
+            null,
+            { duration: 5000, panelClass: 'error' }
+          );
+        },
+      });
+  }
+
+  public onDeleteSnapshotCache(item: SnapshotHistoryViewModel): void {
+    if (
+      !this.id ||
+      !item.modified ||
+      !item.isBundleCached ||
+      !this.canEditReleaseTrack ||
+      this.isCachingSnapshot(item) ||
+      this.isDeletingSnapshotCache(item)
+    ) {
+      return;
+    }
+
+    const modified = item.modified;
+    const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
+      width: '30em',
+      autoFocus: false,
+      data: {
+        title: 'Delete bundle cache?',
+        message: `Delete the bundle cache for ${item.title}? Member-only bundle exports will no longer be guaranteed to be deterministic until the cache is rebuilt.`,
+        no_label: 'Cancel',
+        yes_label: 'Delete Cache',
+        confirm_color: 'warn',
+        confirm_appearance: 'raised',
+        layout: 'simple',
+      },
+    });
+
+    dialogRef
+      .afterClosed()
+      .pipe(take(1))
+      .subscribe(confirmed => {
+        if (!confirmed || !this.id) return;
+
+        this.deletingSnapshotCacheModified.add(modified);
+        this.connector
+          .deleteSnapshotGraph(this.id, modified)
+          .pipe(
+            take(1),
+            finalize(() => {
+              this.deletingSnapshotCacheModified.delete(modified);
+            })
+          )
+          .subscribe({
+            next: () => {
+              delete item.snapshot.graph_manifest_id;
+              delete item.snapshot.graph_statistics;
+              item.isBundleCached = false;
+              item.canCacheBundle = item.isTagged;
+              item.graphCacheStats = [];
+              item.graphCacheTotal = 0;
+              this.getSnapshotHistory();
+              this.snackbar.open(
+                'Bundle cache deleted. Member-only bundle exports are no longer guaranteed to be deterministic.',
+                null,
+                { duration: 5000 }
+              );
+            },
+            error: err => {
+              console.error('Failed to delete snapshot bundle graph', err);
+              this.snackbar.open(
+                'Unable to delete this bundle cache. Please try again.',
+                null,
+                { duration: 5000, panelClass: 'error' }
+              );
+            },
+          });
+      });
+  }
+
   private downloadSnapshot(
     item: SnapshotHistoryViewModel,
     modified: string,
@@ -2500,6 +2641,7 @@ export class ReleaseTrackPageComponent implements OnInit {
     return sorted.map((snapshot, index) => {
       const previousSnapshot = sorted[index + 1];
       const isTagged = this.isTaggedSnapshot(snapshot);
+      const isBundleCached = !!snapshot.graph_manifest_id;
       const isLatest = snapshot === latestSnapshot;
       const currentMembers = this.getSnapshotMembers(snapshot);
       const previousMembers = previousSnapshot
@@ -2529,7 +2671,11 @@ export class ReleaseTrackPageComponent implements OnInit {
         isTagged,
         isLatest,
         isCurrentDraft: !isTagged && isLatest,
+        isBundleCached,
+        canCacheBundle: isTagged && !isBundleCached,
         stats: this.getSnapshotStats(snapshot, addedCount, modifiedCount),
+        graphCacheStats: this.getGraphCacheStats(snapshot),
+        graphCacheTotal: snapshot.graph_statistics?.total_count ?? 0,
         addedCount,
         modifiedCount,
         totalObjects,
@@ -2656,6 +2802,37 @@ export class ReleaseTrackPageComponent implements OnInit {
     ];
   }
 
+  private getGraphCacheStats(
+    snapshot: ReleaseTrackSnapshotHistoryItem
+  ): SnapshotHistoryStat[] {
+    const statistics = snapshot.graph_statistics;
+    if (!snapshot.graph_manifest_id || !statistics) return [];
+
+    return [
+      {
+        label: 'Primary',
+        value: statistics.primary_count,
+        tooltip: 'Objects deliberately included as snapshot members.',
+      },
+      {
+        label: 'Secondary',
+        value: statistics.secondary_count,
+        tooltip: 'Related objects pulled in while resolving the member graph.',
+      },
+      {
+        label: 'Relationships',
+        value: statistics.relationship_count,
+        tooltip: 'Connections pinned between cached graph objects.',
+      },
+      {
+        label: 'Dependencies',
+        value: statistics.supporting_count + statistics.link_target_count,
+        tooltip:
+          'Supporting identities, markings, and LinkById targets used by the cache.',
+      },
+    ];
+  }
+
   private getSnapshotType(
     snapshot: ReleaseTrackSnapshotHistoryItem
   ): ReleaseTrackType | null {

From 115ad0147ccb5d2fa6922bf3e8e8c401393c2b31 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Mon, 3 Aug 2026 23:19:34 -0400
Subject: [PATCH 178/190] feat(release-tracks): expand snapshot export options

Let users download historical snapshots as STIX bundles or Workbench JSON. Add a clipboard action for concise snapshot metadata, tier counts, and graph cache statistics.
---
 .../release-track-page.component.html         |   3 +-
 .../release-track-page.component.spec.ts      | 126 +++++++++++++++++
 .../release-track-page.component.ts           | 128 +++++++++++++++---
 3 files changed, 234 insertions(+), 23 deletions(-)

diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index dedee6f01..ec25d3314 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -756,9 +756,10 @@ <h3 [class.promote-color]="item.isTagged">
                 <button
                   mat-stroked-button
                   [disabled]="!item.modified"
+                  matTooltip="Download this snapshot as a STIX bundle or Workbench JSON, or copy its summary."
                   (click)="onExportSnapshot(item)">
                   <mat-icon>cloud_download</mat-icon>
-                  Export
+                  Export&hellip;
                 </button>
               </div>
             </div>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 0d8b18c31..eaf29b496 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -1,4 +1,5 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { Clipboard } from '@angular/cdk/clipboard';
 
 import { ReleaseTrackPageComponent } from './release-track-page.component';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
@@ -41,6 +42,7 @@ describe('ReleaseTrackPageComponent', () => {
   let mockRouter: any;
   let mockAuthenticationService: any;
   let mockSnackbar: any;
+  let mockClipboard: any;
 
   beforeEach(async () => {
     mockReleaseTrackApiConnector = createMockReleaseTrackApiConnector({
@@ -75,6 +77,9 @@ describe('ReleaseTrackPageComponent', () => {
     mockSnackbar = {
       open: vi.fn(),
     };
+    mockClipboard = {
+      copy: vi.fn(() => true),
+    };
     mockRestApiConnector = {
       getAllObjects: vi.fn(() => of(createPaginatedResponse([]))),
       triggerBrowserDownload: vi.fn(),
@@ -113,6 +118,10 @@ describe('ReleaseTrackPageComponent', () => {
           provide: MatSnackBar,
           useValue: mockSnackbar,
         },
+        {
+          provide: Clipboard,
+          useValue: mockClipboard,
+        },
         {
           provide: BreadcrumbService,
           useValue: mockBreadcrumbService,
@@ -448,6 +457,123 @@ describe('ReleaseTrackPageComponent', () => {
     );
   });
 
+  it('should copy a concise snapshot summary without requesting an export', () => {
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('copy-summary'),
+    });
+    component.id = 'release-track--123';
+    component.releaseTrack = {
+      name: 'Enterprise Release',
+      type: ReleaseTrackType.Standard,
+    } as any;
+
+    component.onExportSnapshot({
+      snapshot: {
+        id: 'release-track--123',
+        name: 'Enterprise Release',
+        modified: '2024-04-15T06:00:00.000Z',
+        type: ReleaseTrackType.Standard,
+        version: '1.3',
+        members_count: 120,
+        staged_count: 4,
+        candidates_count: 9,
+        graph_manifest_id: 'release-track-graph-manifest--cached',
+        graph_statistics: {
+          primary_count: 120,
+          secondary_count: 18,
+          relationship_count: 42,
+          supporting_count: 3,
+          link_target_count: 2,
+          total_count: 185,
+        },
+      },
+      title: 'v1.3',
+      created: new Date('2024-04-15T06:00:00.000Z'),
+      modified: '2024-04-15T06:00:00.000Z',
+      taggedAt: new Date('2024-04-15T06:30:00.000Z'),
+      isTagged: true,
+      isLatest: false,
+      isBundleCached: true,
+      stats: [],
+      graphCacheStats: [],
+      graphCacheTotal: 185,
+      addedCount: 0,
+      modifiedCount: 0,
+      totalObjects: 120,
+    } as any);
+
+    const choices = mockDialog.open.mock.calls[0][1].data.choices;
+    expect(choices.map((choice: any) => choice.value)).toEqual([
+      'bundle',
+      'workbench',
+      'copy-summary',
+    ]);
+    expect(
+      mockReleaseTrackApiConnector.exportSnapshotByModified
+    ).not.toHaveBeenCalled();
+    expect(mockClipboard.copy).toHaveBeenCalledOnce();
+    expect(JSON.parse(mockClipboard.copy.mock.calls[0][0])).toEqual({
+      id: 'release-track--123',
+      name: 'Enterprise Release',
+      type: 'standard',
+      version: '1.3',
+      modified: '2024-04-15T06:00:00.000Z',
+      tagged: true,
+      latest: false,
+      counts: {
+        members: 120,
+        staged: 4,
+        candidates: 9,
+      },
+      graph_cache: {
+        cached: true,
+        manifest_id: 'release-track-graph-manifest--cached',
+        statistics: {
+          primary_count: 120,
+          secondary_count: 18,
+          relationship_count: 42,
+          supporting_count: 3,
+          link_target_count: 2,
+          total_count: 185,
+        },
+      },
+    });
+    expect(mockSnackbar.open).toHaveBeenCalledWith(
+      'Snapshot summary copied to the clipboard.',
+      null,
+      { duration: 3000 }
+    );
+  });
+
+  it('should report when a snapshot summary cannot be copied', () => {
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('copy-summary'),
+    });
+    mockClipboard.copy.mockReturnValue(false);
+    component.id = 'release-track--123';
+
+    component.onExportSnapshot({
+      snapshot: {
+        modified: '2024-05-21T07:00:00.000Z',
+        type: ReleaseTrackType.Virtual,
+        version: null,
+        members_count: 8,
+        quarantine_count: 2,
+      },
+      title: 'Draft Snapshot',
+      modified: '2024-05-21T07:00:00.000Z',
+      isTagged: false,
+      isLatest: true,
+      isBundleCached: false,
+    } as any);
+
+    expect(mockSnackbar.open).toHaveBeenCalledWith(
+      'Unable to copy the snapshot summary.',
+      null,
+      { duration: 5000, panelClass: 'error' }
+    );
+  });
+
   it('should load the latest release track with the snapshot model response', () => {
     mockReleaseTrackApiConnector.getLatestSnapshot.mockReturnValue(
       of({ name: 'Enterprise Release' })
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index ad635edba..e41ec1c3f 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -1,3 +1,4 @@
+import { Clipboard } from '@angular/cdk/clipboard';
 import { SelectionModel } from '@angular/cdk/collections';
 import { Component, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
@@ -57,6 +58,7 @@ import { ALL_OBJECTS_STIX_LIST_CONFIG } from 'src/app/views/stix/all-objects-pag
 import { StixDialogComponent } from 'src/app/views/stix/stix-dialog/stix-dialog.component';
 
 type ReleaseTrackLaneType = 'candidate' | 'staged' | 'member';
+type SnapshotExportChoice = ExportFormatType | 'copy-summary';
 
 interface ReleaseTrackWorkspaceLane {
   key: string;
@@ -229,6 +231,7 @@ export class ReleaseTrackPageComponent implements OnInit {
     private snackbar: MatSnackBar,
     private restApiConnectorService: RestApiConnectorService,
     private authenticationService: AuthenticationService,
+    private clipboard: Clipboard,
     private fb: FormBuilder
   ) {
     this.configForm = this.fb.group({
@@ -1463,33 +1466,52 @@ export class ReleaseTrackPageComponent implements OnInit {
     this.openExportFormatDialog('Export latest release snapshot')
       .pipe(take(1))
       .subscribe(format => {
-        if (!format) return;
+        if (!format || format === 'copy-summary') return;
         this.downloadLatestReleaseTrack(format);
       });
   }
 
   private openExportFormatDialog(
-    title: string
-  ): Observable<ExportFormatType | null> {
+    title: string,
+    includeSummary = false
+  ): Observable<SnapshotExportChoice | null> {
+    const choices: {
+      label: string;
+      value: SnapshotExportChoice;
+      description: string;
+    }[] = [
+      {
+        label: 'Bundle',
+        value: ExportFormat.Bundle,
+        description:
+          'Download a standard STIX 2.1 JSON bundle for publication or interchange.',
+      },
+      {
+        label: 'Workbench',
+        value: ExportFormat.Workbench,
+        description:
+          'Download the snapshot with workflow tiers, metadata, and other Workbench-specific data.',
+      },
+    ];
+
+    if (includeSummary) {
+      choices.push({
+        label: 'Copy summary',
+        value: 'copy-summary',
+        description:
+          'Copy lightweight snapshot metadata, object counts, and graph-cache statistics to the clipboard.',
+      });
+    }
+
     const formatRef = this.dialog.open(MultipleChoiceDialogComponent, {
       width: '30em',
       autoFocus: false,
       data: {
         title,
-        choices: [
-          {
-            label: 'Bundle',
-            value: ExportFormat.Bundle,
-            description:
-              'A standard STIX 2.1 JSON bundle containing all member objects of the release.',
-          },
-          {
-            label: 'Workbench',
-            value: ExportFormat.Workbench,
-            description:
-              'A richer format including workflow statuses, metadata, and other Workbench-specific data.',
-          },
-        ],
+        description: includeSummary
+          ? 'Choose a downloadable snapshot format or copy its concise history summary.'
+          : 'Choose a downloadable snapshot format.',
+        choices,
       },
     });
 
@@ -1497,7 +1519,9 @@ export class ReleaseTrackPageComponent implements OnInit {
       .afterClosed()
       .pipe(
         map(format =>
-          format === ExportFormat.Bundle || format === ExportFormat.Workbench
+          format === ExportFormat.Bundle ||
+          format === ExportFormat.Workbench ||
+          (includeSummary && format === 'copy-summary')
             ? format
             : null
         )
@@ -1795,14 +1819,74 @@ export class ReleaseTrackPageComponent implements OnInit {
     if (!this.id || !item.modified) return;
     const modified = item.modified;
 
-    this.openExportFormatDialog('Export release track snapshot')
+    this.openExportFormatDialog('Export release track snapshot', true)
       .pipe(take(1))
-      .subscribe(format => {
-        if (!format) return;
-        this.downloadSnapshot(item, modified, format);
+      .subscribe(choice => {
+        if (!choice) return;
+        if (choice === 'copy-summary') {
+          this.copySnapshotSummary(item);
+          return;
+        }
+        this.downloadSnapshot(item, modified, choice);
       });
   }
 
+  private copySnapshotSummary(item: SnapshotHistoryViewModel): void {
+    const copied = this.clipboard.copy(
+      JSON.stringify(this.getSnapshotClipboardSummary(item), null, 2)
+    );
+
+    this.snackbar.open(
+      copied
+        ? 'Snapshot summary copied to the clipboard.'
+        : 'Unable to copy the snapshot summary.',
+      null,
+      copied ? { duration: 3000 } : { duration: 5000, panelClass: 'error' }
+    );
+  }
+
+  private getSnapshotClipboardSummary(
+    item: SnapshotHistoryViewModel
+  ): Record<string, any> {
+    const snapshot = item.snapshot;
+    const type = this.getSnapshotType(snapshot);
+    const counts =
+      type === ReleaseTrackType.Virtual
+        ? {
+            members: this.getSnapshotCount(snapshot, 'members_count') ?? 0,
+            quarantine:
+              this.getSnapshotCount(
+                snapshot,
+                'quarantine_count',
+                'quarantined_count'
+              ) ?? 0,
+          }
+        : {
+            members: this.getSnapshotCount(snapshot, 'members_count') ?? 0,
+            staged: this.getSnapshotCount(snapshot, 'staged_count') ?? 0,
+            candidates:
+              this.getSnapshotCount(snapshot, 'candidates_count') ?? 0,
+          };
+
+    return {
+      id: snapshot.id || this.id,
+      name: snapshot.name || this.releaseTrackName,
+      type,
+      version: snapshot.version ?? null,
+      modified: item.modified,
+      tagged: item.isTagged,
+      latest: item.isLatest,
+      counts,
+      graph_cache: item.isBundleCached
+        ? {
+            cached: true,
+            manifest_id: snapshot.graph_manifest_id,
+            statistics: snapshot.graph_statistics,
+          }
+        : { cached: false },
+    };
+  }
+
   public isCachingSnapshot(item: SnapshotHistoryViewModel): boolean {
     return !!item.modified && this.cachingSnapshotModified.has(item.modified);
   }

From 487a3722488fe3d565fc86afc803378b0c2a8c53 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Tue, 4 Aug 2026 12:29:37 -0400
Subject: [PATCH 179/190] feat(release-tracks): add snapshot note editing

Collect snapshot notes during creation and release workflows. Show editable notes on snapshot history cards and include them in copied summaries.
---
 src/app/app.module.ts                         |   2 +
 src/app/classes/release-tracks/api.ts         |   7 +-
 .../classes/release-tracks/snapshot.spec.ts   |  16 +++
 src/app/classes/release-tracks/snapshot.ts    |   5 +
 .../new-track-dialog.component.html           |  17 +++
 .../new-track-dialog.component.spec.ts        |   2 +
 .../new-track-dialog.component.ts             |   8 ++
 .../release-preview-dialog.component.html     |  18 +++
 .../release-preview-dialog.component.scss     |  10 ++
 .../release-preview-dialog.component.spec.ts  |  22 ++-
 .../release-preview-dialog.component.ts       |  17 ++-
 ...snapshot-description-dialog.component.html |  33 +++++
 ...snapshot-description-dialog.component.scss |  16 +++
 ...pshot-description-dialog.component.spec.ts |  61 ++++++++
 .../snapshot-description-dialog.component.ts  |  40 ++++++
 .../rest-api/release-tracks.service.spec.ts   |  22 ++-
 .../rest-api/release-tracks.service.ts        |  21 +++
 .../release-track-page.component.html         |  33 +++++
 .../release-track-page.component.scss         |  24 ++++
 .../release-track-page.component.spec.ts      |  80 +++++++++--
 .../release-track-page.component.ts           | 135 +++++++++++++++---
 21 files changed, 546 insertions(+), 43 deletions(-)
 create mode 100644 src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.html
 create mode 100644 src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.scss
 create mode 100644 src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.spec.ts
 create mode 100644 src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index b298f37a9..3127f2d28 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -76,6 +76,7 @@ import { MultipleChoiceDialogComponent } from './components/multiple-choice-dial
 import { NavigationComponent } from './components/navigation/navigation.component';
 import { ReferenceEditDialogComponent } from './components/reference-edit-dialog/reference-edit-dialog.component';
 import { ReleasePreviewDialogComponent } from './components/release-preview-dialog/release-preview-dialog.component';
+import { SnapshotDescriptionDialogComponent } from './components/snapshot-description-dialog/snapshot-description-dialog.component';
 import { HistoryTimelineComponent } from './components/stix/stix-page-tabs/history-timeline/history-timeline.component';
 import { MembershipSectionComponent } from './components/stix/stix-page-tabs/membership-section/membership-section.component';
 import { ReferenceSidebarComponent } from './components/resources-drawer/reference-sidebar/reference-sidebar.component';
@@ -271,6 +272,7 @@ export function initConfig(appConfigService: AppConfigService) {
     ReferenceSidebarComponent,
     ReferenceEditDialogComponent,
     ReleasePreviewDialogComponent,
+    SnapshotDescriptionDialogComponent,
     MultipleChoiceDialogComponent,
     ValidationResultsComponent,
     AddRelationshipButtonComponent,
diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index 007cd39f7..8765c1499 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -13,6 +13,7 @@ export type StixObjectRef = string | { id: string; modified?: string };
 export interface CreateReleaseTrackPayload {
   name: string;
   description?: string;
+  snapshot_description?: string;
   external_references?: any[];
   object_marking_refs?: string[];
   type?: ReleaseTrackType;
@@ -38,10 +39,11 @@ export interface UpdateContentsPayload {
   x_mitre_contents: string[];
 }
 
-export type ReleasePayload =
+export type ReleasePayload = (
   | { increment: 'major' | 'minor'; version?: never }
   | { increment?: never; version: string }
-  | { increment?: undefined; version?: undefined };
+  | { increment?: undefined; version?: undefined }
+) & { description?: string };
 
 export interface ClonePayload {
   name?: string;
@@ -142,6 +144,7 @@ export interface ReleaseTrackSnapshotHistoryItem {
   version?: string | null;
   graph_manifest_id?: string;
   graph_statistics?: SnapshotGraphStatistics;
+  snapshot_description?: string;
   type?: ReleaseTrackType;
   name?: string;
   description?: string;
diff --git a/src/app/classes/release-tracks/snapshot.spec.ts b/src/app/classes/release-tracks/snapshot.spec.ts
index 75b27de0d..ffa548722 100644
--- a/src/app/classes/release-tracks/snapshot.spec.ts
+++ b/src/app/classes/release-tracks/snapshot.spec.ts
@@ -1,6 +1,22 @@
 import { ReleaseTrackSnapshot } from './snapshot';
 
 describe('ReleaseTrackSnapshot', () => {
+  it('should preserve snapshot-local notes separately from track metadata', () => {
+    const snapshot = new ReleaseTrackSnapshot({
+      description: 'Long-lived track purpose',
+      snapshot_description: 'Context for this release',
+    });
+
+    expect(snapshot.description).toBe('Long-lived track purpose');
+    expect(snapshot.snapshot_description).toBe('Context for this release');
+    expect(snapshot.serialize()).toEqual(
+      expect.objectContaining({
+        description: 'Long-lived track purpose',
+        snapshot_description: 'Context for this release',
+      })
+    );
+  });
+
   it('should preserve candidate and staged display fields', () => {
     const snapshot = new ReleaseTrackSnapshot({
       candidates: [
diff --git a/src/app/classes/release-tracks/snapshot.ts b/src/app/classes/release-tracks/snapshot.ts
index 6f9ee3615..8af8a6bb3 100644
--- a/src/app/classes/release-tracks/snapshot.ts
+++ b/src/app/classes/release-tracks/snapshot.ts
@@ -18,6 +18,7 @@ export class ReleaseTrackSnapshot {
   public version?: string | null;
   public name = '';
   public description?: string;
+  public snapshot_description?: string;
   public created: Date = new Date();
   public created_by_ref?: string;
   public object_marking_refs?: string[];
@@ -91,6 +92,8 @@ export class ReleaseTrackSnapshot {
     if ('version' in raw) this.version = raw.version;
     if ('name' in raw) this.name = raw.name;
     if ('description' in raw) this.description = raw.description;
+    if ('snapshot_description' in raw)
+      this.snapshot_description = raw.snapshot_description;
     if ('created' in raw) this.created = new Date(raw.created);
     if ('created_by_ref' in raw) this.created_by_ref = raw.created_by_ref;
     if ('object_marking_refs' in raw && Array.isArray(raw.object_marking_refs))
@@ -190,6 +193,7 @@ export class ReleaseTrackSnapshot {
       version: this.version,
       name: this.name,
       description: this.description,
+      snapshot_description: this.snapshot_description,
       created: this.created ? this.created.toISOString() : undefined,
       created_by_ref: this.created_by_ref,
       object_marking_refs: this.object_marking_refs,
@@ -301,6 +305,7 @@ export class ReleaseTrackSnapshot {
       type: this.type,
       version: this.version,
       modified: this.modified,
+      snapshot_description: this.snapshot_description,
       counts: {
         members: this.memberCount,
         staged: this.stagedCount,
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.html b/src/app/components/new-track-dialog/new-track-dialog.component.html
index dcaf1221a..dffa0b1ae 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.html
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.html
@@ -26,6 +26,23 @@ <h2>
         placeholder="A brief description of the track's purpose..."></textarea>
     </mat-form-field>
 
+    <mat-form-field appearance="outline">
+      <mat-label>Initial snapshot notes</mat-label>
+      <textarea
+        matInput
+        id="snapshot-description"
+        formControlName="snapshotDescription"
+        maxlength="4000"
+        rows="3"
+        placeholder="What should analysts know about this initial snapshot?"></textarea>
+      <mat-hint align="start">
+        Shown only on the initial snapshot in release history
+      </mat-hint>
+      <mat-hint align="end">
+        {{ form.get('snapshotDescription')?.value?.length || 0 }}/4000
+      </mat-hint>
+    </mat-form-field>
+
     <mat-divider></mat-divider>
 
     <!-- Standard track -->
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts b/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts
index 75e07ba16..e1367cd46 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.spec.ts
@@ -236,6 +236,7 @@ describe('NewTrackDialogComponent', () => {
     component.form.patchValue({
       name: 'Enterprise Content',
       description: 'Tracks Enterprise content',
+      snapshotDescription: 'Initial analyst context',
       memberSync: 'track_latest',
       supplantBehavior: 'replace',
     });
@@ -246,6 +247,7 @@ describe('NewTrackDialogComponent', () => {
       type: ReleaseTrackType.Standard,
       name: 'Enterprise Content',
       description: 'Tracks Enterprise content',
+      snapshot_description: 'Initial analyst context',
       config: {
         auto_promote: false,
         member_sync: {
diff --git a/src/app/components/new-track-dialog/new-track-dialog.component.ts b/src/app/components/new-track-dialog/new-track-dialog.component.ts
index 393ee23b6..2ac160984 100644
--- a/src/app/components/new-track-dialog/new-track-dialog.component.ts
+++ b/src/app/components/new-track-dialog/new-track-dialog.component.ts
@@ -80,6 +80,7 @@ export class NewTrackDialogComponent implements OnInit {
     this.form = this.fb.group({
       name: ['', [Validators.required]],
       description: [''],
+      snapshotDescription: ['', [Validators.maxLength(4000)]],
       autoPromote: [false],
       candidacyThreshold: [{ value: WorkflowStatus.Reviewed, disabled: true }],
       memberSync: [MemberSyncStrategy.TrackLatest],
@@ -189,6 +190,9 @@ export class NewTrackDialogComponent implements OnInit {
     if (!this.isFormValid() || this.loading) return;
 
     let payload: any;
+    const snapshotDescription = String(
+      this.form.get('snapshotDescription')?.value || ''
+    ).trim();
     if (this.isVirtual) {
       payload = {
         name: this.form.get('name')?.value,
@@ -220,6 +224,10 @@ export class NewTrackDialogComponent implements OnInit {
       }
     }
 
+    if (snapshotDescription) {
+      payload.snapshot_description = snapshotDescription;
+    }
+
     this.loading = true;
     this.connector
       .createReleaseTrack(payload)
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.html b/src/app/components/release-preview-dialog/release-preview-dialog.component.html
index c12fa9a60..9b20f969a 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.html
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.html
@@ -72,6 +72,24 @@ <h2 id="release-preview-dialog-title">
           <span>Quarantined objects</span>
         </article>
       </section>
+
+      <mat-form-field
+        appearance="outline"
+        class="release-snapshot-description-field">
+        <mat-label>Release notes</mat-label>
+        <textarea
+          matInput
+          [(ngModel)]="snapshotDescription"
+          [maxlength]="snapshotDescriptionMaxLength"
+          rows="4"
+          placeholder="Summarize this release for analysts viewing its history."></textarea>
+        <mat-hint align="start">
+          Shown on this snapshot in release history
+        </mat-hint>
+        <mat-hint align="end">
+          {{ snapshotDescription.length }}/{{ snapshotDescriptionMaxLength }}
+        </mat-hint>
+      </mat-form-field>
     </mat-tab>
 
     <mat-tab>
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.scss b/src/app/components/release-preview-dialog/release-preview-dialog.component.scss
index fd4ae570a..2796dd2d8 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.scss
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.scss
@@ -112,6 +112,16 @@
     margin: 28px auto;
   }
 
+  .release-snapshot-description-field {
+    display: block;
+    width: min(760px, calc(100% - 48px));
+    margin: 0 auto 28px;
+
+    textarea {
+      resize: vertical;
+    }
+  }
+
   .release-stat {
     display: flex;
     min-height: 132px;
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
index 82fdf5f6e..537f96ef5 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
@@ -1,8 +1,11 @@
 import { CommonModule } from '@angular/common';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
 import { MatTabsModule } from '@angular/material/tabs';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { vi } from 'vitest';
@@ -60,8 +63,11 @@ describe('ReleasePreviewDialogComponent', () => {
       declarations: [ReleasePreviewDialogComponent],
       imports: [
         CommonModule,
+        FormsModule,
         MatButtonModule,
+        MatFormFieldModule,
         MatIconModule,
+        MatInputModule,
         MatTabsModule,
         NoopAnimationsModule,
       ],
@@ -119,11 +125,18 @@ describe('ReleasePreviewDialogComponent', () => {
   });
 
   it('should return the selected version bump when all bumps are valid', () => {
+    component.snapshotDescription = '  Analyst release context  ';
     component.tagVersion('minor');
-    expect(dialogRef.close).toHaveBeenCalledWith('minor');
+    expect(dialogRef.close).toHaveBeenCalledWith({
+      increment: 'minor',
+      description: 'Analyst release context',
+    });
 
     component.tagVersion('major');
-    expect(dialogRef.close).toHaveBeenCalledWith('major');
+    expect(dialogRef.close).toHaveBeenCalledWith({
+      increment: 'major',
+      description: 'Analyst release context',
+    });
   });
 
   it('should close without selecting a release version', () => {
@@ -166,7 +179,10 @@ describe('ReleasePreviewDialogComponent', () => {
     expect(component.hasInvalidVersionBumps).toBe(false);
     component.tagVersion('minor');
 
-    expect(dialogRef.close).toHaveBeenCalledWith('minor');
+    expect(dialogRef.close).toHaveBeenCalledWith({
+      increment: 'minor',
+      description: '',
+    });
   });
 
   it('should render the objects represented by the Included and Excluded counts', () => {
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
index 0eecdd36f..221cadd18 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
@@ -10,6 +10,11 @@ export interface ReleasePreviewDialogData {
   previewSummary?: any;
 }
 
+export interface ReleasePreviewSelection {
+  increment: 'minor' | 'major';
+  description: string;
+}
+
 interface ReleaseTrackObject {
   object_ref?: string;
   object_modified?: string;
@@ -38,10 +43,15 @@ export interface IncludedReleaseObject {
   standalone: false,
 })
 export class ReleasePreviewDialogComponent {
+  public readonly snapshotDescriptionMaxLength = 4000;
+  public snapshotDescription: string;
+
   constructor(
     public dialogRef: MatDialogRef<ReleasePreviewDialogComponent>,
     @Inject(MAT_DIALOG_DATA) public data: ReleasePreviewDialogData
-  ) {}
+  ) {
+    this.snapshotDescription = data.track?.snapshot_description || '';
+  }
 
   public get trackName(): string {
     return this.data.track?.name || 'Release Track';
@@ -187,7 +197,10 @@ export class ReleasePreviewDialogComponent {
       return;
     }
 
-    this.dialogRef.close(type);
+    this.dialogRef.close({
+      increment: type,
+      description: this.snapshotDescription.trim(),
+    } satisfies ReleasePreviewSelection);
   }
 
   public getObjectName(item: ReleaseTrackObject): string {
diff --git a/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.html b/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.html
new file mode 100644
index 000000000..1bb806200
--- /dev/null
+++ b/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.html
@@ -0,0 +1,33 @@
+<div class="snapshot-description-dialog">
+  <h2 mat-dialog-title>{{ data.title }}</h2>
+
+  <mat-dialog-content>
+    <p *ngIf="data.message" class="snapshot-description-dialog-message">
+      {{ data.message }}
+    </p>
+
+    <mat-form-field appearance="outline">
+      <mat-label>Snapshot notes</mat-label>
+      <textarea
+        matInput
+        [(ngModel)]="description"
+        [maxlength]="maxLength"
+        rows="7"
+        placeholder="Summarize the purpose, changes, or analyst context for this snapshot."></textarea>
+      <mat-hint align="start">Shown on this snapshot in history</mat-hint>
+      <mat-hint align="end">{{ description.length }}/{{ maxLength }}</mat-hint>
+    </mat-form-field>
+  </mat-dialog-content>
+
+  <mat-dialog-actions align="end">
+    <button mat-button type="button" (click)="cancel()">Cancel</button>
+    <button
+      mat-raised-button
+      type="button"
+      color="primary"
+      [disabled]="isInvalid"
+      (click)="save()">
+      {{ data.confirmLabel || 'Save notes' }}
+    </button>
+  </mat-dialog-actions>
+</div>
diff --git a/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.scss b/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.scss
new file mode 100644
index 000000000..9c6707db4
--- /dev/null
+++ b/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.scss
@@ -0,0 +1,16 @@
+.snapshot-description-dialog {
+  width: min(88vw, 560px);
+
+  .snapshot-description-dialog-message {
+    margin: 0 0 18px;
+    line-height: 1.5;
+  }
+
+  .mat-mdc-form-field {
+    width: 100%;
+  }
+
+  textarea {
+    resize: vertical;
+  }
+}
diff --git a/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.spec.ts b/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.spec.ts
new file mode 100644
index 000000000..3c1f0f6da
--- /dev/null
+++ b/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.spec.ts
@@ -0,0 +1,61 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { NO_ERRORS_SCHEMA } from '@angular/core';
+import { vi } from 'vitest';
+
+import { SnapshotDescriptionDialogComponent } from './snapshot-description-dialog.component';
+
+describe('SnapshotDescriptionDialogComponent', () => {
+  let component: SnapshotDescriptionDialogComponent;
+  let fixture: ComponentFixture<SnapshotDescriptionDialogComponent>;
+  let dialogRef: { close: ReturnType<typeof vi.fn> };
+
+  beforeEach(async () => {
+    dialogRef = { close: vi.fn() };
+    await TestBed.configureTestingModule({
+      declarations: [SnapshotDescriptionDialogComponent],
+      imports: [FormsModule],
+      providers: [
+        { provide: MatDialogRef, useValue: dialogRef },
+        {
+          provide: MAT_DIALOG_DATA,
+          useValue: {
+            title: 'Edit snapshot notes',
+            description: 'Existing context',
+          },
+        },
+      ],
+      schemas: [NO_ERRORS_SCHEMA],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(SnapshotDescriptionDialogComponent);
+    component = fixture.componentInstance;
+  });
+
+  it('should initialize with existing notes and save a trimmed value', () => {
+    expect(component.description).toBe('Existing context');
+    component.description = '  Updated context  ';
+
+    component.save();
+
+    expect(dialogRef.close).toHaveBeenCalledWith('Updated context');
+  });
+
+  it('should allow empty notes to clear an annotation', () => {
+    component.description = '   ';
+
+    component.save();
+
+    expect(dialogRef.close).toHaveBeenCalledWith('');
+  });
+
+  it('should reject notes over the API limit', () => {
+    component.description = 'x'.repeat(4001);
+
+    component.save();
+
+    expect(component.isInvalid).toBe(true);
+    expect(dialogRef.close).not.toHaveBeenCalled();
+  });
+});
diff --git a/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.ts b/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.ts
new file mode 100644
index 000000000..db46dab5e
--- /dev/null
+++ b/src/app/components/snapshot-description-dialog/snapshot-description-dialog.component.ts
@@ -0,0 +1,40 @@
+import { Component, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+
+export interface SnapshotDescriptionDialogData {
+  title: string;
+  description?: string;
+  message?: string;
+  confirmLabel?: string;
+}
+
+@Component({
+  selector: 'app-snapshot-description-dialog',
+  templateUrl: './snapshot-description-dialog.component.html',
+  styleUrls: ['./snapshot-description-dialog.component.scss'],
+  standalone: false,
+})
+export class SnapshotDescriptionDialogComponent {
+  public readonly maxLength = 4000;
+  public description: string;
+
+  constructor(
+    public dialogRef: MatDialogRef<SnapshotDescriptionDialogComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: SnapshotDescriptionDialogData
+  ) {
+    this.description = data.description || '';
+  }
+
+  public get isInvalid(): boolean {
+    return this.description.length > this.maxLength;
+  }
+
+  public cancel(): void {
+    this.dialogRef.close();
+  }
+
+  public save(): void {
+    if (this.isInvalid) return;
+    this.dialogRef.close(this.description.trim());
+  }
+}
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
index 8fc88775f..f432b34f9 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -235,12 +235,15 @@ describe('ReleaseTracksConnectorService', () => {
 
   it('should release the latest snapshot with the current request body', () => {
     service
-      .releaseLatest('release-track--standard', { increment: 'minor' })
+      .releaseLatest('release-track--standard', {
+        increment: 'minor',
+        description: 'Analyst release context',
+      })
       .subscribe();
 
     expect(http.post).toHaveBeenCalledWith(
       `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots/latest/release`,
-      { increment: 'minor' }
+      { increment: 'minor', description: 'Analyst release context' }
     );
   });
 
@@ -306,4 +309,19 @@ describe('ReleaseTracksConnectorService', () => {
       `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots/2026-07-23T13%3A37%3A28.000Z`
     );
   });
+
+  it('should update notes on an exact snapshot', () => {
+    service
+      .updateSnapshotDescription(
+        'release-track--standard',
+        '2026-07-23T13:37:28.000Z',
+        { description: 'Updated analyst context' }
+      )
+      .subscribe();
+
+    expect(http.put).toHaveBeenCalledWith(
+      `${environment.integrations.rest_api.url}/release-tracks/release-track--standard/snapshots/2026-07-23T13%3A37%3A28.000Z/description`,
+      { description: 'Updated analyst context' }
+    );
+  });
 });
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.ts b/src/app/services/connectors/rest-api/release-tracks.service.ts
index 3f760ee38..6a5189aa4 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.ts
@@ -431,6 +431,27 @@ export class ReleaseTracksConnectorService extends ApiConnector {
     );
   }
 
+  /**
+   * PUT /api/release-tracks/:id/snapshots/:modified/description
+   * Replace or clear the user-authored notes on one snapshot.
+   */
+  public updateSnapshotDescription(
+    id: string,
+    modified: string,
+    body: { description: string }
+  ): Observable<ReleaseTrackSnapshotHistoryItem> {
+    const url = `${this.apiUrl}/release-tracks/${id}/snapshots/${encodeURIComponent(modified)}/description`;
+    return this.http.put<ReleaseTrackSnapshotHistoryItem>(url, body).pipe(
+      tap(result =>
+        logger.log(`updated snapshot notes for ${modified}`, result)
+      ),
+      catchError(
+        this.handleError_raise<ReleaseTrackSnapshotHistoryItem>(false)
+      ),
+      share()
+    );
+  }
+
   /**
    * POST /api/release-tracks/:id/snapshots/:modified/release
    * Tag/release a specific snapshot.
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index ec25d3314..25b872601 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -696,9 +696,42 @@ <h3 [class.promote-color]="item.isTagged">
                   Snapshot:
                   {{ item.modified | date: 'MMM d, y, h:mm:ss a' }}
                 </p>
+                <div
+                  *ngIf="item.snapshot.snapshot_description"
+                  class="snapshot-history-description">
+                  <mat-icon aria-hidden="true">notes</mat-icon>
+                  <p>{{ item.snapshot.snapshot_description }}</p>
+                </div>
               </div>
 
               <div class="snapshot-history-actions small-buttons">
+                <button
+                  *ngIf="canEditReleaseTrack"
+                  mat-stroked-button
+                  [disabled]="
+                    isUpdatingSnapshotDescription(item) || !item.modified
+                  "
+                  [attr.aria-label]="
+                    (item.snapshot.snapshot_description ? 'Edit' : 'Add') +
+                    ' notes for ' +
+                    item.title
+                  "
+                  (click)="onEditSnapshotDescription(item)">
+                  <mat-spinner
+                    *ngIf="isUpdatingSnapshotDescription(item)"
+                    class="snapshot-action-spinner"
+                    diameter="18"></mat-spinner>
+                  <mat-icon *ngIf="!isUpdatingSnapshotDescription(item)">
+                    edit_note
+                  </mat-icon>
+                  {{
+                    isUpdatingSnapshotDescription(item)
+                      ? 'Saving notes'
+                      : item.snapshot.snapshot_description
+                        ? 'Edit notes'
+                        : 'Add notes'
+                  }}
+                </button>
                 <button
                   *ngIf="item.canCacheBundle && canEditReleaseTrack"
                   class="cache-color"
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index ac8e0310d..c68869912 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -628,6 +628,30 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
       margin-top: 2px;
       font-size: 12px;
     }
+
+    .snapshot-history-description {
+      display: flex;
+      align-items: flex-start;
+      gap: 8px;
+      max-width: 720px;
+      margin-top: 12px;
+
+      .mat-icon {
+        flex: 0 0 auto;
+        width: 18px;
+        height: 18px;
+        margin-top: 1px;
+        font-size: 18px;
+        line-height: 18px;
+        color: colors.color(secondary);
+      }
+
+      p {
+        margin: 0;
+        white-space: pre-wrap;
+        overflow-wrap: anywhere;
+      }
+    }
   }
 
   .snapshot-history-actions {
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index eaf29b496..4f5ed0219 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -20,6 +20,7 @@ import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.com
 import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-dialog.component';
 import { ReleasePreviewDialogComponent } from 'src/app/components/release-preview-dialog/release-preview-dialog.component';
 import { ConfirmationDialogComponent } from 'src/app/components/confirmation-dialog/confirmation-dialog.component';
+import { SnapshotDescriptionDialogComponent } from 'src/app/components/snapshot-description-dialog/snapshot-description-dialog.component';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import {
@@ -57,6 +58,7 @@ describe('ReleaseTrackPageComponent', () => {
       exportLatestSnapshot: vi.fn(() => createAsyncObservable({})),
       exportSnapshotByModified: vi.fn(() => createAsyncObservable({})),
       retrieveSnapshotByModified: vi.fn(() => createAsyncObservable(null)),
+      updateSnapshotDescription: vi.fn(() => createAsyncObservable({})),
       createVirtualSnapshot: vi.fn(() => createAsyncObservable({})),
       previewRelease: vi.fn(() => createAsyncObservable({})),
       releaseLatest: vi.fn(() => createAsyncObservable({})),
@@ -351,6 +353,7 @@ describe('ReleaseTrackPageComponent', () => {
         modified: '2024-04-15T06:00:00.000Z',
         type: ReleaseTrackType.Standard,
         version: '1.3',
+        snapshot_description: 'Published analyst context',
       },
       title: 'v1.3',
       created: new Date('2024-04-15T06:00:00.000Z'),
@@ -474,6 +477,7 @@ describe('ReleaseTrackPageComponent', () => {
         modified: '2024-04-15T06:00:00.000Z',
         type: ReleaseTrackType.Standard,
         version: '1.3',
+        snapshot_description: 'Published analyst context',
         members_count: 120,
         staged_count: 4,
         candidates_count: 9,
@@ -517,6 +521,7 @@ describe('ReleaseTrackPageComponent', () => {
       name: 'Enterprise Release',
       type: 'standard',
       version: '1.3',
+      notes: 'Published analyst context',
       modified: '2024-04-15T06:00:00.000Z',
       tagged: true,
       latest: false,
@@ -975,6 +980,55 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.isCachingSnapshot(item)).toBe(false);
   });
 
+  it('should edit snapshot notes without changing the history row identity', () => {
+    const modified = '2026-07-23T13:37:28.000Z';
+    const item = {
+      snapshot: { snapshot_description: 'Original context' },
+      title: 'v1.0',
+      modified,
+      isTagged: true,
+    } as any;
+    mockDialog.open.mockReturnValue({
+      afterClosed: () => of('Updated analyst context'),
+    });
+    mockReleaseTrackApiConnector.updateSnapshotDescription.mockReturnValue(
+      of({ modified, snapshot_description: 'Updated analyst context' })
+    );
+    component.id = 'release-track--123';
+    component.releaseTrack = {
+      modified: new Date(modified),
+      snapshot_description: 'Original context',
+    } as any;
+
+    component.onEditSnapshotDescription(item);
+
+    expect(mockDialog.open).toHaveBeenCalledWith(
+      SnapshotDescriptionDialogComponent,
+      expect.objectContaining({
+        data: expect.objectContaining({
+          title: 'Edit snapshot notes',
+          description: 'Original context',
+        }),
+      })
+    );
+    expect(
+      mockReleaseTrackApiConnector.updateSnapshotDescription
+    ).toHaveBeenCalledWith('release-track--123', modified, {
+      description: 'Updated analyst context',
+    });
+    expect(item.modified).toBe(modified);
+    expect(item.snapshot.snapshot_description).toBe('Updated analyst context');
+    expect(component.releaseTrack?.snapshot_description).toBe(
+      'Updated analyst context'
+    );
+    expect(component.isUpdatingSnapshotDescription(item)).toBe(false);
+    expect(mockSnackbar.open).toHaveBeenCalledWith(
+      'Snapshot notes saved.',
+      null,
+      { duration: 3000 }
+    );
+  });
+
   it('should delete a cached snapshot graph after confirmation', () => {
     const item = {
       snapshot: {
@@ -1161,7 +1215,7 @@ describe('ReleaseTrackPageComponent', () => {
       .spyOn(component, 'getSnapshotHistory')
       .mockImplementation(() => undefined);
     mockDialog.open.mockReturnValue({
-      afterClosed: () => of(true),
+      afterClosed: () => of('Draft analyst context'),
     });
     mockReleaseTrackApiConnector.createVirtualSnapshot.mockReturnValue(
       of({
@@ -1185,25 +1239,21 @@ describe('ReleaseTrackPageComponent', () => {
     component.onDraft();
 
     expect(mockDialog.open).toHaveBeenCalledWith(
-      ConfirmationDialogComponent,
+      SnapshotDescriptionDialogComponent,
       expect.objectContaining({
         data: expect.objectContaining({
-          title: 'Create draft snapshot?',
+          title: 'Create draft snapshot',
           message: expect.stringContaining(
-            'create a new draft snapshot for the track Virtual Release'
+            'Create a copy of the latest snapshot for Virtual Release'
           ),
-          no_label: 'Cancel',
-          yes_label: 'Create Draft',
-          confirm_color: 'primary',
-          confirm_appearance: 'raised',
-          layout: 'simple',
+          confirmLabel: 'Create draft',
         }),
       })
     );
     expect(
       mockReleaseTrackApiConnector.createVirtualSnapshot
     ).toHaveBeenCalledWith('release-track--123', {
-      description: 'Initial virtual snapshot',
+      description: 'Draft analyst context',
     });
     expect(refreshSpy).toHaveBeenCalled();
     expect(historySpy).toHaveBeenCalled();
@@ -1341,7 +1391,8 @@ describe('ReleaseTrackPageComponent', () => {
       ],
     } as any;
     mockDialog.open.mockReturnValue({
-      afterClosed: () => of('minor'),
+      afterClosed: () =>
+        of({ increment: 'minor', description: 'First release context' }),
     });
     component.id = 'release-track--123';
 
@@ -1376,7 +1427,7 @@ describe('ReleaseTrackPageComponent', () => {
     );
     expect(mockReleaseTrackApiConnector.releaseLatest).toHaveBeenCalledWith(
       'release-track--123',
-      { increment: 'minor' }
+      { increment: 'minor', description: 'First release context' }
     );
     expect(refreshSpy).toHaveBeenCalled();
     expect(historySpy).toHaveBeenCalled();
@@ -1456,7 +1507,8 @@ describe('ReleaseTrackPageComponent', () => {
       )
     );
     mockDialog.open.mockReturnValue({
-      afterClosed: () => of('major'),
+      afterClosed: () =>
+        of({ increment: 'major', description: 'Major release context' }),
     });
     component.id = 'release-track--123';
 
@@ -1504,7 +1556,7 @@ describe('ReleaseTrackPageComponent', () => {
     expect(mockReleaseTrackApiConnector.releaseSnapshot).toHaveBeenCalledWith(
       'release-track--123',
       '2026-07-23T13:37:28.000Z',
-      { increment: 'major' }
+      { increment: 'major', description: 'Major release context' }
     );
     expect(mockReleaseTrackApiConnector.releaseLatest).not.toHaveBeenCalled();
     expect(refreshSpy).toHaveBeenCalled();
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index e41ec1c3f..088dc92dc 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -38,8 +38,12 @@ import { AddDialogComponent } from 'src/app/components/add-dialog/add-dialog.com
 import { ConfirmationDialogComponent } from 'src/app/components/confirmation-dialog/confirmation-dialog.component';
 import { DeleteDialogComponent } from 'src/app/components/delete-dialog/delete-dialog.component';
 import { MultipleChoiceDialogComponent } from 'src/app/components/multiple-choice-dialog/multiple-choice-dialog.component';
-import { ReleasePreviewDialogComponent } from 'src/app/components/release-preview-dialog/release-preview-dialog.component';
+import {
+  ReleasePreviewDialogComponent,
+  ReleasePreviewSelection,
+} from 'src/app/components/release-preview-dialog/release-preview-dialog.component';
 import { ReleaseTrackObjectItem } from 'src/app/components/release-track-object-card/release-track-object-card.component';
+import { SnapshotDescriptionDialogComponent } from 'src/app/components/snapshot-description-dialog/snapshot-description-dialog.component';
 import { AuthenticationService } from 'src/app/services/connectors/authentication/authentication.service';
 import { ReleaseTracksConnectorService } from 'src/app/services/connectors/rest-api/release-tracks.service';
 import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
@@ -202,6 +206,7 @@ export class ReleaseTrackPageComponent implements OnInit {
   private createdDraftSnapshot: ReleaseTrackSnapshotHistoryItem | null = null;
   private cachingSnapshotModified = new Set<string>();
   private deletingSnapshotCacheModified = new Set<string>();
+  private updatingSnapshotDescriptionModified = new Set<string>();
 
   public candidacyOptions = Object.values(WorkflowStatus);
   public memberSyncStrategyOptions = Object.values(MemberSyncStrategy);
@@ -1560,35 +1565,33 @@ export class ReleaseTrackPageComponent implements OnInit {
     if (!this.canCreateDraft) return;
 
     const trackName = this.releaseTrackName || this.id || 'this release track';
-    const dialogRef = this.dialog.open(ConfirmationDialogComponent, {
-      width: '30em',
+    const dialogRef = this.dialog.open(SnapshotDescriptionDialogComponent, {
       autoFocus: false,
       data: {
-        title: 'Create draft snapshot?',
-        message: `Are you sure you want to create a new draft snapshot for the track ${trackName}? This will create a copy of the latest snapshot as a new draft.`,
-        no_label: 'Cancel',
-        yes_label: 'Create Draft',
-        confirm_color: 'primary',
-        confirm_appearance: 'raised',
-        layout: 'simple',
+        title: 'Create draft snapshot',
+        message: `Create a copy of the latest snapshot for ${trackName}. Add optional notes so other analysts can understand this draft in history.`,
+        description: this.releaseTrack?.snapshot_description || '',
+        confirmLabel: 'Create draft',
       },
     });
 
-    dialogRef.afterClosed().subscribe(confirmed => {
-      if (!confirmed || !this.id || !this.isVirtualReleaseTrack) {
+    dialogRef.afterClosed().subscribe(description => {
+      if (
+        description === undefined ||
+        !this.id ||
+        !this.isVirtualReleaseTrack
+      ) {
         return;
       }
-      this.createVirtualDraftSnapshot();
+      this.createVirtualDraftSnapshot(description);
     });
   }
 
-  private createVirtualDraftSnapshot(): void {
+  private createVirtualDraftSnapshot(description: string): void {
     this.isCreatingDraft = true;
     this.connector
       .createVirtualSnapshot(this.id, {
-        description: this.snapshotHistory.length
-          ? 'Virtual snapshot'
-          : 'Initial virtual snapshot',
+        description,
       })
       .pipe(
         take(1),
@@ -1873,6 +1876,7 @@ export class ReleaseTrackPageComponent implements OnInit {
       name: snapshot.name || this.releaseTrackName,
       type,
       version: snapshot.version ?? null,
+      notes: snapshot.snapshot_description ?? null,
       modified: item.modified,
       tagged: item.isTagged,
       latest: item.isLatest,
@@ -1897,6 +1901,97 @@ export class ReleaseTrackPageComponent implements OnInit {
     );
   }
 
+  public isUpdatingSnapshotDescription(
+    item: SnapshotHistoryViewModel
+  ): boolean {
+    return (
+      !!item.modified &&
+      this.updatingSnapshotDescriptionModified.has(item.modified)
+    );
+  }
+
+  public onEditSnapshotDescription(item: SnapshotHistoryViewModel): void {
+    if (
+      !this.id ||
+      !item.modified ||
+      !this.canEditReleaseTrack ||
+      this.isUpdatingSnapshotDescription(item)
+    ) {
+      return;
+    }
+
+    const modified = item.modified;
+    const dialogRef = this.dialog.open(SnapshotDescriptionDialogComponent, {
+      autoFocus: false,
+      data: {
+        title: item.snapshot.snapshot_description
+          ? 'Edit snapshot notes'
+          : 'Add snapshot notes',
+        description: item.snapshot.snapshot_description || '',
+        message:
+          'These notes are visible on this snapshot in history and can be changed later without changing its release version or contents.',
+        confirmLabel: 'Save notes',
+      },
+    });
+
+    dialogRef
+      .afterClosed()
+      .pipe(take(1))
+      .subscribe((description: string | undefined) => {
+        if (description === undefined) return;
+
+        this.updatingSnapshotDescriptionModified.add(modified);
+        this.connector
+          .updateSnapshotDescription(this.id, modified, { description })
+          .pipe(
+            take(1),
+            finalize(() => {
+              this.updatingSnapshotDescriptionModified.delete(modified);
+            })
+          )
+          .subscribe({
+            next: snapshot => {
+              const updatedDescription = snapshot.snapshot_description;
+              if (updatedDescription) {
+                item.snapshot.snapshot_description = updatedDescription;
+              } else {
+                delete item.snapshot.snapshot_description;
+              }
+
+              if (
+                this.releaseTrack &&
+                this.getSnapshotModified(this.releaseTrack) === modified
+              ) {
+                this.releaseTrack.snapshot_description = updatedDescription;
+              }
+              if (
+                this.createdDraftSnapshot &&
+                this.getSnapshotModified(this.createdDraftSnapshot) === modified
+              ) {
+                this.createdDraftSnapshot.snapshot_description =
+                  updatedDescription;
+              }
+
+              this.snackbar.open(
+                updatedDescription
+                  ? 'Snapshot notes saved.'
+                  : 'Snapshot notes cleared.',
+                null,
+                { duration: 3000 }
+              );
+            },
+            error: err => {
+              console.error('Failed to update snapshot notes', err);
+              this.snackbar.open(
+                'Unable to save snapshot notes. Please try again.',
+                null,
+                { duration: 5000, panelClass: 'error' }
+              );
+            },
+          });
+      });
+  }
+
   public getBundleCacheTooltip(item: SnapshotHistoryViewModel): string {
     if (item.isBundleCached) {
       return 'Member-only bundle exports use exact object and relationship revisions, so repeated exports are deterministic. Candidate and staged content remains live.';
@@ -2601,9 +2696,9 @@ export class ReleaseTrackPageComponent implements OnInit {
     releaseRef
       .afterClosed()
       .pipe(take(1))
-      .subscribe((action: 'major' | 'minor' | undefined) => {
-        if (action !== 'major' && action !== 'minor') return;
-        this.releaseSnapshot({ increment: action }, item);
+      .subscribe((selection: ReleasePreviewSelection | undefined) => {
+        if (!selection) return;
+        this.releaseSnapshot(selection, item);
       });
   }
 

From 8721977c7bd764d25a4c5d6e65a01fe2ed54497d Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Tue, 4 Aug 2026 16:03:18 -0400
Subject: [PATCH 180/190] feat(release-tracks): tag snapshots with exact
 versions

Expose bounded MAJOR.MINOR selection in the release preview dialog and submit explicit release versions through the existing connector flow.
---
 docs/usage.md                                 |  4 ++
 src/app/classes/release-tracks/api.ts         |  4 ++
 .../release-preview-dialog.component.html     | 34 ++++++++++-
 .../release-preview-dialog.component.scss     | 23 ++++++++
 .../release-preview-dialog.component.spec.ts  | 43 ++++++++++++++
 .../release-preview-dialog.component.ts       | 57 +++++++++++++++++--
 .../release-track-page.component.spec.ts      |  4 +-
 7 files changed, 161 insertions(+), 8 deletions(-)

diff --git a/docs/usage.md b/docs/usage.md
index 1132c8a4d..0c564cb02 100644
--- a/docs/usage.md
+++ b/docs/usage.md
@@ -18,6 +18,10 @@ Objects may exist in multiple collections simultaneously, and objects can exist
 
 You can read more about the technical specifications for a collection, such as the STIX representation of a collection object, in our [collections](/docs/collections.md) document. MITRE's ATT&CK collections and collection index can be found on our [attack-stix-data GitHub repository](https://github.com/mitre-attack/attack-stix-data).
 
+#### Releasing a Release-Track Snapshot
+
+The release preview offers minor and major relative tags as well as an exact `MAJOR.MINOR` version. Relative tags are calculated from the tagged snapshot immediately before the selected draft. When releasing an older draft, the exact version must also remain below the next tagged snapshot; the dialog shows these exclusive bounds. Optional release notes are stored on that snapshot and become the `x-mitre-collection` description in exported STIX bundles.
+
 #### Adding a Collection Index
 
 Collection indexes can be added from the collections page. To add a collection index, specify the URL at which the index is found. The application will then provide a preview of the index for you to review before you save. You can also choose from the provided "recommended collection indexes" to quickly connect your Workbench instance to a data provider without having to find the URL yourself. The ATT&CK Workbench is pre-configured to recommend the MITRE ATT&CK collection index in the "add a collection index" interface.
diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index 8765c1499..76a48f461 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -92,6 +92,10 @@ export interface ReleasePreviewSummaryBase {
   type: ReleaseTrackType;
   source_snapshot_modified: string;
   version: string;
+  version_bounds: {
+    lower: { version: string; modified: string } | null;
+    upper: { version: string; modified: string } | null;
+  };
   releasable: boolean;
   conflicts: any[];
 }
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.html b/src/app/components/release-preview-dialog/release-preview-dialog.component.html
index 9b20f969a..0bff54c6a 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.html
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.html
@@ -84,7 +84,7 @@ <h2 id="release-preview-dialog-title">
           rows="4"
           placeholder="Summarize this release for analysts viewing its history."></textarea>
         <mat-hint align="start">
-          Shown on this snapshot in release history
+          Shown in history and exported as the collection description
         </mat-hint>
         <mat-hint align="end">
           {{ snapshotDescription.length }}/{{ snapshotDescriptionMaxLength }}
@@ -270,6 +270,38 @@ <h2 id="release-preview-dialog-title">
         (click)="tagVersion('major')">
         Tag Major ({{ majorVersion }})
       </button>
+      <div class="release-preview-exact-version">
+        <mat-form-field appearance="outline" subscriptSizing="dynamic">
+          <mat-label>Exact version</mat-label>
+          <input
+            matInput
+            [(ngModel)]="exactVersion"
+            aria-describedby="release-exact-version-guidance"
+            placeholder="19.2"
+            (keyup.enter)="tagExactVersion()" />
+        </mat-form-field>
+        <button
+          mat-raised-button
+          class="release-preview-tag-exact-button"
+          type="button"
+          color="primary"
+          [disabled]="isReleaseBlocked || !!exactVersionValidationMessage"
+          (click)="tagExactVersion()">
+          Tag Exact
+        </button>
+      </div>
     </div>
+    <p
+      id="release-exact-version-guidance"
+      class="release-exact-version-guidance"
+      [class.release-exact-version-guidance--error]="
+        exactVersion.length > 0 && !!exactVersionValidationMessage
+      ">
+      {{
+        exactVersion.length > 0 && exactVersionValidationMessage
+          ? exactVersionValidationMessage
+          : exactVersionBoundsHint
+      }}
+    </p>
   </footer>
 </div>
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.scss b/src/app/components/release-preview-dialog/release-preview-dialog.component.scss
index 2796dd2d8..fde05e2ce 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.scss
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.scss
@@ -351,6 +351,7 @@
     padding: 14px 20px;
     border-top: 1px solid;
     @include colors.theme-border-color;
+    flex-wrap: wrap;
   }
 
   .release-blocked-message {
@@ -374,6 +375,28 @@
     gap: 12px;
     margin-left: auto;
   }
+
+  .release-preview-exact-version {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    .mat-mdc-form-field {
+      width: 132px;
+    }
+  }
+
+  .release-exact-version-guidance {
+    width: 100%;
+    margin: -6px 0 0;
+    text-align: right;
+    font-size: 12px;
+    @include colors.theme-text-deemphasis;
+  }
+
+  .release-exact-version-guidance--error {
+    color: colors.color(error);
+  }
 }
 
 @media (max-width: 720px) {
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
index 537f96ef5..11e466309 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.spec.ts
@@ -139,6 +139,49 @@ describe('ReleasePreviewDialogComponent', () => {
     });
   });
 
+  it('should return a normalized exact version within the backend bounds', () => {
+    data.previewSummary = {
+      version_bounds: {
+        lower: { version: '1.0', modified: '2026-07-01T00:00:00.000Z' },
+        upper: { version: '3.0', modified: '2026-07-05T00:00:00.000Z' },
+      },
+    };
+    component.snapshotDescription = '  Retroactive release  ';
+    component.exactVersion = ' v2.7 ';
+
+    expect(component.exactVersionValidationMessage).toBeNull();
+    expect(component.exactVersionBoundsHint).toContain(
+      'greater than v1.0 and less than v3.0'
+    );
+    component.tagExactVersion();
+
+    expect(dialogRef.close).toHaveBeenCalledWith({
+      version: '2.7',
+      description: 'Retroactive release',
+    });
+  });
+
+  it('should reject malformed and out-of-bounds exact versions', () => {
+    data.previewSummary = {
+      version_bounds: {
+        lower: { version: '1.0', modified: '2026-07-01T00:00:00.000Z' },
+        upper: { version: '3.0', modified: '2026-07-05T00:00:00.000Z' },
+      },
+    };
+
+    component.exactVersion = '2.0.1';
+    expect(component.exactVersionValidationMessage).toContain('MAJOR.MINOR');
+    component.tagExactVersion();
+
+    component.exactVersion = '3.0';
+    expect(component.exactVersionValidationMessage).toBe(
+      'Version must be less than v3.0.'
+    );
+    component.tagExactVersion();
+
+    expect(dialogRef.close).not.toHaveBeenCalled();
+  });
+
   it('should close without selecting a release version', () => {
     component.close();
 
diff --git a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
index 221cadd18..33f99038b 100644
--- a/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
+++ b/src/app/components/release-preview-dialog/release-preview-dialog.component.ts
@@ -10,10 +10,10 @@ export interface ReleasePreviewDialogData {
   previewSummary?: any;
 }
 
-export interface ReleasePreviewSelection {
-  increment: 'minor' | 'major';
-  description: string;
-}
+export type ReleasePreviewSelection = (
+  | { increment: 'minor' | 'major'; version?: never }
+  | { increment?: never; version: string }
+) & { description: string };
 
 interface ReleaseTrackObject {
   object_ref?: string;
@@ -45,6 +45,7 @@ export interface IncludedReleaseObject {
 export class ReleasePreviewDialogComponent {
   public readonly snapshotDescriptionMaxLength = 4000;
   public snapshotDescription: string;
+  public exactVersion = '';
 
   constructor(
     public dialogRef: MatDialogRef<ReleasePreviewDialogComponent>,
@@ -60,7 +61,10 @@ export class ReleasePreviewDialogComponent {
   public get currentVersion(): string {
     const history = this.asArray(this.data.track?.version_history);
     const version =
-      this.data.track?.version ?? history[history.length - 1]?.version ?? '0.1';
+      this.data.previewSummary?.version_bounds?.lower?.version ??
+      this.data.track?.version ??
+      history[history.length - 1]?.version ??
+      '0.1';
 
     return this.formatVersion(version);
   }
@@ -203,6 +207,45 @@ export class ReleasePreviewDialogComponent {
     } satisfies ReleasePreviewSelection);
   }
 
+  public get exactVersionValidationMessage(): string | null {
+    const version = this.normalizedExactVersion;
+    if (!version) return 'Enter a version in MAJOR.MINOR format.';
+    if (!/^\d+\.\d+$/.test(version)) {
+      return 'Use MAJOR.MINOR format, for example 19.2.';
+    }
+
+    const selected = new VersionNumber(version);
+    const lower = this.data.previewSummary?.version_bounds?.lower?.version;
+    const upper = this.data.previewSummary?.version_bounds?.upper?.version;
+    if (lower && selected.compareTo(new VersionNumber(lower)) <= 0) {
+      return `Version must be greater than ${this.formatVersion(lower)}.`;
+    }
+    if (upper && selected.compareTo(new VersionNumber(upper)) >= 0) {
+      return `Version must be less than ${this.formatVersion(upper)}.`;
+    }
+    return null;
+  }
+
+  public get exactVersionBoundsHint(): string {
+    const lower = this.data.previewSummary?.version_bounds?.lower?.version;
+    const upper = this.data.previewSummary?.version_bounds?.upper?.version;
+    if (lower && upper) {
+      return `Must be greater than ${this.formatVersion(lower)} and less than ${this.formatVersion(upper)}.`;
+    }
+    if (lower) return `Must be greater than ${this.formatVersion(lower)}.`;
+    if (upper) return `Must be less than ${this.formatVersion(upper)}.`;
+    return 'Use MAJOR.MINOR format.';
+  }
+
+  public tagExactVersion(): void {
+    if (this.isReleaseBlocked || this.exactVersionValidationMessage) return;
+
+    this.dialogRef.close({
+      version: this.normalizedExactVersion,
+      description: this.snapshotDescription.trim(),
+    } satisfies ReleasePreviewSelection);
+  }
+
   public getObjectName(item: ReleaseTrackObject): string {
     return item?.name || item?.attack_id || item?.object_ref || 'ATT&CK object';
   }
@@ -297,6 +340,10 @@ export class ReleasePreviewDialogComponent {
     return version.toLowerCase().startsWith('v') ? version : `v${version}`;
   }
 
+  private get normalizedExactVersion(): string {
+    return this.exactVersion.trim().replace(/^v/i, '');
+  }
+
   private getObjectRef(item: ReleaseTrackObject): string {
     return String(item?.object_ref ?? '');
   }
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 4f5ed0219..56cc97ed3 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -1508,7 +1508,7 @@ describe('ReleaseTrackPageComponent', () => {
     );
     mockDialog.open.mockReturnValue({
       afterClosed: () =>
-        of({ increment: 'major', description: 'Major release context' }),
+        of({ version: '1.5', description: 'Exact release context' }),
     });
     component.id = 'release-track--123';
 
@@ -1556,7 +1556,7 @@ describe('ReleaseTrackPageComponent', () => {
     expect(mockReleaseTrackApiConnector.releaseSnapshot).toHaveBeenCalledWith(
       'release-track--123',
       '2026-07-23T13:37:28.000Z',
-      { increment: 'major', description: 'Major release context' }
+      { version: '1.5', description: 'Exact release context' }
     );
     expect(mockReleaseTrackApiConnector.releaseLatest).not.toHaveBeenCalled();
     expect(refreshSpy).toHaveBeenCalled();

From 81b642f3a0d808fd69467a8b9f793943267fe8dc Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Tue, 4 Aug 2026 16:10:55 -0400
Subject: [PATCH 181/190] fix(relationships): revise related objects on save

Create WIP revisions for relationship source and target objects instead of mutating snapshot-pinned revisions in place.
---
 docs/usage.md                             |  1 +
 src/app/classes/stix/relationship.spec.ts | 89 +++++++++++++++++++++++
 src/app/classes/stix/relationship.ts      |  6 +-
 3 files changed, 93 insertions(+), 3 deletions(-)
 create mode 100644 src/app/classes/stix/relationship.spec.ts

diff --git a/docs/usage.md b/docs/usage.md
index 0c564cb02..15ffeed1f 100644
--- a/docs/usage.md
+++ b/docs/usage.md
@@ -431,6 +431,7 @@ The source and target objects can be changed after the relationship has been cre
 
 Relationships also have a description to provide additional context or to hold citations of relevant reporting. Like all descriptions, those on relationships support citations, LinkByIds, and markdown formatting. Relationships between sub-techniques and techniques however are purely structural and do not support descriptions.
 
+Saving a relationship creates a new relationship revision and returns its connected source and target objects to the *work in progress* workflow state through new SDO revisions. Previously published or snapshot-pinned SDO revisions remain unchanged.
 
 ### Revoking and Deprecating Objects
 
diff --git a/src/app/classes/stix/relationship.spec.ts b/src/app/classes/stix/relationship.spec.ts
new file mode 100644
index 000000000..9002419c0
--- /dev/null
+++ b/src/app/classes/stix/relationship.spec.ts
@@ -0,0 +1,89 @@
+import { firstValueFrom } from 'rxjs';
+import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/rest-api-connector.service';
+import { createAsyncObservable } from 'src/app/testing/mocks/rest-api-connector.mock';
+import { Group } from './group';
+import { Mitigation } from './mitigation';
+import { Relationship } from './relationship';
+
+function rawObject(type: string, id: string, state: string) {
+  return {
+    workspace: { workflow: { state } },
+    stix: {
+      type,
+      id,
+      created: '2026-08-04T12:00:00.000Z',
+      modified: '2026-08-04T12:00:00.000Z',
+      spec_version: '2.1',
+      name: `${type} fixture`,
+      description: `${type} description`,
+      x_mitre_version: '1.0',
+      external_references: [],
+    },
+  };
+}
+
+describe('Relationship revision workflow', () => {
+  it('creates WIP revisions of related SDOs after saving a relationship revision', async () => {
+    const source = rawObject(
+      'intrusion-set',
+      'intrusion-set--00000000-0000-4000-8000-000000000001',
+      'reviewed'
+    );
+    const target = rawObject(
+      'course-of-action',
+      'course-of-action--00000000-0000-4000-8000-000000000002',
+      'awaiting-review'
+    );
+    const relationship = new Relationship({
+      workspace: { workflow: { state: 'reviewed' } },
+      stix: {
+        type: 'relationship',
+        id: 'relationship--00000000-0000-4000-8000-000000000003',
+        created: '2026-08-04T12:00:00.000Z',
+        modified: '2026-08-04T12:00:00.000Z',
+        spec_version: '2.1',
+        relationship_type: 'mitigates',
+        source_ref: source.stix.id,
+        target_ref: target.stix.id,
+        description: 'Updated relationship description',
+      },
+      source_object: source,
+      target_object: target,
+    });
+    const calls: string[] = [];
+    const postRelationship = vi.fn((value: Relationship) => {
+      calls.push('relationship:post');
+      return createAsyncObservable(value);
+    });
+    const postGroup = vi.fn((value: Group) => {
+      calls.push('source:post');
+      return createAsyncObservable(value);
+    });
+    const postMitigation = vi.fn((value: Mitigation) => {
+      calls.push('target:post');
+      return createAsyncObservable(value);
+    });
+    const putGroup = vi.fn();
+    const putMitigation = vi.fn();
+    const restApiService = {
+      postRelationship,
+      postGroup,
+      postMitigation,
+      putGroup,
+      putMitigation,
+    } as unknown as RestApiConnectorService;
+
+    await firstValueFrom(relationship.save(restApiService));
+
+    expect(calls).toEqual(['relationship:post', 'source:post', 'target:post']);
+    expect(postRelationship).toHaveBeenCalledWith(relationship);
+    expect(postGroup).toHaveBeenCalledOnce();
+    expect(postMitigation).toHaveBeenCalledOnce();
+    expect(postGroup.mock.calls[0][0].workflow?.state).toBe('work-in-progress');
+    expect(postMitigation.mock.calls[0][0].workflow?.state).toBe(
+      'work-in-progress'
+    );
+    expect(putGroup).not.toHaveBeenCalled();
+    expect(putMitigation).not.toHaveBeenCalled();
+  });
+});
diff --git a/src/app/classes/stix/relationship.ts b/src/app/classes/stix/relationship.ts
index e8592bf19..91ec7b110 100644
--- a/src/app/classes/stix/relationship.ts
+++ b/src/app/classes/stix/relationship.ts
@@ -689,8 +689,8 @@ export class Relationship extends StixObject {
   }
 
   /**
-   * Updates a related object in place as WIP. The backend release-track
-   * change-capture service updates its track entry in response to this PUT.
+   * Creates a WIP revision of a related object. Existing revisions may be
+   * pinned by deterministic snapshot graphs and must remain immutable.
    * @param restAPIService the rest api service
    * @param object the relationship source object
    */
@@ -704,6 +704,6 @@ export class Relationship extends StixObject {
       object.workflow = { state: WorkflowStatus.WorkInProgress };
     }
     object.workflow.state = WorkflowStatus.WorkInProgress;
-    return object.update(restAPIService);
+    return object.save(restAPIService);
   }
 }

From 3aa2e4aab708d4daa62501d0df011f2d35a74669 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Tue, 4 Aug 2026 17:33:03 -0400
Subject: [PATCH 182/190] feat(release-tracks): support STIX version selection
 for snapshot exports

---
 docs/usage.md                                 |   2 +
 .../rest-api/release-tracks.service.spec.ts   |   6 +-
 .../release-track-page.component.html         |   2 +-
 .../release-track-page.component.spec.ts      | 120 +++++++++++-------
 .../release-track-page.component.ts           | 102 +++++++++++----
 5 files changed, 156 insertions(+), 76 deletions(-)

diff --git a/docs/usage.md b/docs/usage.md
index 15ffeed1f..81618bcae 100644
--- a/docs/usage.md
+++ b/docs/usage.md
@@ -22,6 +22,8 @@ You can read more about the technical specifications for a collection, such as t
 
 The release preview offers minor and major relative tags as well as an exact `MAJOR.MINOR` version. Relative tags are calculated from the tagged snapshot immediately before the selected draft. When releasing an older draft, the exact version must also remain below the next tagged snapshot; the dialog shows these exclusive bounds. Optional release notes are stored on that snapshot and become the `x-mitre-collection` description in exported STIX bundles.
 
+The release-track page can export the latest snapshot or a selected historical snapshot as a STIX 2.0 bundle, a STIX 2.1 bundle, or Workbench JSON. Historical snapshot exports can also copy a concise summary. Tagged snapshots with a bundle cache use that pinned member graph for deterministic member-only exports in either STIX version.
+
 #### Adding a Collection Index
 
 Collection indexes can be added from the collections page. To add a collection index, specify the URL at which the index is found. The application will then provide a preview of the index for you to review before you save. You can also choose from the provided "recommended collection indexes" to quickly connect your Workbench instance to a data provider without having to find the URL yourself. The ATT&CK Workbench is pre-configured to recommend the MITRE ATT&CK collection index in the "add a collection index" interface.
diff --git a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
index f432b34f9..a3f4c9249 100644
--- a/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
+++ b/src/app/services/connectors/rest-api/release-tracks.service.spec.ts
@@ -57,7 +57,10 @@ describe('ReleaseTracksConnectorService', () => {
     http.get.mockReturnValue(of(exportPayload));
 
     const result = await firstValueFrom(
-      service.exportLatestSnapshot(trackId, 'bundle', { include: 'all' })
+      service.exportLatestSnapshot(trackId, 'bundle', {
+        include: 'all',
+        stixVersion: '2.0',
+      })
     );
 
     expect(http.get).toHaveBeenCalledWith(
@@ -68,6 +71,7 @@ describe('ReleaseTracksConnectorService', () => {
     );
     expect(http.get.mock.calls[0][1].params.get('format')).toBe('bundle');
     expect(http.get.mock.calls[0][1].params.get('include')).toBe('all');
+    expect(http.get.mock.calls[0][1].params.get('stixVersion')).toBe('2.0');
     expect(result).toEqual(exportPayload);
   });
 
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 25b872601..4bf258b6d 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -789,7 +789,7 @@ <h3 [class.promote-color]="item.isTagged">
                 <button
                   mat-stroked-button
                   [disabled]="!item.modified"
-                  matTooltip="Download this snapshot as a STIX bundle or Workbench JSON, or copy its summary."
+                  matTooltip="Download this snapshot as a STIX 2.0 bundle, STIX 2.1 bundle, or Workbench JSON, or copy its summary."
                   (click)="onExportSnapshot(item)">
                   <mat-icon>cloud_download</mat-icon>
                   Export&hellip;
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 56cc97ed3..53473beca 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -238,7 +238,7 @@ describe('ReleaseTrackPageComponent', () => {
   it('should download the release track in the selected export format', () => {
     const exportPayload = { type: 'bundle', objects: [] };
     mockDialog.open.mockReturnValue({
-      afterClosed: () => of('bundle'),
+      afterClosed: () => of('bundle-stix-2.1'),
     });
     mockReleaseTrackApiConnector.exportLatestSnapshot.mockReturnValue(
       of(exportPayload)
@@ -254,19 +254,24 @@ describe('ReleaseTrackPageComponent', () => {
       expect.anything()
     );
     expect(choices.map((choice: any) => choice.value)).toEqual([
-      'bundle',
+      'bundle-stix-2.0',
+      'bundle-stix-2.1',
       'workbench',
     ]);
     expect(choices.map((choice: any) => choice.label)).toEqual([
-      'Bundle',
+      'Bundle (STIX 2.0)',
+      'Bundle (STIX 2.1)',
       'Workbench',
     ]);
     expect(
       mockReleaseTrackApiConnector.exportLatestSnapshot
-    ).toHaveBeenCalledWith('release-track--123', 'bundle', { include: 'all' });
+    ).toHaveBeenCalledWith('release-track--123', 'bundle', {
+      include: 'all',
+      stixVersion: '2.1',
+    });
     expect(mockRestApiConnector.triggerBrowserDownload).toHaveBeenCalledWith(
       exportPayload,
-      'enterprise-release-latest-bundle.json'
+      'enterprise-release-latest-bundle-stix-2.1.json'
     );
   });
 
@@ -294,7 +299,7 @@ describe('ReleaseTrackPageComponent', () => {
   it('should export a standard draft snapshot with staged content', () => {
     const exportPayload = { type: 'bundle', objects: [] };
     mockDialog.open.mockReturnValue({
-      afterClosed: () => of('bundle'),
+      afterClosed: () => of('bundle-stix-2.0'),
     });
     mockReleaseTrackApiConnector.exportSnapshotByModified.mockReturnValue(
       of(exportPayload)
@@ -328,57 +333,69 @@ describe('ReleaseTrackPageComponent', () => {
       'release-track--123',
       '2024-05-21T07:00:00.000Z',
       'bundle',
-      { include: 'staged' }
+      { include: 'staged', stixVersion: '2.0' }
     );
     expect(mockRestApiConnector.triggerBrowserDownload).toHaveBeenCalledWith(
       exportPayload,
-      'enterprise-release-draft-bundle.json'
+      'enterprise-release-draft-bundle-stix-2.0.json'
     );
   });
 
-  it('should export a tagged standard snapshot without staged content', () => {
-    mockDialog.open.mockReturnValue({
-      afterClosed: () => of('bundle'),
-    });
-    mockReleaseTrackApiConnector.exportSnapshotByModified.mockReturnValue(
-      of({ type: 'bundle', objects: [] })
-    );
-    component.id = 'release-track--123';
-    component.releaseTrack = {
-      type: ReleaseTrackType.Standard,
-    } as any;
-
-    component.onExportSnapshot({
-      snapshot: {
-        modified: '2024-04-15T06:00:00.000Z',
+  it.each([
+    ['2.0', 'bundle-stix-2.0'],
+    ['2.1', 'bundle-stix-2.1'],
+  ] as const)(
+    'should export a cached tagged standard snapshot as STIX %s without staged content',
+    (stixVersion, choice) => {
+      mockDialog.open.mockReturnValue({
+        afterClosed: () => of(choice),
+      });
+      mockReleaseTrackApiConnector.exportSnapshotByModified.mockReturnValue(
+        of({ type: 'bundle', objects: [] })
+      );
+      component.id = 'release-track--123';
+      component.releaseTrack = {
+        name: 'Enterprise Release',
         type: ReleaseTrackType.Standard,
-        version: '1.3',
-        snapshot_description: 'Published analyst context',
-      },
-      title: 'v1.3',
-      created: new Date('2024-04-15T06:00:00.000Z'),
-      modified: '2024-04-15T06:00:00.000Z',
-      taggedAt: new Date('2024-04-15T06:30:00.000Z'),
-      isTagged: true,
-      stats: [],
-      addedCount: 0,
-      modifiedCount: 0,
-      totalObjects: 0,
-    } as any);
+      } as any;
 
-    expect(
-      mockReleaseTrackApiConnector.exportSnapshotByModified
-    ).toHaveBeenCalledWith(
-      'release-track--123',
-      '2024-04-15T06:00:00.000Z',
-      'bundle',
-      undefined
-    );
-  });
+      component.onExportSnapshot({
+        snapshot: {
+          modified: '2024-04-15T06:00:00.000Z',
+          type: ReleaseTrackType.Standard,
+          version: '1.3',
+          snapshot_description: 'Published analyst context',
+        },
+        title: 'v1.3',
+        created: new Date('2024-04-15T06:00:00.000Z'),
+        modified: '2024-04-15T06:00:00.000Z',
+        taggedAt: new Date('2024-04-15T06:30:00.000Z'),
+        isTagged: true,
+        isBundleCached: true,
+        stats: [],
+        addedCount: 0,
+        modifiedCount: 0,
+        totalObjects: 0,
+      } as any);
+
+      expect(
+        mockReleaseTrackApiConnector.exportSnapshotByModified
+      ).toHaveBeenCalledWith(
+        'release-track--123',
+        '2024-04-15T06:00:00.000Z',
+        'bundle',
+        { stixVersion }
+      );
+      expect(mockRestApiConnector.triggerBrowserDownload).toHaveBeenCalledWith(
+        { type: 'bundle', objects: [] },
+        `enterprise-release-v1.3-bundle-stix-${stixVersion}.json`
+      );
+    }
+  );
 
   it('should export a virtual draft snapshot without staged content', () => {
     mockDialog.open.mockReturnValue({
-      afterClosed: () => of('bundle'),
+      afterClosed: () => of('bundle-stix-2.0'),
     });
     mockReleaseTrackApiConnector.exportSnapshotByModified.mockReturnValue(
       of({ type: 'bundle', objects: [] })
@@ -411,7 +428,7 @@ describe('ReleaseTrackPageComponent', () => {
       'release-track--virtual',
       '2024-05-21T07:00:00.000Z',
       'bundle',
-      undefined
+      { stixVersion: '2.0' }
     );
   });
 
@@ -508,10 +525,17 @@ describe('ReleaseTrackPageComponent', () => {
 
     const choices = mockDialog.open.mock.calls[0][1].data.choices;
     expect(choices.map((choice: any) => choice.value)).toEqual([
-      'bundle',
+      'bundle-stix-2.0',
+      'bundle-stix-2.1',
       'workbench',
       'copy-summary',
     ]);
+    expect(choices.map((choice: any) => choice.label)).toEqual([
+      'Bundle (STIX 2.0)',
+      'Bundle (STIX 2.1)',
+      'Workbench',
+      'Summary',
+    ]);
     expect(
       mockReleaseTrackApiConnector.exportSnapshotByModified
     ).not.toHaveBeenCalled();
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 088dc92dc..925742678 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -25,6 +25,7 @@ import {
   ReleaseTrackConfig,
   ReleaseTrackSnapshot,
   ReleaseTrackSnapshotHistoryItem,
+  ReleaseTrackSnapshotOptions,
   ReleaseTrackType,
   ResolutionStrategy,
   SnapshotScheduleMode,
@@ -62,7 +63,17 @@ import { ALL_OBJECTS_STIX_LIST_CONFIG } from 'src/app/views/stix/all-objects-pag
 import { StixDialogComponent } from 'src/app/views/stix/stix-dialog/stix-dialog.component';
 
 type ReleaseTrackLaneType = 'candidate' | 'staged' | 'member';
-type SnapshotExportChoice = ExportFormatType | 'copy-summary';
+type StixVersion = '2.0' | '2.1';
+type SnapshotExportChoice =
+  | 'bundle-stix-2.0'
+  | 'bundle-stix-2.1'
+  | ExportFormat.Workbench
+  | 'copy-summary';
+
+interface SnapshotExportSelection {
+  format: ExportFormatType;
+  stixVersion?: StixVersion;
+}
 
 interface ReleaseTrackWorkspaceLane {
   key: string;
@@ -1470,9 +1481,10 @@ export class ReleaseTrackPageComponent implements OnInit {
 
     this.openExportFormatDialog('Export latest release snapshot')
       .pipe(take(1))
-      .subscribe(format => {
-        if (!format || format === 'copy-summary') return;
-        this.downloadLatestReleaseTrack(format);
+      .subscribe(choice => {
+        const selection = this.getSnapshotExportSelection(choice);
+        if (!selection) return;
+        this.downloadLatestReleaseTrack(selection);
       });
   }
 
@@ -1486,10 +1498,16 @@ export class ReleaseTrackPageComponent implements OnInit {
       description: string;
     }[] = [
       {
-        label: 'Bundle',
-        value: ExportFormat.Bundle,
+        label: 'Bundle (STIX 2.0)',
+        value: 'bundle-stix-2.0',
+        description:
+          'Download a STIX 2.0 JSON bundle for publication or interchange.',
+      },
+      {
+        label: 'Bundle (STIX 2.1)',
+        value: 'bundle-stix-2.1',
         description:
-          'Download a standard STIX 2.1 JSON bundle for publication or interchange.',
+          'Download a STIX 2.1 JSON bundle for publication or interchange.',
       },
       {
         label: 'Workbench',
@@ -1501,7 +1519,7 @@ export class ReleaseTrackPageComponent implements OnInit {
 
     if (includeSummary) {
       choices.push({
-        label: 'Copy summary',
+        label: 'Summary',
         value: 'copy-summary',
         description:
           'Copy lightweight snapshot metadata, object counts, and graph-cache statistics to the clipboard.',
@@ -1524,7 +1542,8 @@ export class ReleaseTrackPageComponent implements OnInit {
       .afterClosed()
       .pipe(
         map(format =>
-          format === ExportFormat.Bundle ||
+          format === 'bundle-stix-2.0' ||
+          format === 'bundle-stix-2.1' ||
           format === ExportFormat.Workbench ||
           (includeSummary && format === 'copy-summary')
             ? format
@@ -1533,15 +1552,34 @@ export class ReleaseTrackPageComponent implements OnInit {
       );
   }
 
-  private downloadLatestReleaseTrack(format: ExportFormatType): void {
+  private getSnapshotExportSelection(
+    choice: SnapshotExportChoice | null
+  ): SnapshotExportSelection | null {
+    if (choice === 'bundle-stix-2.0') {
+      return { format: ExportFormat.Bundle, stixVersion: '2.0' };
+    }
+    if (choice === 'bundle-stix-2.1') {
+      return { format: ExportFormat.Bundle, stixVersion: '2.1' };
+    }
+    if (choice === ExportFormat.Workbench) {
+      return { format: ExportFormat.Workbench };
+    }
+    return null;
+  }
+
+  private downloadLatestReleaseTrack(selection: SnapshotExportSelection): void {
+    const options: Omit<ReleaseTrackSnapshotOptions, 'format'> = {
+      include: 'all',
+      ...(selection.stixVersion ? { stixVersion: selection.stixVersion } : {}),
+    };
     this.connector
-      .exportLatestSnapshot(this.id, format, { include: 'all' })
+      .exportLatestSnapshot(this.id, selection.format, options)
       .pipe(take(1))
       .subscribe({
         next: result => {
           this.restApiConnectorService.triggerBrowserDownload(
             result,
-            this.getExportFilename(format)
+            this.getExportFilename(selection)
           );
         },
         error: err => {
@@ -1550,7 +1588,7 @@ export class ReleaseTrackPageComponent implements OnInit {
       });
   }
 
-  private getExportFilename(format: ExportFormatType): string {
+  private getExportFilename(selection: SnapshotExportSelection): string {
     const name = this.releaseTrackName || this.id || 'release-track';
     const safeName =
       name
@@ -1558,7 +1596,7 @@ export class ReleaseTrackPageComponent implements OnInit {
         .toLowerCase()
         .replace(/[^a-z0-9]+/g, '-')
         .replace(/^-+|-+$/g, '') || 'release-track';
-    return `${safeName}-latest-${format}.json`;
+    return `${safeName}-latest-${this.getExportFilenameSuffix(selection)}.json`;
   }
 
   public onDraft(): void {
@@ -1830,7 +1868,8 @@ export class ReleaseTrackPageComponent implements OnInit {
           this.copySnapshotSummary(item);
           return;
         }
-        this.downloadSnapshot(item, modified, choice);
+        const selection = this.getSnapshotExportSelection(choice);
+        if (selection) this.downloadSnapshot(item, modified, selection);
       });
   }
 
@@ -2119,21 +2158,21 @@ export class ReleaseTrackPageComponent implements OnInit {
   private downloadSnapshot(
     item: SnapshotHistoryViewModel,
     modified: string,
-    format: ExportFormatType
+    selection: SnapshotExportSelection
   ): void {
     this.connector
       .exportSnapshotByModified(
         this.id,
         modified,
-        format,
-        this.getSnapshotExportOptions(item, format)
+        selection.format,
+        this.getSnapshotExportOptions(item, selection)
       )
       .pipe(take(1))
       .subscribe({
         next: result => {
           this.restApiConnectorService.triggerBrowserDownload(
             result,
-            this.getSnapshotExportFilename(item, format)
+            this.getSnapshotExportFilename(item, selection)
           );
         },
         error: err => {
@@ -2144,18 +2183,23 @@ export class ReleaseTrackPageComponent implements OnInit {
 
   private getSnapshotExportOptions(
     item: SnapshotHistoryViewModel,
-    format: ExportFormatType
-  ): { include: 'staged' | 'all' } | undefined {
-    if (format === ExportFormat.Workbench) {
+    selection: SnapshotExportSelection
+  ): Omit<ReleaseTrackSnapshotOptions, 'format'> | undefined {
+    if (selection.format === ExportFormat.Workbench) {
       return { include: 'all' };
     }
 
+    const stixVersionOptions = selection.stixVersion
+      ? { stixVersion: selection.stixVersion }
+      : {};
     const trackType =
       this.getSnapshotType(item.snapshot) || this.releaseTrack?.type;
     if (trackType === ReleaseTrackType.Standard && !item.isTagged) {
-      return { include: 'staged' };
+      return { include: 'staged', ...stixVersionOptions };
     }
-    return undefined;
+    return Object.keys(stixVersionOptions).length
+      ? stixVersionOptions
+      : undefined;
   }
 
   private reviewCandidateStatus(
@@ -3203,7 +3247,7 @@ export class ReleaseTrackPageComponent implements OnInit {
 
   private getSnapshotExportFilename(
     item: SnapshotHistoryViewModel,
-    format: ExportFormatType
+    selection: SnapshotExportSelection
   ): string {
     const name = this.releaseTrackName || this.id || 'release-track';
     const safeName =
@@ -3215,7 +3259,13 @@ export class ReleaseTrackPageComponent implements OnInit {
     const snapshotName = item.isTagged
       ? item.title.replace(/^v/, 'v')
       : 'draft';
-    return `${safeName}-${snapshotName}-${format}.json`;
+    return `${safeName}-${snapshotName}-${this.getExportFilenameSuffix(selection)}.json`;
+  }
+
+  private getExportFilenameSuffix(selection: SnapshotExportSelection): string {
+    return selection.stixVersion
+      ? `${selection.format}-stix-${selection.stixVersion}`
+      : selection.format;
   }
 
   private toIsoString(value: Date | string | undefined): string | undefined {

From 23f235ae3bc2adb70bc99ab6bc84d9d81d45eaaf Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Tue, 4 Aug 2026 20:48:01 -0400
Subject: [PATCH 183/190] feat(release-tracks): display snapshot bundle hashes

Show and copy server-generated STIX 2.0 and 2.1 bundle hashes on cached snapshot cards. Lock note editing until the cache is deleted and preserve the exact JSON download serialization.
---
 docs/usage.md                                 |  2 +
 src/app/classes/release-tracks/api.ts         |  7 ++
 .../rest-api/rest-api-connector.service.ts    |  3 +-
 src/app/utils/json-download.spec.ts           | 13 ++++
 src/app/utils/json-download.ts                |  3 +
 .../release-track-page.component.html         | 59 ++++++++++++++-
 .../release-track-page.component.scss         | 63 ++++++++++++++++
 .../release-track-page.component.spec.ts      | 72 ++++++++++++++++++-
 .../release-track-page.component.ts           | 44 +++++++++---
 9 files changed, 252 insertions(+), 14 deletions(-)
 create mode 100644 src/app/utils/json-download.spec.ts
 create mode 100644 src/app/utils/json-download.ts

diff --git a/docs/usage.md b/docs/usage.md
index 81618bcae..dd1bcaa04 100644
--- a/docs/usage.md
+++ b/docs/usage.md
@@ -24,6 +24,8 @@ The release preview offers minor and major relative tags as well as an exact `MA
 
 The release-track page can export the latest snapshot or a selected historical snapshot as a STIX 2.0 bundle, a STIX 2.1 bundle, or Workbench JSON. Historical snapshot exports can also copy a concise summary. Tagged snapshots with a bundle cache use that pinned member graph for deterministic member-only exports in either STIX version.
 
+Each cached snapshot card displays server-generated SHA-256 hashes for the exact UTF-8 JSON files produced by its STIX 2.0 and STIX 2.1 bundle downloads. The adjacent copy buttons copy a hash for external file-integrity verification. Snapshot notes are locked while the bundle is cached; delete the cache, edit the notes, and cache the bundle again to generate matching hashes.
+
 #### Adding a Collection Index
 
 Collection indexes can be added from the collections page. To add a collection index, specify the URL at which the index is found. The application will then provide a preview of the index for you to review before you save. You can also choose from the provided "recommended collection indexes" to quickly connect your Workbench instance to a data provider without having to find the URL yourself. The ATT&CK Workbench is pre-configured to recommend the MITRE ATT&CK collection index in the "add a collection index" interface.
diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index 76a48f461..af8470ae4 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -142,11 +142,18 @@ export interface VirtualReleasePreviewSummary extends ReleasePreviewSummaryBase
 export type ReleasePreviewSummary =
   StandardReleasePreviewSummary | VirtualReleasePreviewSummary;
 
+export interface SnapshotBundleHashes {
+  manifest_id: string;
+  stix_2_0: string;
+  stix_2_1: string;
+}
+
 export interface ReleaseTrackSnapshotHistoryItem {
   id?: string;
   modified?: string | Date;
   version?: string | null;
   graph_manifest_id?: string;
+  bundle_hashes?: SnapshotBundleHashes;
   graph_statistics?: SnapshotGraphStatistics;
   snapshot_description?: string;
   type?: ReleaseTrackType;
diff --git a/src/app/services/connectors/rest-api/rest-api-connector.service.ts b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
index 98b560031..438bfdcfd 100644
--- a/src/app/services/connectors/rest-api/rest-api-connector.service.ts
+++ b/src/app/services/connectors/rest-api/rest-api-connector.service.ts
@@ -49,6 +49,7 @@ import { AttackTypeToPlural } from 'src/app/utils/type-mappings';
 import { AttackType } from 'src/app/utils/types';
 import { environment } from '../../../../environments/environment';
 import { logger } from '../../../utils/logger';
+import { serializeJsonForDownload } from '../../../utils/json-download';
 import { ApiConnector } from '../api-connector';
 import {
   CollectionStreamService,
@@ -2978,7 +2979,7 @@ export class RestApiConnectorService extends ApiConnector {
    */
   public triggerBrowserDownload(data: any, filename: string) {
     const url = URL.createObjectURL(
-      new Blob([JSON.stringify(data, null, 4)], { type: 'text/json' })
+      new Blob([serializeJsonForDownload(data)], { type: 'text/json' })
     );
     const downloadLink = document.createElement('a');
     downloadLink.href = url;
diff --git a/src/app/utils/json-download.spec.ts b/src/app/utils/json-download.spec.ts
new file mode 100644
index 000000000..15d5708f3
--- /dev/null
+++ b/src/app/utils/json-download.spec.ts
@@ -0,0 +1,13 @@
+import { describe, expect, it } from 'vitest';
+
+import { serializeJsonForDownload } from './json-download';
+
+describe('JSON download utilities', () => {
+  it('serializes the exact indented JSON content expected by backend hashes', () => {
+    const content = serializeJsonForDownload({ type: 'bundle', objects: [] });
+
+    expect(content).toBe(
+      ['{', '    "type": "bundle",', '    "objects": []', '}'].join('\n')
+    );
+  });
+});
diff --git a/src/app/utils/json-download.ts b/src/app/utils/json-download.ts
new file mode 100644
index 000000000..eefda5a77
--- /dev/null
+++ b/src/app/utils/json-download.ts
@@ -0,0 +1,3 @@
+export function serializeJsonForDownload(data: unknown): string {
+  return JSON.stringify(data, null, 4);
+}
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index 4bf258b6d..a5c56555b 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -709,7 +709,14 @@ <h3 [class.promote-color]="item.isTagged">
                   *ngIf="canEditReleaseTrack"
                   mat-stroked-button
                   [disabled]="
-                    isUpdatingSnapshotDescription(item) || !item.modified
+                    item.isBundleCached ||
+                    isUpdatingSnapshotDescription(item) ||
+                    !item.modified
+                  "
+                  [matTooltip]="
+                    item.isBundleCached
+                      ? 'Delete the bundle cache before editing snapshot notes.'
+                      : ''
                   "
                   [attr.aria-label]="
                     (item.snapshot.snapshot_description ? 'Edit' : 'Add') +
@@ -837,6 +844,56 @@ <h3 [class.promote-color]="item.isTagged">
                 </div>
               </div>
             </section>
+
+            <section
+              *ngIf="item.isBundleCached"
+              class="snapshot-bundle-hashes"
+              aria-label="STIX bundle SHA-256 hashes">
+              <div class="snapshot-bundle-hashes-header">
+                <mat-icon aria-hidden="true">fingerprint</mat-icon>
+                <span>Bundle SHA-256</span>
+              </div>
+
+              <div class="snapshot-bundle-hash-row">
+                <span class="snapshot-bundle-hash-label">STIX 2.0</span>
+                <code *ngIf="getSnapshotBundleHash(item, '2.0') as hash">
+                  {{ hash }}
+                </code>
+                <span
+                  *ngIf="!getSnapshotBundleHash(item, '2.0')"
+                  class="snapshot-bundle-hash-error">
+                  Unavailable
+                </span>
+                <button
+                  mat-icon-button
+                  [disabled]="!getSnapshotBundleHash(item, '2.0')"
+                  aria-label="Copy STIX 2.0 bundle SHA-256"
+                  matTooltip="Copy STIX 2.0 bundle SHA-256"
+                  (click)="copySnapshotBundleHash(item, '2.0')">
+                  <mat-icon>content_copy</mat-icon>
+                </button>
+              </div>
+
+              <div class="snapshot-bundle-hash-row">
+                <span class="snapshot-bundle-hash-label">STIX 2.1</span>
+                <code *ngIf="getSnapshotBundleHash(item, '2.1') as hash">
+                  {{ hash }}
+                </code>
+                <span
+                  *ngIf="!getSnapshotBundleHash(item, '2.1')"
+                  class="snapshot-bundle-hash-error">
+                  Unavailable
+                </span>
+                <button
+                  mat-icon-button
+                  [disabled]="!getSnapshotBundleHash(item, '2.1')"
+                  aria-label="Copy STIX 2.1 bundle SHA-256"
+                  matTooltip="Copy STIX 2.1 bundle SHA-256"
+                  (click)="copySnapshotBundleHash(item, '2.1')">
+                  <mat-icon>content_copy</mat-icon>
+                </button>
+              </div>
+            </section>
           </div>
         </article>
       </div>
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
index c68869912..48a622830 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.scss
@@ -770,6 +770,69 @@ $released-members-disabled-dark: colors.on-color-deemphasis(dark);
     line-height: 26px;
   }
 
+  .snapshot-bundle-hashes {
+    margin: 0 16px 16px;
+    padding: 10px 12px;
+    border: 1px solid;
+    border-radius: 5px;
+
+    .dark & {
+      border-color: colors.border-color(dark);
+      background: rgba(colors.color(mitre-silver), 0.025);
+    }
+
+    .light & {
+      border-color: colors.border-color(light);
+      background: rgba(colors.color(mitre-navy), 0.025);
+    }
+  }
+
+  .snapshot-bundle-hashes-header {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    margin-bottom: 8px;
+    font-size: 12px;
+    font-weight: 700;
+    color: colors.color(secondary);
+
+    .mat-icon {
+      width: 18px;
+      height: 18px;
+      font-size: 18px;
+      line-height: 18px;
+    }
+  }
+
+  .snapshot-bundle-hash-row {
+    display: grid;
+    grid-template-columns: 64px minmax(0, 1fr) 40px;
+    align-items: center;
+    gap: 8px;
+    min-height: 40px;
+
+    code {
+      min-width: 0;
+      overflow-wrap: anywhere;
+      font-size: 12px;
+      line-height: 18px;
+    }
+
+    button {
+      justify-self: end;
+    }
+  }
+
+  .snapshot-bundle-hash-label {
+    font-size: 12px;
+    font-weight: 700;
+  }
+
+  .snapshot-bundle-hash-error {
+    font-size: 12px;
+    color: colors.color(warn);
+  }
+
   .modified-color {
     color: color.mix(colors.color(spark-yellow), colors.color(warn), 72%);
   }
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 53473beca..0f958c2e7 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -949,6 +949,11 @@ describe('ReleaseTrackPageComponent', () => {
         modified: item.modified,
         version: '1.0',
         graph_manifest_id: 'release-track-graph-manifest--cached',
+        bundle_hashes: {
+          manifest_id: 'release-track-graph-manifest--cached',
+          stix_2_0: 'a'.repeat(64),
+          stix_2_1: 'b'.repeat(64),
+        },
       })
     );
     component.id = 'release-track--123';
@@ -961,6 +966,8 @@ describe('ReleaseTrackPageComponent', () => {
     expect(item.snapshot.graph_manifest_id).toBe(
       'release-track-graph-manifest--cached'
     );
+    expect(component.getSnapshotBundleHash(item, '2.0')).toBe('a'.repeat(64));
+    expect(component.getSnapshotBundleHash(item, '2.1')).toBe('b'.repeat(64));
     expect(item.isBundleCached).toBe(true);
     expect(item.canCacheBundle).toBe(false);
     expect(mockReleaseTrackApiConnector.listSnapshots).toHaveBeenCalledWith(
@@ -1004,19 +1011,25 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.isCachingSnapshot(item)).toBe(false);
   });
 
-  it('should edit snapshot notes without changing the history row identity', () => {
+  it('should edit notes on a snapshot without a bundle cache', () => {
     const modified = '2026-07-23T13:37:28.000Z';
     const item = {
-      snapshot: { snapshot_description: 'Original context' },
+      snapshot: {
+        snapshot_description: 'Original context',
+      },
       title: 'v1.0',
       modified,
       isTagged: true,
+      isBundleCached: false,
     } as any;
     mockDialog.open.mockReturnValue({
       afterClosed: () => of('Updated analyst context'),
     });
     mockReleaseTrackApiConnector.updateSnapshotDescription.mockReturnValue(
-      of({ modified, snapshot_description: 'Updated analyst context' })
+      of({
+        modified,
+        snapshot_description: 'Updated analyst context',
+      })
     );
     component.id = 'release-track--123';
     component.releaseTrack = {
@@ -1053,11 +1066,63 @@ describe('ReleaseTrackPageComponent', () => {
     );
   });
 
+  it('should not open the notes editor for a cached snapshot', () => {
+    const item = {
+      snapshot: {
+        graph_manifest_id: 'release-track-graph-manifest--cached',
+        snapshot_description: 'Frozen release notes',
+      },
+      title: 'v1.0',
+      modified: '2026-07-23T13:37:28.000Z',
+      isTagged: true,
+      isBundleCached: true,
+    } as any;
+    component.id = 'release-track--123';
+
+    component.onEditSnapshotDescription(item);
+
+    expect(mockDialog.open).not.toHaveBeenCalled();
+    expect(
+      mockReleaseTrackApiConnector.updateSnapshotDescription
+    ).not.toHaveBeenCalled();
+  });
+
+  it('should copy a server-provided bundle hash to the clipboard', () => {
+    const modified = '2026-07-23T13:37:28.000Z';
+    const item = {
+      snapshot: {
+        graph_manifest_id: 'release-track-graph-manifest--cached',
+        bundle_hashes: {
+          manifest_id: 'release-track-graph-manifest--cached',
+          stix_2_0: 'a'.repeat(64),
+          stix_2_1: 'b'.repeat(64),
+        },
+      },
+      title: 'v1.0',
+      modified,
+      isTagged: true,
+    } as any;
+
+    component.copySnapshotBundleHash(item, '2.1');
+
+    expect(mockClipboard.copy).toHaveBeenCalledWith('b'.repeat(64));
+    expect(mockSnackbar.open).toHaveBeenCalledWith(
+      'STIX 2.1 bundle SHA-256 copied to the clipboard.',
+      null,
+      { duration: 3000 }
+    );
+  });
+
   it('should delete a cached snapshot graph after confirmation', () => {
     const item = {
       snapshot: {
         graph_manifest_id: 'release-track-graph-manifest--cached',
         graph_statistics: { total_count: 28 },
+        bundle_hashes: {
+          manifest_id: 'release-track-graph-manifest--cached',
+          stix_2_0: 'a'.repeat(64),
+          stix_2_1: 'b'.repeat(64),
+        },
       },
       title: 'v1.0',
       modified: '2026-07-23T13:37:28.000Z',
@@ -1092,6 +1157,7 @@ describe('ReleaseTrackPageComponent', () => {
     ).toHaveBeenCalledWith('release-track--123', item.modified);
     expect(item.snapshot.graph_manifest_id).toBeUndefined();
     expect(item.snapshot.graph_statistics).toBeUndefined();
+    expect(item.snapshot.bundle_hashes).toBeUndefined();
     expect(item.isBundleCached).toBe(false);
     expect(item.canCacheBundle).toBe(true);
     expect(item.graphCacheStats).toEqual([]);
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index 925742678..d94af7eae 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -1954,6 +1954,8 @@ export class ReleaseTrackPageComponent implements OnInit {
       !this.id ||
       !item.modified ||
       !this.canEditReleaseTrack ||
+      item.isBundleCached ||
+      !!item.snapshot.graph_manifest_id ||
       this.isUpdatingSnapshotDescription(item)
     ) {
       return;
@@ -1968,7 +1970,7 @@ export class ReleaseTrackPageComponent implements OnInit {
           : 'Add snapshot notes',
         description: item.snapshot.snapshot_description || '',
         message:
-          'These notes are visible on this snapshot in history and can be changed later without changing its release version or contents.',
+          'These notes are visible on this snapshot in history and in its STIX bundles. Notes cannot be changed while the bundle is cached.',
         confirmLabel: 'Save notes',
       },
     });
@@ -1991,24 +1993,19 @@ export class ReleaseTrackPageComponent implements OnInit {
           .subscribe({
             next: snapshot => {
               const updatedDescription = snapshot.snapshot_description;
-              if (updatedDescription) {
-                item.snapshot.snapshot_description = updatedDescription;
-              } else {
-                delete item.snapshot.snapshot_description;
-              }
+              item.snapshot = { ...item.snapshot, ...snapshot };
 
               if (
                 this.releaseTrack &&
                 this.getSnapshotModified(this.releaseTrack) === modified
               ) {
-                this.releaseTrack.snapshot_description = updatedDescription;
+                Object.assign(this.releaseTrack, snapshot);
               }
               if (
                 this.createdDraftSnapshot &&
                 this.getSnapshotModified(this.createdDraftSnapshot) === modified
               ) {
-                this.createdDraftSnapshot.snapshot_description =
-                  updatedDescription;
+                Object.assign(this.createdDraftSnapshot, snapshot);
               }
 
               this.snackbar.open(
@@ -2131,6 +2128,7 @@ export class ReleaseTrackPageComponent implements OnInit {
           .subscribe({
             next: () => {
               delete item.snapshot.graph_manifest_id;
+              delete item.snapshot.bundle_hashes;
               delete item.snapshot.graph_statistics;
               item.isBundleCached = false;
               item.canCacheBundle = item.isTagged;
@@ -2181,6 +2179,34 @@ export class ReleaseTrackPageComponent implements OnInit {
       });
   }
 
+  public getSnapshotBundleHash(
+    item: SnapshotHistoryViewModel,
+    stixVersion: StixVersion
+  ): string | null {
+    const hashes = item.snapshot.bundle_hashes;
+    if (!hashes || hashes.manifest_id !== item.snapshot.graph_manifest_id) {
+      return null;
+    }
+    return stixVersion === '2.0' ? hashes.stix_2_0 : hashes.stix_2_1;
+  }
+
+  public copySnapshotBundleHash(
+    item: SnapshotHistoryViewModel,
+    stixVersion: StixVersion
+  ): void {
+    const hash = this.getSnapshotBundleHash(item, stixVersion);
+    if (!hash) return;
+
+    const copied = this.clipboard.copy(hash);
+    this.snackbar.open(
+      copied
+        ? `STIX ${stixVersion} bundle SHA-256 copied to the clipboard.`
+        : `Unable to copy the STIX ${stixVersion} bundle SHA-256.`,
+      null,
+      copied ? { duration: 3000 } : { duration: 5000, panelClass: 'error' }
+    );
+  }
+
   private getSnapshotExportOptions(
     item: SnapshotHistoryViewModel,
     selection: SnapshotExportSelection

From 1f6da46b9b791464b835795dbf04d21ac162a07c Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 6 Aug 2026 14:12:34 -0400
Subject: [PATCH 184/190] fix: remove openHistory and openNotes sections from
 identityViewComponent

---
 .../views/stix/identity-view/identity-view.component.html    | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/app/views/stix/identity-view/identity-view.component.html b/src/app/views/stix/identity-view/identity-view.component.html
index fdf31b425..e1c5f26be 100644
--- a/src/app/views/stix/identity-view/identity-view.component.html
+++ b/src/app/views/stix/identity-view/identity-view.component.html
@@ -6,10 +6,7 @@
           mode: config.mode,
           object: config.object,
         }"></app-name-property>
-      <app-subheading
-        [config]="config"
-        (onOpenHistory)="openHistory()"
-        (onOpenNotes)="openNotes()"></app-subheading>
+      <app-subheading [config]="config"></app-subheading>
     </div>
   </div>
   <div class="row">

From 2164790f4d8e5bd61dbad518979b4530af171205 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Fri, 7 Aug 2026 10:12:12 -0400
Subject: [PATCH 185/190] ci: trigger pipeline


From faa2d926ed16bafc7c4d836c1de080dd7b918ca4 Mon Sep 17 00:00:00 2001
From: Sean Sica <23294618+seansica@users.noreply.github.com>
Date: Fri, 7 Aug 2026 11:38:59 -0400
Subject: [PATCH 186/190] feat(shell): display component build versions

Generate frontend build metadata from release build arguments and load it alongside the REST API system version. Show both component versions in the navigation footer with provenance details and safe development fallbacks.
---
 Dockerfile                                    | 10 ++-
 docs/local-dev.md                             | 19 ++++-
 docs/usage.md                                 |  8 ++
 package.json                                  |  3 +
 scripts/write-build-info.mjs                  | 27 ++++++
 .../components/footer/footer.component.html   | 15 +++-
 .../components/footer/footer.component.scss   | 18 +++-
 .../footer/footer.component.spec.ts           | 42 ++++++++++
 src/app/components/footer/footer.component.ts | 40 +++++++--
 .../navigation/navigation.component.html      |  2 +
 .../navigation/navigation.component.spec.ts   | 10 ++-
 .../build-info/build-info.service.spec.ts     | 82 +++++++++++++++++++
 .../services/build-info/build-info.service.ts | 59 +++++++++++++
 src/assets/build-info.json                    |  6 ++
 14 files changed, 327 insertions(+), 14 deletions(-)
 create mode 100644 scripts/write-build-info.mjs
 create mode 100644 src/app/services/build-info/build-info.service.spec.ts
 create mode 100644 src/app/services/build-info/build-info.service.ts
 create mode 100644 src/assets/build-info.json

diff --git a/Dockerfile b/Dockerfile
index 3b11d2243..840d3983d 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -7,6 +7,14 @@ COPY . .
 
 ARG TARGETOS
 ARG TARGETARCH
+ARG VERSION=dev
+ARG BUILDTIME=unknown
+ARG REVISION=unknown
+
+# Make the OCI build metadata available while Angular's static assets are built.
+ENV APP_VERSION=${VERSION} \
+    GIT_COMMIT=${REVISION} \
+    BUILD_DATE=${BUILDTIME}
 
 # Install dependencies
 RUN npm install --cpu ${TARGETARCH} --os ${TARGETOS}
@@ -51,4 +59,4 @@ COPY --from=build /workspace/dist/app/browser /usr/share/nginx/html
 EXPOSE 80 443
 
 # Command to run NGINX in foreground
-CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/docs/local-dev.md b/docs/local-dev.md
index 6fdac153a..76a427de7 100644
--- a/docs/local-dev.md
+++ b/docs/local-dev.md
@@ -78,6 +78,23 @@ ng serve
 
 Open your browser and navigate to `http://localhost:4200`
 
+### Build information
+
+`ng serve` uses `src/assets/build-info.json`, which contains development
+fallbacks. The repository's `npm run build` and `npm run build-prod` commands
+generate `dist/app/browser/assets/build-info.json` after Angular finishes.
+Provide release metadata through the same variables used by the Docker build:
+
+```bash
+APP_VERSION=4.20.0-beta.23 \
+GIT_COMMIT=c2c017c146fae040caba559333b35536bfbd1189 \
+BUILD_DATE=2026-08-05T15:13:49.915Z \
+npm run build-prod
+```
+
+If variables are omitted, the generated asset uses the package version and
+reports its commit and build date as `unknown`.
+
 
 ## Note: Recommended setup using Visual Studio Code Workspaces
 
@@ -140,4 +157,4 @@ Example VS Code Workspace configuration:
         ]
     }
 }
-```
\ No newline at end of file
+```
diff --git a/docs/usage.md b/docs/usage.md
index dd1bcaa04..7d92911fe 100644
--- a/docs/usage.md
+++ b/docs/usage.md
@@ -2,6 +2,14 @@
 
 The ATT&CK Workbench is a tool intended to allow the ATT&CK community to *explore*, *create*, *annotate* and *share* extensions of ATT&CK. 
 
+## Build Information
+
+The bottom of the primary navigation shows the release versions of the
+Workbench frontend and the connected REST API. Hover over either version to
+see the source commit and build date. If the REST API cannot be reached, its
+version is shown as `unknown` without preventing the rest of the application
+from loading.
+
 ## Exploring ATT&CK
 
 When first instantiated, the ATT&CK Workbench will not include any data. You can use the application to build a custom dataset, or import data from a data provider such as MITRE using the collections browser.
diff --git a/package.json b/package.json
index fee5bbd67..9e1d0c33a 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,10 @@
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build",
+    "postbuild": "npm run generate:build-info",
     "build-prod": "ng build --configuration production",
+    "postbuild-prod": "npm run generate:build-info",
+    "generate:build-info": "node scripts/write-build-info.mjs",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "test:ui": "vitest --ui",
diff --git a/scripts/write-build-info.mjs b/scripts/write-build-info.mjs
new file mode 100644
index 000000000..cd9ac3b30
--- /dev/null
+++ b/scripts/write-build-info.mjs
@@ -0,0 +1,27 @@
+import { mkdir, readFile, writeFile } from 'node:fs/promises';
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const repositoryRoot = resolve(dirname(fileURLToPath(import.meta.url)), '..');
+const packageInfo = JSON.parse(
+  await readFile(resolve(repositoryRoot, 'package.json'), 'utf8')
+);
+const outputPath = process.env.BUILD_INFO_OUTPUT_PATH
+  ? resolve(process.env.BUILD_INFO_OUTPUT_PATH)
+  : resolve(repositoryRoot, 'dist/app/browser/assets/build-info.json');
+
+function environmentValue(name, fallback) {
+  return process.env[name]?.trim() || fallback;
+}
+
+const buildInfo = {
+  name: packageInfo.name,
+  version: environmentValue('APP_VERSION', packageInfo.version),
+  gitCommit: environmentValue('GIT_COMMIT', 'unknown'),
+  buildDate: environmentValue('BUILD_DATE', 'unknown'),
+};
+
+await mkdir(dirname(outputPath), { recursive: true });
+await writeFile(outputPath, `${JSON.stringify(buildInfo, null, 2)}\n`);
+
+console.log(`Wrote build information to ${outputPath}`);
diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
index 0bf835531..c50303c7b 100644
--- a/src/app/components/footer/footer.component.html
+++ b/src/app/components/footer/footer.component.html
@@ -1,3 +1,12 @@
-<mat-toolbar color="accent" class="footer">
-  <div class="version-info">{{ appName }} v{{ appVersion }}</div>
-</mat-toolbar>
+<div class="footer" aria-label="Build information">
+  <div
+    class="version-info"
+    [title]="buildDetails('Frontend', frontendBuildInfo)">
+    Frontend {{ formatVersion(frontendBuildInfo.version) }}
+  </div>
+  <div
+    class="version-info"
+    [title]="buildDetails('REST API', restApiBuildInfo)">
+    REST API {{ formatVersion(restApiBuildInfo.version) }}
+  </div>
+</div>
diff --git a/src/app/components/footer/footer.component.scss b/src/app/components/footer/footer.component.scss
index 57cfb842c..20fe98f38 100644
--- a/src/app/components/footer/footer.component.scss
+++ b/src/app/components/footer/footer.component.scss
@@ -1,8 +1,22 @@
 @use '../../../style/globals';
+@use '../../../style/colors' as colors;
+
+:host {
+  display: block;
+  margin-top: auto;
+  padding-top: 16px;
+}
+
 .footer {
-  height: 48px;
+  padding: 12px 18px 0;
+  border-top: 1px solid rgba(colors.color(mitre-silver), 0.2);
+
   .version-info {
     @extend .text-label;
-    opacity: 0.6;
+
+    color: rgba(colors.color(mitre-silver), 0.62);
+    font-size: 11px;
+    line-height: 18px;
+    white-space: nowrap;
   }
 }
diff --git a/src/app/components/footer/footer.component.spec.ts b/src/app/components/footer/footer.component.spec.ts
index 482c0ef6e..f6e5b6497 100644
--- a/src/app/components/footer/footer.component.spec.ts
+++ b/src/app/components/footer/footer.component.spec.ts
@@ -1,15 +1,38 @@
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { of } from 'rxjs';
 
 import { FooterComponent } from './footer.component';
+import { BuildInfoService } from '../../services/build-info/build-info.service';
 
 describe('FooterComponent', () => {
   let component: FooterComponent;
   let fixture: ComponentFixture<FooterComponent>;
+  const buildInfo = {
+    frontend: {
+      name: 'attack-workbench-frontend',
+      version: '4.20.0-beta.23',
+      gitCommit: 'frontend-commit',
+      buildDate: '2026-08-05T15:13:49.915Z',
+    },
+    restApi: {
+      name: 'attack-workbench-rest-api',
+      version: '4.20.0-beta.22',
+      gitCommit: 'rest-api-commit',
+      buildDate: '2026-08-04T15:13:49.915Z',
+      attackSpecVersion: '3.3.0',
+    },
+  };
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [FooterComponent],
+      providers: [
+        {
+          provide: BuildInfoService,
+          useValue: { getBuildInfo: vi.fn(() => of(buildInfo)) },
+        },
+      ],
       schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();
   }));
@@ -23,4 +46,23 @@ describe('FooterComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should display the frontend and REST API build versions', () => {
+    const versionElements: HTMLElement[] = Array.from(
+      fixture.nativeElement.querySelectorAll('.version-info')
+    );
+
+    expect(versionElements.map(element => element.textContent?.trim())).toEqual(
+      ['Frontend v4.20.0-beta.23', 'REST API v4.20.0-beta.22']
+    );
+    expect(versionElements[0].title).toContain('Commit: frontend-commit');
+    expect(versionElements[1].title).toContain(
+      'Built: 2026-08-04T15:13:49.915Z'
+    );
+  });
+
+  it('should not duplicate an existing version prefix', () => {
+    expect(component.formatVersion('v4.20.0')).toBe('v4.20.0');
+    expect(component.formatVersion('unknown')).toBe('unknown');
+  });
 });
diff --git a/src/app/components/footer/footer.component.ts b/src/app/components/footer/footer.component.ts
index 765c617bb..514ac93f3 100644
--- a/src/app/components/footer/footer.component.ts
+++ b/src/app/components/footer/footer.component.ts
@@ -1,5 +1,9 @@
 import { Component, OnInit } from '@angular/core';
 import * as globals from '../../utils/globals';
+import {
+  BuildInfo,
+  BuildInfoService,
+} from '../../services/build-info/build-info.service';
 
 @Component({
   selector: 'app-footer',
@@ -8,14 +12,38 @@ import * as globals from '../../utils/globals';
   standalone: false,
 })
 export class FooterComponent implements OnInit {
-  public appVersion: string = globals.appVersion;
-  public appName: string = globals.appName;
+  public frontendBuildInfo: BuildInfo = {
+    name: globals.appName,
+    version: globals.appVersion,
+    gitCommit: 'unknown',
+    buildDate: 'unknown',
+  };
+  public restApiBuildInfo: BuildInfo = {
+    name: 'attack-workbench-rest-api',
+    version: 'unknown',
+    gitCommit: 'unknown',
+    buildDate: 'unknown',
+  };
 
-  constructor() {
-    // intentionally left blank
+  constructor(private buildInfoService: BuildInfoService) {}
+
+  ngOnInit(): void {
+    this.buildInfoService.getBuildInfo().subscribe(buildInfo => {
+      this.frontendBuildInfo = buildInfo.frontend;
+      this.restApiBuildInfo = buildInfo.restApi;
+    });
+  }
+
+  public formatVersion(version: string): string {
+    if (!version || version === 'unknown') return 'unknown';
+    return version.startsWith('v') ? version : `v${version}`;
   }
 
-  ngOnInit() {
-    // intentionally left blank
+  public buildDetails(label: string, buildInfo: BuildInfo): string {
+    return [
+      `${label} ${this.formatVersion(buildInfo.version)}`,
+      `Commit: ${buildInfo.gitCommit}`,
+      `Built: ${buildInfo.buildDate}`,
+    ].join('\n');
   }
 }
diff --git a/src/app/components/navigation/navigation.component.html b/src/app/components/navigation/navigation.component.html
index a32f24618..b4fe9b41b 100644
--- a/src/app/components/navigation/navigation.component.html
+++ b/src/app/components/navigation/navigation.component.html
@@ -180,4 +180,6 @@
       <span>{{ item.label }}</span>
     </a>
   </div>
+
+  <app-footer></app-footer>
 </nav>
diff --git a/src/app/components/navigation/navigation.component.spec.ts b/src/app/components/navigation/navigation.component.spec.ts
index ac148119a..53e2e8d86 100644
--- a/src/app/components/navigation/navigation.component.spec.ts
+++ b/src/app/components/navigation/navigation.component.spec.ts
@@ -1,3 +1,4 @@
+import { Component } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RouterModule } from '@angular/router';
 import { MatDividerModule } from '@angular/material/divider';
@@ -13,6 +14,13 @@ import { RestApiConnectorService } from 'src/app/services/connectors/rest-api/re
 import { createMockRestApiConnector } from 'src/app/testing/mocks/rest-api-connector.mock';
 import { UserAccountEventsService } from 'src/app/services/user-account-events/user-account-events.service';
 
+@Component({
+  selector: 'app-footer',
+  template: '',
+  standalone: false,
+})
+class FooterStubComponent {}
+
 describe('NavigationComponent', () => {
   let component: NavigationComponent;
   let fixture: ComponentFixture<NavigationComponent>;
@@ -31,7 +39,7 @@ describe('NavigationComponent', () => {
     });
 
     await TestBed.configureTestingModule({
-      declarations: [NavigationComponent],
+      declarations: [NavigationComponent, FooterStubComponent],
       imports: [MatDividerModule, MatIconModule, RouterModule.forRoot([])],
       providers: [
         {
diff --git a/src/app/services/build-info/build-info.service.spec.ts b/src/app/services/build-info/build-info.service.spec.ts
new file mode 100644
index 000000000..ccde44bdf
--- /dev/null
+++ b/src/app/services/build-info/build-info.service.spec.ts
@@ -0,0 +1,82 @@
+import { provideHttpClient } from '@angular/common/http';
+import {
+  HttpTestingController,
+  provideHttpClientTesting,
+} from '@angular/common/http/testing';
+import { TestBed } from '@angular/core/testing';
+import { firstValueFrom } from 'rxjs';
+import { environment } from '../../../environments/environment';
+import * as globals from '../../utils/globals';
+import { BuildInfoService } from './build-info.service';
+
+describe('BuildInfoService', () => {
+  let service: BuildInfoService;
+  let httpTestingController: HttpTestingController;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [provideHttpClient(), provideHttpClientTesting()],
+    });
+    service = TestBed.inject(BuildInfoService);
+    httpTestingController = TestBed.inject(HttpTestingController);
+  });
+
+  afterEach(() => {
+    httpTestingController.verify();
+  });
+
+  it('should load frontend and REST API build information', async () => {
+    const frontend = {
+      name: 'attack-workbench-frontend',
+      version: '4.20.0-beta.23',
+      gitCommit: 'frontend-commit',
+      buildDate: '2026-08-05T15:13:49.915Z',
+    };
+    const restApi = {
+      name: 'attack-workbench-rest-api',
+      version: '4.20.0-beta.22',
+      gitCommit: 'rest-api-commit',
+      buildDate: '2026-08-04T15:13:49.915Z',
+      attackSpecVersion: '3.3.0',
+    };
+
+    const result = firstValueFrom(service.getBuildInfo());
+
+    httpTestingController.expectOne('/assets/build-info.json').flush(frontend);
+    httpTestingController
+      .expectOne(
+        `${environment.integrations.rest_api.url}/config/system-version`
+      )
+      .flush(restApi);
+
+    await expect(result).resolves.toEqual({ frontend, restApi });
+  });
+
+  it('should use safe fallbacks when build information is unavailable', async () => {
+    const result = firstValueFrom(service.getBuildInfo());
+
+    httpTestingController
+      .expectOne('/assets/build-info.json')
+      .flush('missing', { status: 404, statusText: 'Not Found' });
+    httpTestingController
+      .expectOne(
+        `${environment.integrations.rest_api.url}/config/system-version`
+      )
+      .flush('unavailable', { status: 503, statusText: 'Unavailable' });
+
+    await expect(result).resolves.toEqual({
+      frontend: {
+        name: globals.appName,
+        version: globals.appVersion,
+        gitCommit: 'unknown',
+        buildDate: 'unknown',
+      },
+      restApi: {
+        name: 'attack-workbench-rest-api',
+        version: 'unknown',
+        gitCommit: 'unknown',
+        buildDate: 'unknown',
+      },
+    });
+  });
+});
diff --git a/src/app/services/build-info/build-info.service.ts b/src/app/services/build-info/build-info.service.ts
new file mode 100644
index 000000000..490288c89
--- /dev/null
+++ b/src/app/services/build-info/build-info.service.ts
@@ -0,0 +1,59 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { forkJoin, Observable, of } from 'rxjs';
+import { catchError, shareReplay } from 'rxjs/operators';
+import { environment } from '../../../environments/environment';
+import * as globals from '../../utils/globals';
+
+export interface BuildInfo {
+  name: string;
+  version: string;
+  gitCommit: string;
+  buildDate: string;
+  attackSpecVersion?: string;
+}
+
+export interface WorkbenchBuildInfo {
+  frontend: BuildInfo;
+  restApi: BuildInfo;
+}
+
+@Injectable({
+  providedIn: 'root',
+})
+export class BuildInfoService {
+  private buildInfoRequest?: Observable<WorkbenchBuildInfo>;
+
+  private readonly frontendFallback: BuildInfo = {
+    name: globals.appName,
+    version: globals.appVersion,
+    gitCommit: 'unknown',
+    buildDate: 'unknown',
+  };
+
+  private readonly restApiFallback: BuildInfo = {
+    name: 'attack-workbench-rest-api',
+    version: 'unknown',
+    gitCommit: 'unknown',
+    buildDate: 'unknown',
+  };
+
+  constructor(private http: HttpClient) {}
+
+  public getBuildInfo(): Observable<WorkbenchBuildInfo> {
+    if (!this.buildInfoRequest) {
+      this.buildInfoRequest = forkJoin({
+        frontend: this.http
+          .get<BuildInfo>('/assets/build-info.json')
+          .pipe(catchError(() => of(this.frontendFallback))),
+        restApi: this.http
+          .get<BuildInfo>(
+            `${environment.integrations.rest_api.url}/config/system-version`
+          )
+          .pipe(catchError(() => of(this.restApiFallback))),
+      }).pipe(shareReplay({ bufferSize: 1, refCount: false }));
+    }
+
+    return this.buildInfoRequest;
+  }
+}
diff --git a/src/assets/build-info.json b/src/assets/build-info.json
new file mode 100644
index 000000000..7e4f83925
--- /dev/null
+++ b/src/assets/build-info.json
@@ -0,0 +1,6 @@
+{
+  "name": "attack-workbench-frontend",
+  "version": "3.2.0",
+  "gitCommit": "unknown",
+  "buildDate": "unknown"
+}

From bbfeaad3c3dd651931ee094d7d9beeb9e215f9dc Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 13 Aug 2026 23:06:50 -0400
Subject: [PATCH 187/190] feat: diable submit for review button if object is
 not in any track

---
 .../name-property.component.html              | 27 +++++++++++--------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/app/components/stix/name-property/name-property.component.html b/src/app/components/stix/name-property/name-property.component.html
index 4eb827596..576c3accd 100644
--- a/src/app/components/stix/name-property/name-property.component.html
+++ b/src/app/components/stix/name-property/name-property.component.html
@@ -29,17 +29,22 @@ <h1 class="lowercase">
       </button>
 
       <!-- update workflow status -->
-      <button
-        mat-button
-        type="button"
-        class="workflow-action-button workflow-trigger"
-        [matMenuTriggerFor]="workflowStatusMenu"
-        #workflowTriggerButton
-        #workflowMenuTrigger="matMenuTrigger"
-        aria-label="Submit object for review">
-        <mat-icon>assignment_ind</mat-icon>
-        <span>Submit for Review</span>
-      </button>
+      <span
+        matTooltip="Add this object to a release track to submit it for review"
+        [matTooltipDisabled]="loadingTracks || hasTracks">
+        <button
+          mat-button
+          type="button"
+          class="workflow-action-button workflow-trigger"
+          [disabled]="!loadingTracks && !hasTracks"
+          [matMenuTriggerFor]="workflowStatusMenu"
+          #workflowTriggerButton
+          #workflowMenuTrigger="matMenuTrigger"
+          aria-label="Submit object for review">
+          <mat-icon>assignment_ind</mat-icon>
+          <span>Submit for Review</span>
+        </button>
+      </span>
 
       <mat-menu
         #workflowStatusMenu="matMenu"

From 11492fb28f721e37998d786d8b0de55d9bf8c20d Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Fri, 21 Aug 2026 11:53:10 -0400
Subject: [PATCH 188/190] fix: grey out button when not part of a release track

---
 .../name-property/name-property.component.scss  | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/app/components/stix/name-property/name-property.component.scss b/src/app/components/stix/name-property/name-property.component.scss
index 073dcca33..a936b19f0 100644
--- a/src/app/components/stix/name-property/name-property.component.scss
+++ b/src/app/components/stix/name-property/name-property.component.scss
@@ -98,7 +98,7 @@ $workflow-reviewed-color: colors.color(success);
       background: rgba(colors.color(warn), 0.08);
     }
 
-    &:hover {
+    &:hover:not(:disabled) {
       .dark & {
         border-color: rgba(colors.color(warn), 0.62);
         background: rgba(colors.color(warn), 0.16);
@@ -109,6 +109,21 @@ $workflow-reviewed-color: colors.color(success);
         background: rgba(colors.color(warn), 0.13);
       }
     }
+
+    &:disabled {
+      cursor: not-allowed;
+      @include colors.theme-text-deemphasis;
+
+      .dark & {
+        border-color: rgba(colors.on-color(dark), 0.24);
+        background: rgba(colors.on-color(dark), 0.035);
+      }
+
+      .light & {
+        border-color: rgba(colors.on-color(light), 0.24);
+        background: rgba(colors.on-color(light), 0.035);
+      }
+    }
   }
 
   .name-edit {

From 0ec51fc9cadfb387d1c79801609107151ac6c480 Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Mon, 24 Aug 2026 12:10:21 -0400
Subject: [PATCH 189/190] feat(release-tracks): complete virtual track UI and
 card interactions

---
 .../release-track-card.component.html         |   6 +-
 .../release-track-object-card.component.scss  |   1 +
 .../release-management.component.spec.ts      |  77 +++++++++++++
 .../release-management.component.ts           |  22 +++-
 .../release-track-page.component.html         | 102 ++++++++++++++++++
 .../release-track-page.component.spec.ts      |   6 ++
 .../release-track-page.component.ts           |  15 ++-
 7 files changed, 215 insertions(+), 14 deletions(-)
 create mode 100644 src/app/views/dashboard-page/release-management/release-management.component.spec.ts

diff --git a/src/app/components/release-track-card/release-track-card.component.html b/src/app/components/release-track-card/release-track-card.component.html
index bdfd698ba..4305206bd 100644
--- a/src/app/components/release-track-card/release-track-card.component.html
+++ b/src/app/components/release-track-card/release-track-card.component.html
@@ -54,16 +54,16 @@
           <div class="stat">
             <div class="stat-label">COMPONENTS</div>
             <div class="stat-value">
-              {{ track.composition?.component_tracks?.length || 0 }}
+              {{ track.stats?.components ?? 0 }}
             </div>
           </div>
           <div class="stat">
             <div class="stat-label">QUARANTINED</div>
-            <div class="stat-value">{{ track.stats?.quarantined || 0 }}</div>
+            <div class="stat-value">{{ track.stats?.quarantined ?? 0 }}</div>
           </div>
           <div class="stat">
             <div class="stat-label">MEMBERS</div>
-            <div class="stat-value">{{ track.stats?.members || 0 }}</div>
+            <div class="stat-value">{{ track.stats?.members ?? 0 }}</div>
           </div>
         </ng-container>
       </div>
diff --git a/src/app/components/release-track-object-card/release-track-object-card.component.scss b/src/app/components/release-track-object-card/release-track-object-card.component.scss
index 30d81ea4d..eaa5a4ecf 100644
--- a/src/app/components/release-track-object-card/release-track-object-card.component.scss
+++ b/src/app/components/release-track-object-card/release-track-object-card.component.scss
@@ -5,6 +5,7 @@
   display: flex;
   flex-direction: column;
   gap: 0;
+  cursor: pointer;
   overflow: hidden;
   border-radius: 6px;
   box-shadow: none;
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.spec.ts b/src/app/views/dashboard-page/release-management/release-management.component.spec.ts
new file mode 100644
index 000000000..e9eabee80
--- /dev/null
+++ b/src/app/views/dashboard-page/release-management/release-management.component.spec.ts
@@ -0,0 +1,77 @@
+import { of } from 'rxjs';
+import { ReleaseManagementComponent } from './release-management.component';
+
+describe('ReleaseManagementComponent', () => {
+  it('should populate virtual card counts from the release track summary', () => {
+    const connector = {
+      listReleaseTracks: vi.fn().mockReturnValue(
+        of({
+          data: [
+            {
+              track_id: 'release-track--virtual',
+              type: 'virtual',
+              summary: {
+                members_count: 24,
+                quarantine_count: 3,
+                component_tracks_count: 2,
+              },
+            },
+          ],
+        })
+      ),
+    } as any;
+    const component = new ReleaseManagementComponent(
+      connector,
+      { navigate: vi.fn() } as any,
+      { open: vi.fn() } as any
+    );
+
+    component.ngOnInit();
+
+    expect(component.virtualTracks[0].stats).toEqual(
+      expect.objectContaining({
+        members: 24,
+        quarantined: 3,
+        components: 2,
+      })
+    );
+  });
+
+  it('should fall back to included arrays when summary counts are absent', () => {
+    const connector = {
+      listReleaseTracks: vi.fn().mockReturnValue(
+        of({
+          data: [
+            {
+              track_id: 'release-track--virtual',
+              type: 'virtual',
+              members: [{ object_ref: 'attack-pattern--one' }],
+              quarantine: [{ object_ref: 'attack-pattern--two' }],
+              composition: {
+                component_tracks: [
+                  { track_id: 'release-track--standard-one' },
+                  { track_id: 'release-track--standard-two' },
+                ],
+              },
+            },
+          ],
+        })
+      ),
+    } as any;
+    const component = new ReleaseManagementComponent(
+      connector,
+      { navigate: vi.fn() } as any,
+      { open: vi.fn() } as any
+    );
+
+    component.ngOnInit();
+
+    expect(component.virtualTracks[0].stats).toEqual(
+      expect.objectContaining({
+        members: 1,
+        quarantined: 1,
+        components: 2,
+      })
+    );
+  });
+});
diff --git a/src/app/views/dashboard-page/release-management/release-management.component.ts b/src/app/views/dashboard-page/release-management/release-management.component.ts
index c77e576dc..b5c68a29d 100644
--- a/src/app/views/dashboard-page/release-management/release-management.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-management.component.ts
@@ -71,7 +71,14 @@ export class ReleaseManagementComponent implements OnInit, OnDestroy {
 
   private tracksWithComputedData(data: any[]): any[] {
     return data.map((track: any) => {
-      const summary = track.summary ?? {};
+      const summary =
+        track.summary ??
+        track.latest_snapshot?.summary ??
+        track.statistics ??
+        {};
+      const componentTracks = track.composition?.component_tracks;
+      const members = track.members;
+      const quarantine = track.quarantine;
 
       return {
         ...track,
@@ -80,8 +87,17 @@ export class ReleaseManagementComponent implements OnInit, OnDestroy {
         stats: {
           candidates: summary.candidates_count ?? 0,
           staged: summary.staged_count ?? 0,
-          members: summary.members_count ?? 0,
-          quarantined: 0,
+          members:
+            summary.members_count ??
+            (Array.isArray(members) ? members.length : 0),
+          quarantined:
+            summary.quarantine_count ??
+            summary.quarantined_count ??
+            (Array.isArray(quarantine) ? quarantine.length : 0),
+          components:
+            summary.component_tracks_count ??
+            summary.components_count ??
+            (Array.isArray(componentTracks) ? componentTracks.length : 0),
         },
       };
     });
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
index a5c56555b..f0922ab12 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.html
@@ -391,6 +391,94 @@ <h3>Resolution Details</h3>
 
     <ng-template #virtualDetailsTpl>
       <div class="virtual-track-layout">
+        <div class="labelled-box summary-frame">
+          <div
+            class="summary-overview content no-label"
+            aria-label="Virtual release track summary">
+            <section class="summary-description">
+              <div class="summary-section-header">
+                <h2>Description</h2>
+                <button
+                  *ngIf="!isEditingDescription"
+                  class="description-edit-button"
+                  mat-icon-button
+                  type="button"
+                  aria-label="Edit release track description"
+                  (click)="onEditDescription()">
+                  <mat-icon>edit</mat-icon>
+                </button>
+              </div>
+
+              <p
+                *ngIf="!isEditingDescription"
+                class="summary-description-text"
+                [ngClass]="{ empty: !releaseTrackDescription }">
+                {{ releaseTrackDescription || 'No description provided.' }}
+              </p>
+
+              <div *ngIf="isEditingDescription" class="description-editor">
+                <mat-form-field appearance="outline">
+                  <textarea
+                    matInput
+                    rows="3"
+                    placeholder="Describe this release track..."
+                    [(ngModel)]="descriptionDraft"></textarea>
+                </mat-form-field>
+                <div class="small-buttons description-actions">
+                  <button
+                    mat-stroked-button
+                    type="button"
+                    (click)="onCancelDescriptionEdit()">
+                    Cancel
+                  </button>
+                  <button
+                    mat-raised-button
+                    color="primary"
+                    type="button"
+                    [disabled]="isSavingDescription"
+                    (click)="onSaveDescription()">
+                    Save
+                  </button>
+                </div>
+              </div>
+            </section>
+
+            <div
+              class="summary-stats"
+              aria-label="Virtual release track object counts">
+              <div class="summary-metric candidates-summary">
+                <strong class="summary-count view-color">
+                  {{ virtualComponentTracks.length }}
+                </strong>
+                <div class="summary-copy">
+                  <strong class="summary-heading">Components</strong>
+                  <span class="text-deemphasis">standard tracks</span>
+                </div>
+              </div>
+
+              <div class="summary-metric staged-summary">
+                <strong class="summary-count promote-color">
+                  {{ members.length }}
+                </strong>
+                <div class="summary-copy">
+                  <strong class="summary-heading">Members</strong>
+                  <span class="text-deemphasis">resolved objects</span>
+                </div>
+              </div>
+
+              <div class="summary-metric members-summary">
+                <strong class="summary-count quarantine-color">
+                  {{ quarantineObjects.length }}
+                </strong>
+                <div class="summary-copy">
+                  <strong class="summary-heading">Quarantined</strong>
+                  <span class="text-deemphasis">resolution conflicts</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
         <section class="labelled-box virtual-resolution-panel">
           <div class="content no-label">
             <div class="card-header member-list virtual-resolution-header">
@@ -494,6 +582,10 @@ <h3>Members ({{ members.length || 0 }})</h3>
                   <div>
                     <h4>{{ getVirtualObjectTitle(item) }}</h4>
                     <p>{{ getVirtualObjectSubtitle(item) }}</p>
+                    <p *ngIf="item.object_modified">
+                      Revision:
+                      {{ item.object_modified | date: 'MMM d, y, h:mm:ss a' }}
+                    </p>
                   </div>
                   <button
                     mat-stroked-button
@@ -531,6 +623,16 @@ <h3 class="quarantine-color">
                   <div>
                     <h4>{{ getVirtualObjectTitle(item) }}</h4>
                     <p>{{ getVirtualObjectSubtitle(item) }}</p>
+                    <p *ngIf="item.source_track_name || item.source_track_id">
+                      Source:
+                      {{ item.source_track_name || item.source_track_id }}
+                      <ng-container *ngIf="item.source_snapshot_version">
+                        ({{ getVirtualSourceVersion(item) }})
+                      </ng-container>
+                    </p>
+                    <p *ngIf="item.conflict_reason">
+                      {{ item.conflict_reason }}
+                    </p>
                   </div>
                   <button
                     *ngIf="item.object_ref"
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
index 0f958c2e7..fdb53df1d 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.spec.ts
@@ -760,6 +760,12 @@ describe('ReleaseTrackPageComponent', () => {
     expect(component.getVirtualObjectSubtitle(component.members[0])).toBe(
       'NX0001'
     );
+    expect(
+      component.getVirtualSourceVersion({ source_snapshot_version: '1.2' })
+    ).toBe('v1.2');
+    expect(
+      component.getVirtualSourceVersion({ source_snapshot_version: 'v2.0' })
+    ).toBe('v2.0');
   });
 
   it('should load component track summaries alongside a virtual track', () => {
diff --git a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
index d94af7eae..8b1c86423 100644
--- a/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
+++ b/src/app/views/dashboard-page/release-management/release-track-page/release-track-page.component.ts
@@ -1279,14 +1279,13 @@ export class ReleaseTrackPageComponent implements OnInit {
   }
 
   public getVirtualObjectSubtitle(item: any): string {
-    return (
-      item?.attack_id ||
-      item?.attackId ||
-      item?.source_snapshot_version ||
-      item?.conflict_reason ||
-      item?.object_ref ||
-      ''
-    );
+    return item?.attack_id || item?.attackId || item?.object_ref || '';
+  }
+
+  public getVirtualSourceVersion(item: any): string {
+    const version = String(item?.source_snapshot_version || '');
+    if (!version) return '';
+    return version.startsWith('v') ? version : `v${version}`;
   }
 
   private getResolutionNumber(resolution: any, ...keys: string[]): number {

From 39ddfd79884dbc6dae2ccabcbbb33f48e4251ecc Mon Sep 17 00:00:00 2001
From: avwchapman <avwchapman@mitre.org>
Date: Mon, 24 Aug 2026 12:18:06 -0400
Subject: [PATCH 190/190] style: apply Prettier formatting

---
 src/app/classes/release-tracks/api.ts                  |  3 ++-
 src/app/classes/release-tracks/tiers.ts                |  3 ++-
 .../components/stix/stix-list/stix-list.component.ts   | 10 ++++++----
 .../workbench-chip/workbench-chip.component.ts         |  7 ++++++-
 src/app/utils/types.ts                                 |  6 +++++-
 .../relationship-view/relationship-view.component.ts   |  8 +++-----
 6 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/app/classes/release-tracks/api.ts b/src/app/classes/release-tracks/api.ts
index af8470ae4..b68e5f265 100644
--- a/src/app/classes/release-tracks/api.ts
+++ b/src/app/classes/release-tracks/api.ts
@@ -140,7 +140,8 @@ export interface VirtualReleasePreviewSummary extends ReleasePreviewSummaryBase
 }
 
 export type ReleasePreviewSummary =
-  StandardReleasePreviewSummary | VirtualReleasePreviewSummary;
+  | StandardReleasePreviewSummary
+  | VirtualReleasePreviewSummary;
 
 export interface SnapshotBundleHashes {
   manifest_id: string;
diff --git a/src/app/classes/release-tracks/tiers.ts b/src/app/classes/release-tracks/tiers.ts
index bae5f0ad9..29852029b 100644
--- a/src/app/classes/release-tracks/tiers.ts
+++ b/src/app/classes/release-tracks/tiers.ts
@@ -2,7 +2,8 @@ import { WorkflowStatusType } from 'src/app/utils/types';
 import { SnapshotTier } from './enums';
 
 export type ReleaseTrackObjectTier =
-  SnapshotTier.Candidate | SnapshotTier.Staged;
+  | SnapshotTier.Candidate
+  | SnapshotTier.Staged;
 
 export type WorkflowRevisionSelector = Date | 'latest';
 
diff --git a/src/app/components/stix/stix-list/stix-list.component.ts b/src/app/components/stix/stix-list/stix-list.component.ts
index a0d6ce541..8efe40625 100644
--- a/src/app/components/stix/stix-list/stix-list.component.ts
+++ b/src/app/components/stix/stix-list/stix-list.component.ts
@@ -393,10 +393,12 @@ export class StixListComponent implements OnInit, AfterViewInit, OnDestroy {
               this.config.sourceRef ? sticky_allowed : false,
               ['relationship-name']
             );
-            if (!(
-              this.config.relationshipType &&
-              this.config.relationshipType == 'subtechnique-of'
-            ))
+            if (
+              !(
+                this.config.relationshipType &&
+                this.config.relationshipType == 'subtechnique-of'
+              )
+            )
               this.addColumn(
                 'description',
                 'description',
diff --git a/src/app/components/workbench-chip/workbench-chip.component.ts b/src/app/components/workbench-chip/workbench-chip.component.ts
index 9a1d47a3d..7ba927cd7 100644
--- a/src/app/components/workbench-chip/workbench-chip.component.ts
+++ b/src/app/components/workbench-chip/workbench-chip.component.ts
@@ -6,7 +6,12 @@ import {
 } from 'src/app/utils/types';
 
 export type WorkbenchChipVariant =
-  'standard' | 'virtual' | 'tagged' | 'draft' | 'latest' | WorkflowStatusType;
+  | 'standard'
+  | 'virtual'
+  | 'tagged'
+  | 'draft'
+  | 'latest'
+  | WorkflowStatusType;
 
 const WORKBENCH_CHIP_LABELS: Record<WorkbenchChipVariant, string> = {
   standard: 'Standard',
diff --git a/src/app/utils/types.ts b/src/app/utils/types.ts
index 68a34ac0f..89aa535e6 100644
--- a/src/app/utils/types.ts
+++ b/src/app/utils/types.ts
@@ -101,7 +101,11 @@ export const WORKFLOW_STATUS_RANK: Record<WorkflowStatusType, number> = {
  * Collection/release changelog categories
  */
 export type ChangelogCategory =
-  'additions' | 'changes' | 'minor_changes' | 'revocations' | 'deprecations';
+  | 'additions'
+  | 'changes'
+  | 'minor_changes'
+  | 'revocations'
+  | 'deprecations';
 
 export interface ReleaseTrackStatus {
   trackId: string;
diff --git a/src/app/views/stix/relationship-view/relationship-view.component.ts b/src/app/views/stix/relationship-view/relationship-view.component.ts
index fe588de8f..d94638960 100644
--- a/src/app/views/stix/relationship-view/relationship-view.component.ts
+++ b/src/app/views/stix/relationship-view/relationship-view.component.ts
@@ -240,11 +240,9 @@ export class RelationshipViewComponent extends StixViewPage implements OnInit {
    * @param {any} obj the raw STIX object
    */
   public navigateTo(obj: any): void {
-    if (!(
-      obj?.stix?.type &&
-      obj?.stix?.id &&
-      StixTypeToAttackType[obj.stix.type]
-    )) {
+    if (
+      !(obj?.stix?.type && obj?.stix?.id && StixTypeToAttackType[obj.stix.type])
+    ) {
       console.warn('Invalid object passed to navigateTo:', obj);
       return;
     }