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 001/159] 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 002/159] 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 003/159] 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 004/159] 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 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 005/159] 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 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 006/159] 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 007/159] 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 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 008/159] 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 009/159] 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 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 010/159] 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 011/159] 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 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 012/159] 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 013/159] 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 014/159] 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 015/159] 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 016/159] 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 017/159] 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 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 018/159] 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 019/159] 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 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 020/159] 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 021/159] 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 022/159] 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 023/159] 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 024/159] 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 025/159] 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 026/159] 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 027/159] 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 028/159] 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 029/159] 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 030/159] 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 031/159] 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 032/159] 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 033/159] 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 034/159] 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 035/159] 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 036/159] 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 037/159] 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 038/159] 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 039/159] 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 040/159] 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 041/159] 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 042/159] 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 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 043/159] 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 044/159] 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 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 045/159] 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 046/159] 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 047/159] 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 d1165d9ef583c54d3b9c7daae37ba7d99b8e76f2 Mon Sep 17 00:00:00 2001
From: adpare <apare@mitre.org>
Date: Thu, 4 Jun 2026 16:01:34 -0400
Subject: [PATCH 048/159] 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 049/159] 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 050/159] 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 051/159] 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 052/159] 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 053/159] 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 054/159] 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 055/159] 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 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 056/159] 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 057/159] 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 058/159] 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 059/159] 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 060/159] 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 061/159] 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 062/159] 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 063/159] 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 064/159] 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 065/159] 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 066/159] 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 067/159] 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 068/159] 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 069/159] 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 070/159] 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 071/159] 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 072/159] 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 073/159] 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 074/159] 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 075/159] 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 076/159] 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 077/159] 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 078/159] 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 079/159] 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 080/159] 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 081/159] 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 082/159] 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 083/159] 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 084/159] 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 085/159] 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 086/159] 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 087/159] 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 088/159] 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 089/159] 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 090/159] 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 091/159] 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 092/159] 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 093/159] 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 094/159] 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 095/159] 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 096/159] 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 097/159] 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 098/159] 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 099/159] 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 100/159] 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 101/159] 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 102/159] 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 103/159] 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 104/159] 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 105/159] 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 106/159] 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 107/159] 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 108/159] 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 109/159] 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 110/159] 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 111/159] 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 112/159] 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 113/159] 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 114/159] 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 115/159] 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 116/159] 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 117/159] 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 118/159] 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 119/159] 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 120/159] 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 121/159] 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 122/159] 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 123/159] 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 124/159] 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 125/159] 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 126/159] 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 127/159] 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 128/159] 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 129/159] 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 130/159] 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 131/159] 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 132/159] 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 133/159] 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 134/159] 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 135/159] 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 136/159] 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 137/159] 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 138/159] 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 139/159] 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 140/159] 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 141/159] 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 142/159] 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 143/159] 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 144/159] 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 145/159] 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 146/159] 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 147/159] 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 148/159] 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 149/159] 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 150/159] 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 151/159] 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 152/159] 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 153/159] 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 154/159] 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 155/159] 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 156/159] 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 157/159] 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 158/159] 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 159/159] 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"
+}