diff --git a/cli/cli_tests_training.sh b/cli/cli_tests_training.sh
index 42dcb4a9f..c427ee475 100644
--- a/cli/cli_tests_training.sh
+++ b/cli/cli_tests_training.sh
@@ -163,16 +163,6 @@ echo "AGG_UID=$AGG_UID" >> "$LAST_ENV_FILE"
 
 echo "\n"
 
-##########################################################
-echo "====================================="
-echo "Running aggregator association step"
-echo "====================================="
-print_eval medperf aggregator associate -a $AGG_UID -t $TRAINING_UID -y
-checkFailed "aggregator association step failed"
-##########################################################
-
-echo "\n"
-
 ##########################################################
 echo "====================================="
 echo "Activate modelowner profile"
@@ -185,10 +175,10 @@ echo "\n"
 
 ##########################################################
 echo "====================================="
-echo "Approve aggregator association"
+echo "Running set aggregator step"
 echo "====================================="
-print_eval medperf association approve -t $TRAINING_UID -a $AGG_UID
-checkFailed "agg association approval failed"
+print_eval medperf training set_aggregator -t $TRAINING_UID -a $AGG_UID -y
+checkFailed "Setting aggregator failed"
 ##########################################################
 
 echo "\n"
diff --git a/cli/medperf/_version.py b/cli/medperf/_version.py
index d3ec452c3..493f7415d 100644
--- a/cli/medperf/_version.py
+++ b/cli/medperf/_version.py
@@ -1 +1 @@
-__version__ = "0.2.0"
+__version__ = "0.3.0"
diff --git a/cli/medperf/asset_management/asset_management.py b/cli/medperf/asset_management/asset_management.py
index 749c1e200..5132cedc8 100644
--- a/cli/medperf/asset_management/asset_management.py
+++ b/cli/medperf/asset_management/asset_management.py
@@ -9,7 +9,7 @@
 from medperf.asset_management.asset_storage_manager import AssetStorageManager
 from medperf.asset_management.asset_policy_manager import AssetPolicyManager
 from medperf.asset_management.cc_operator import OperatorManager
-from medperf.utils import tar, generate_tmp_path
+from medperf.utils import tar, generate_tmp_path, remove_path
 import secrets
 from medperf.exceptions import MedperfException
 from medperf import config as medperf_config
@@ -42,12 +42,20 @@ def setup_dataset_for_cc(dataset: Dataset):
     cc_policy = dataset.get_cc_policy()
     __verify_cloud_environment(cc_config)
 
-    # create dataset asset
+    # policy setup
+    medperf_config.ui.text = "Generating encryption key"
+    encryption_key = generate_encryption_key()
+    asset_policy_manager = AssetPolicyManager(cc_config)
+    asset_policy_manager.setup_policy(cc_policy, encryption_key)
+
+    # storage
     medperf_config.ui.text = "Compressing dataset"
     asset_path = generate_tmp_path()
     tar(asset_path, [dataset.data_path, dataset.labels_path])
-
-    __setup_asset_for_cc(cc_config, cc_policy, asset_path)
+    asset_storage_manager = AssetStorageManager(cc_config, asset_path, encryption_key)
+    asset_storage_manager.store_asset()
+    del encryption_key
+    remove_path(asset_path)
 
 
 def setup_model_for_cc(model: Model):
@@ -55,42 +63,31 @@ def setup_model_for_cc(model: Model):
         return
     cc_config = model.get_cc_config()
     cc_policy = model.get_cc_policy()
-    if model.type != "ASSET":
+    if not model.is_asset():
         raise MedperfException(
             f"Model {model.id} is not a file-based asset and cannot be set up for confidential computing."
         )
     asset = model.asset_obj
-    # create model asset
     asset_path = asset.get_archive_path()
 
     __verify_cloud_environment(cc_config)
-    __setup_asset_for_cc(cc_config, cc_policy, asset_path, for_model=True)
-
-
-def __verify_cloud_environment(cc_config: dict):
-    AssetStorageManager(cc_config, None, None).setup()
-
 
-def __setup_asset_for_cc(
-    cc_config: dict,
-    cc_policy: dict,
-    asset_path: str,
-    for_model: bool = False,
-):
-    # create encryption key
+    # policy setup
+    medperf_config.ui.text = "Generating encryption key"
     encryption_key = generate_encryption_key()
-
-    asset_storage_manager = AssetStorageManager(cc_config, asset_path, encryption_key)
-    asset_policy_manager = AssetPolicyManager(cc_config, for_model=for_model)
+    asset_policy_manager = AssetPolicyManager(cc_config, for_model=True)
+    asset_policy_manager.setup_policy(cc_policy, encryption_key)
 
     # storage
+    asset_storage_manager = AssetStorageManager(cc_config, asset_path, encryption_key)
     asset_storage_manager.store_asset()
-
-    # policy setup
-    asset_policy_manager.setup_policy(cc_policy, encryption_key)
     del encryption_key
 
 
+def __verify_cloud_environment(cc_config: dict):
+    AssetStorageManager(cc_config, None, None).setup()
+
+
 def update_dataset_cc_policy(dataset: Dataset, permitted_workloads: list[CCWorkloadID]):
     if not dataset.is_cc_configured():
         raise MedperfException(
@@ -108,7 +105,7 @@ def update_model_cc_policy(model: Model, permitted_workloads: list[CCWorkloadID]
             f"Model {model.id} does not have a configuration for confidential computing."
         )
     cc_config = model.get_cc_config()
-    if model.type != "ASSET":
+    if not model.is_asset():
         raise MedperfException(
             f"Model {model.id} is not a file-based asset and cannot be set up for confidential computing."
         )
diff --git a/cli/medperf/asset_management/asset_storage_manager.py b/cli/medperf/asset_management/asset_storage_manager.py
index f772a3217..7363b9cb9 100644
--- a/cli/medperf/asset_management/asset_storage_manager.py
+++ b/cli/medperf/asset_management/asset_storage_manager.py
@@ -6,10 +6,15 @@
     remove_path,
 )
 from medperf.encryption import SymmetricEncryption
-from medperf.asset_management.gcp_utils import GCPAssetConfig, upload_file_to_gcs
+from medperf.asset_management.gcp_utils import (
+    GCPAssetConfig,
+    upload_from_file_object_to_gcs,
+)
 from medperf.asset_management.asset_check import verify_asset_owner_setup
+from medperf.asset_management.utils import CustomWriter, get_file_size
 from medperf.exceptions import MedperfException
 from medperf import config as medperf_config
+from tqdm import tqdm
 
 
 class AssetStorageManager:
@@ -30,12 +35,25 @@ def __encrypt_asset(self):
         asset_hash = get_file_hash(tmp_encrypted_asset_path)
         return tmp_encrypted_asset_path, asset_hash
 
-    def __upload_encrypted_asset(self, tmp_encrypted_asset_path):
-        upload_file_to_gcs(
-            self.config,
-            tmp_encrypted_asset_path,
-            self.config.encrypted_asset_bucket_file,
-        )
+    def __upload_encrypted_asset(self, tmp_encrypted_asset_path: str):
+        with open(tmp_encrypted_asset_path, "rb") as in_file:
+            with tqdm.wrapattr(
+                in_file,
+                "read",
+                total=get_file_size(in_file),
+                miniters=1,
+                desc="Uploading encrypted dataset to the bucket",
+                unit="B",
+                unit_scale=True,
+                unit_divisor=1024,
+                file=CustomWriter(),
+            ) as file_obj:
+                upload_from_file_object_to_gcs(
+                    self.config,
+                    file_obj,
+                    self.config.encrypted_asset_bucket_file,
+                )
+        remove_path(tmp_encrypted_asset_path)
 
     def setup(self):
         medperf_config.ui.text = "Verifying Cloud Environment"
diff --git a/cli/medperf/asset_management/gcp_utils/__init__.py b/cli/medperf/asset_management/gcp_utils/__init__.py
index fcb456b39..b6f4a4bc0 100644
--- a/cli/medperf/asset_management/gcp_utils/__init__.py
+++ b/cli/medperf/asset_management/gcp_utils/__init__.py
@@ -2,6 +2,7 @@
 from .kms import set_kms_iam_policy, encrypt_with_kms_key
 from .storage import (
     upload_file_to_gcs,
+    upload_from_file_object_to_gcs,
     upload_string_to_gcs,
     download_file_from_gcs,
     download_string_from_gcs,
@@ -19,6 +20,7 @@
     "set_kms_iam_policy",
     "encrypt_with_kms_key",
     "upload_file_to_gcs",
+    "upload_from_file_object_to_gcs",
     "upload_string_to_gcs",
     "download_file_from_gcs",
     "download_string_from_gcs",
diff --git a/cli/medperf/asset_management/gcp_utils/storage.py b/cli/medperf/asset_management/gcp_utils/storage.py
index e971c3b46..f4b4e1de0 100644
--- a/cli/medperf/asset_management/gcp_utils/storage.py
+++ b/cli/medperf/asset_management/gcp_utils/storage.py
@@ -13,6 +13,16 @@ def upload_file_to_gcs(
     blob.upload_from_filename(local_file)
 
 
+def upload_from_file_object_to_gcs(
+    config: Union[GCPAssetConfig, GCPOperatorConfig], file: object, gcs_path: str
+):
+    """Upload file to Google Cloud Storage."""
+    client = storage.Client()
+    bucket = client.bucket(config.bucket)
+    blob = bucket.blob(gcs_path)
+    blob.upload_from_file(file)
+
+
 def upload_string_to_gcs(
     config: Union[GCPAssetConfig, GCPOperatorConfig], content: bytes, gcs_path: str
 ):
diff --git a/cli/medperf/asset_management/utils.py b/cli/medperf/asset_management/utils.py
new file mode 100644
index 000000000..9fb61cd97
--- /dev/null
+++ b/cli/medperf/asset_management/utils.py
@@ -0,0 +1,21 @@
+from medperf import config
+import os
+
+
+class CustomWriter:
+    """class to use with tqdm to print progress using config.ui"""
+
+    def write(self, msg):
+        config.ui.print(msg)
+
+    def flush(self):
+        pass
+
+
+def get_file_size(file_object) -> int:
+    """Get the size of a file in bytes."""
+    try:
+        total_bytes = os.fstat(file_object.fileno()).st_size
+    except (AttributeError, OSError):
+        total_bytes = None
+    return total_bytes
diff --git a/cli/medperf/commands/aggregator/aggregator.py b/cli/medperf/commands/aggregator/aggregator.py
index b0cb93531..7c751151b 100644
--- a/cli/medperf/commands/aggregator/aggregator.py
+++ b/cli/medperf/commands/aggregator/aggregator.py
@@ -5,7 +5,6 @@
 import medperf.config as config
 from medperf.decorators import clean_except
 from medperf.commands.aggregator.submit import SubmitAggregator
-from medperf.commands.aggregator.associate import AssociateAggregator
 from medperf.commands.aggregator.run import StartAggregator
 
 from medperf.commands.list import EntityList
@@ -33,22 +32,6 @@ def submit(
     config.ui.print("✅ Done!")
 
 
-@app.command("associate")
-@clean_except
-def associate(
-    aggregator_id: int = typer.Option(
-        ..., "--aggregator_id", "-a", help="UID of benchmark to associate with"
-    ),
-    training_exp_id: int = typer.Option(
-        ..., "--training_exp_id", "-t", help="UID of benchmark to associate with"
-    ),
-    approval: bool = typer.Option(False, "-y", help="Skip approval step"),
-):
-    """Associates an aggregator with a training experiment."""
-    AssociateAggregator.run(aggregator_id, training_exp_id, approved=approval)
-    config.ui.print("✅ Done!")
-
-
 @app.command("start")
 @clean_except
 def run(
diff --git a/cli/medperf/commands/aggregator/run.py b/cli/medperf/commands/aggregator/run.py
index 76f4179d9..62c611430 100644
--- a/cli/medperf/commands/aggregator/run.py
+++ b/cli/medperf/commands/aggregator/run.py
@@ -24,14 +24,14 @@ def run(
             training_exp_id (int): Training experiment UID.
         """
         execution = cls(training_exp_id, publish_on, overwrite)
-        execution.prepare()
-        execution.validate()
-        execution.check_existing_outputs()
-        execution.prepare_aggregator()
-        execution.prepare_participants_list()
-        execution.prepare_plan()
-        execution.prepare_pki_assets()
         with config.ui.interactive():
+            execution.prepare()
+            execution.validate()
+            execution.check_existing_outputs()
+            execution.prepare_aggregator()
+            execution.prepare_participants_list()
+            execution.prepare_plan()
+            execution.prepare_pki_assets()
             execution.run_experiment()
 
     def __init__(self, training_exp_id, publish_on, overwrite) -> None:
diff --git a/cli/medperf/commands/aggregator/submit.py b/cli/medperf/commands/aggregator/submit.py
index 3fd653fcb..f93655122 100644
--- a/cli/medperf/commands/aggregator/submit.py
+++ b/cli/medperf/commands/aggregator/submit.py
@@ -23,6 +23,7 @@ def run(cls, name: str, address: str, port: int, aggregation_mlcube: int):
             updated_benchmark_body = submission.submit()
         ui.print("Uploaded")
         submission.write(updated_benchmark_body)
+        return submission.aggregator.id
 
     def __init__(self, name: str, address: str, port: int, aggregation_mlcube: int):
         self.ui = config.ui
@@ -41,5 +42,5 @@ def submit(self):
 
     def write(self, updated_body):
         remove_path(self.aggregator.path)
-        aggregator = Aggregator(**updated_body)
-        aggregator.write()
+        self.aggregator = Aggregator(**updated_body)
+        self.aggregator.write()
diff --git a/cli/medperf/commands/association/approval.py b/cli/medperf/commands/association/approval.py
index 1c78f7dd0..ebbb4f6fa 100644
--- a/cli/medperf/commands/association/approval.py
+++ b/cli/medperf/commands/association/approval.py
@@ -10,15 +10,14 @@ def run(
         training_exp_uid: int = None,
         dataset_uid: int = None,
         model_uid: int = None,
-        aggregator_uid: int = None,
     ):
-        """Sets approval status for an association between a benchmark and a dataset or mlcube
+        """Sets approval status for an association between a benchmark and a dataset or mlcube,
+        or between a training experiment and a dataset.
 
         Args:
             benchmark_uid (int): Benchmark UID.
             approval_status (str): Desired approval status to set for the association.
-            comms (Comms): Instance of Comms interface.
-            ui (UI): Instance of UI interface.
+            training_exp_uid (int, optional): Training experiment UID. Defaults to None.
             dataset_uid (int, optional): Dataset UID. Defaults to None.
             mlcube_uid (int, optional): MLCube UID. Defaults to None.
         """
@@ -28,7 +27,6 @@ def run(
             training_exp_uid,
             dataset_uid,
             model_uid,
-            aggregator_uid,
             approval_status.value,
         )
         update = {"approval_status": approval_status.value}
@@ -42,12 +40,7 @@ def run(
                 comms.update_benchmark_model_association(
                     benchmark_uid, model_uid, update
                 )
-        if training_exp_uid:
-            if dataset_uid:
-                comms.update_training_dataset_association(
-                    training_exp_uid, dataset_uid, update
-                )
-            if aggregator_uid:
-                comms.update_training_aggregator_association(
-                    training_exp_uid, aggregator_uid, update
-                )
+        if training_exp_uid and dataset_uid:
+            comms.update_training_dataset_association(
+                training_exp_uid, dataset_uid, update
+            )
diff --git a/cli/medperf/commands/association/association.py b/cli/medperf/commands/association/association.py
index a6f52346a..4bdfccc08 100644
--- a/cli/medperf/commands/association/association.py
+++ b/cli/medperf/commands/association/association.py
@@ -17,7 +17,6 @@ def list(
     training_exp: bool = typer.Option(False, "-t", help="list training associations"),
     dataset: bool = typer.Option(False, "-d", help="list dataset associations"),
     model: bool = typer.Option(False, "-m", help="list models associations"),
-    aggregator: bool = typer.Option(False, "-a", help="list aggregator associations"),
     approval_status: str = typer.Option(
         None, "--approval-status", help="Approval status"
     ),
@@ -28,9 +27,7 @@ def list(
         filter (str, optional): Filter associations by approval status.
             Defaults to displaying all user associations.
     """
-    ListAssociations.run(
-        approval_status, benchmark, training_exp, dataset, model, aggregator
-    )
+    ListAssociations.run(approval_status, benchmark, training_exp, dataset, model)
 
 
 @app.command("approve")
@@ -42,9 +39,6 @@ def approve(
     ),
     dataset_uid: int = typer.Option(None, "--dataset", "-d", help="Dataset UID"),
     model_uid: int = typer.Option(None, "--model", "-m", help="Model container UID"),
-    aggregator_uid: int = typer.Option(
-        None, "--aggregator", "-a", help="Aggregator UID"
-    ),
 ):
     """Approves an association between a benchmark and a dataset or model container
 
@@ -59,7 +53,6 @@ def approve(
         training_exp_uid,
         dataset_uid,
         model_uid,
-        aggregator_uid,
     )
     config.ui.print("✅ Done!")
 
@@ -73,9 +66,6 @@ def reject(
     ),
     dataset_uid: int = typer.Option(None, "--dataset", "-d", help="Dataset UID"),
     model_uid: int = typer.Option(None, "--model", "-m", help="Model container UID"),
-    aggregator_uid: int = typer.Option(
-        None, "--aggregator", "-a", help="Aggregator UID"
-    ),
 ):
     """Rejects an association between a benchmark and a dataset or model container
 
@@ -90,7 +80,6 @@ def reject(
         training_exp_uid,
         dataset_uid,
         model_uid,
-        aggregator_uid,
     )
     config.ui.print("✅ Done!")
 
diff --git a/cli/medperf/commands/association/list.py b/cli/medperf/commands/association/list.py
index cce94d892..82c62ca87 100644
--- a/cli/medperf/commands/association/list.py
+++ b/cli/medperf/commands/association/list.py
@@ -12,12 +12,9 @@ def run(
         training_exp=False,
         dataset=False,
         model=False,
-        aggregator=False,
     ):
         """Get user association requests"""
-        validate_args(
-            benchmark, training_exp, dataset, model, aggregator, approval_status
-        )
+        validate_args(benchmark, training_exp, dataset, model, approval_status)
         if training_exp:
             experiment_type = "training_exp"
         elif benchmark:
@@ -27,8 +24,6 @@ def run(
             component_type = "model"
         elif dataset:
             component_type = "dataset"
-        elif aggregator:
-            component_type = "aggregator"
 
         assocs = get_user_associations(experiment_type, component_type, approval_status)
 
diff --git a/cli/medperf/commands/association/utils.py b/cli/medperf/commands/association/utils.py
index 80a5ffbea..bbcf20a3c 100644
--- a/cli/medperf/commands/association/utils.py
+++ b/cli/medperf/commands/association/utils.py
@@ -3,12 +3,11 @@
 from pydantic.datetime_parse import parse_datetime
 
 
-def validate_args(benchmark, training_exp, dataset, model, aggregator, approval_status):
+def validate_args(benchmark, training_exp, dataset, model, approval_status):
     training_exp = bool(training_exp)
     benchmark = bool(benchmark)
     dataset = bool(dataset)
     model = bool(model)
-    aggregator = bool(aggregator)
 
     if approval_status is not None:
         if approval_status.lower() not in ["pending", "approved", "rejected"]:
@@ -19,20 +18,13 @@ def validate_args(benchmark, training_exp, dataset, model, aggregator, approval_
         raise InvalidArgumentError(
             "One training experiment or a benchmark flag must be provided"
         )
-    if sum([dataset, model, aggregator]) != 1:
-        raise InvalidArgumentError(
-            "One dataset, model, or aggregator flag must be provided"
-        )
+    if sum([dataset, model]) != 1:
+        raise InvalidArgumentError("One dataset or model flag must be provided")
     if training_exp and model:
         raise InvalidArgumentError(
             "Invalid combination of arguments. There are no associations"
             " between training experiments and models"
         )
-    if benchmark and aggregator:
-        raise InvalidArgumentError(
-            "Invalid combination of arguments. There are no associations"
-            " between benchmarks and aggregators"
-        )
 
 
 def filter_latest_associations(associations, experiment_key, component_key):
@@ -61,17 +53,6 @@ def filter_latest_associations(associations, experiment_key, component_key):
     return latest_associations
 
 
-def get_last_component(associations, experiment_key):
-    associations.sort(key=lambda assoc: parse_datetime(assoc["created_at"]))
-    experiments_component = {}
-    for assoc in associations:
-        experiment_id = assoc[experiment_key]
-        experiments_component[experiment_id] = assoc
-
-    experiments_component = list(experiments_component.values())
-    return experiments_component
-
-
 def get_experiment_associations(
     experiment_id: int,
     experiment_type: str,
@@ -112,7 +93,6 @@ def get_user_associations(
     comms_functions = {
         "training_exp": {
             "dataset": config.comms.get_user_training_datasets_associations,
-            "aggregator": config.comms.get_user_training_aggregators_associations,
         },
         "benchmark": {
             "dataset": config.comms.get_user_benchmarks_datasets_associations,
@@ -140,10 +120,6 @@ def _post_process_associtations(
 ):
 
     assocs = filter_latest_associations(associations, experiment_type, component_type)
-    if component_type == "aggregator":
-        # an experiment should only have one aggregator
-        assocs = get_last_component(assocs, experiment_type)
-
     if approval_status:
         approval_status = approval_status.upper()
         assocs = [
diff --git a/cli/medperf/commands/cc/dataset_configure_for_cc.py b/cli/medperf/commands/cc/dataset_configure_for_cc.py
index 49dd023b2..c2662d75e 100644
--- a/cli/medperf/commands/cc/dataset_configure_for_cc.py
+++ b/cli/medperf/commands/cc/dataset_configure_for_cc.py
@@ -5,6 +5,7 @@
 )
 import json
 from medperf import config
+from medperf.exceptions import InvalidEntityError
 
 
 class DatasetConfigureForCC:
@@ -19,10 +20,18 @@ def run_from_files(cls, data_uid: int, cc_config_file: str, cc_policy_file: str)
     @classmethod
     def run(cls, data_uid: int, cc_config: dict, cc_policy: dict):
         validate_cc_config(cc_config, "dataset" + str(data_uid))
+        dataset = Dataset.get(data_uid)
+        dataset.set_cc_config(cc_config)
+        dataset.set_cc_policy(cc_policy)
+        body = {"user_metadata": dataset.user_metadata}
+        config.comms.update_dataset(dataset.id, body)
         with config.ui.interactive():
-            dataset = Dataset.get(data_uid)
-            dataset.set_cc_config(cc_config)
-            dataset.set_cc_policy(cc_policy)
+            config.ui.text = "Checking dataset hash"
+            if not dataset.check_hash():
+                raise InvalidEntityError(
+                    "Dataset hash does not match the one stored in the system."
+                )
             setup_dataset_for_cc(dataset)
+            dataset.set_cc_initialized()
             body = {"user_metadata": dataset.user_metadata}
             config.comms.update_dataset(dataset.id, body)
diff --git a/cli/medperf/commands/cc/dataset_update_cc_policy.py b/cli/medperf/commands/cc/dataset_update_cc_policy.py
index 427323869..8799b4832 100644
--- a/cli/medperf/commands/cc/dataset_update_cc_policy.py
+++ b/cli/medperf/commands/cc/dataset_update_cc_policy.py
@@ -69,6 +69,10 @@ def run(cls, data_uid: int):
             raise MedperfException(
                 f"Dataset {dataset.id} is not configured for confidential computing."
             )
-        permitted_workloads = get_permitted_workloads(dataset)
-
-        update_dataset_cc_policy(dataset, permitted_workloads)
+        with config.ui.interactive():
+            config.ui.text = "Updating dataset confidential computing policy"
+            permitted_workloads = get_permitted_workloads(dataset)
+            update_dataset_cc_policy(dataset, permitted_workloads)
+            dataset.set_last_synced()
+            body = {"user_metadata": dataset.user_metadata}
+            config.comms.update_dataset(dataset.id, body)
diff --git a/cli/medperf/commands/cc/model_configure_for_cc.py b/cli/medperf/commands/cc/model_configure_for_cc.py
index be950931f..34bbc809c 100644
--- a/cli/medperf/commands/cc/model_configure_for_cc.py
+++ b/cli/medperf/commands/cc/model_configure_for_cc.py
@@ -5,6 +5,7 @@
 )
 import json
 from medperf import config
+from medperf.exceptions import InvalidEntityError
 
 
 class ModelConfigureForCC:
@@ -19,10 +20,18 @@ def run_from_files(cls, model_uid: int, cc_config_file: str, cc_policy_file: str
     @classmethod
     def run(cls, model_uid: int, cc_config: dict, cc_policy: dict):
         validate_cc_config(cc_config, "model" + str(model_uid))
+        model = Model.get(model_uid)
+        model.set_cc_config(cc_config)
+        model.set_cc_policy(cc_policy)
+        body = {"user_metadata": model.user_metadata}
+        config.comms.update_model(model.id, body)
         with config.ui.interactive():
-            model = Model.get(model_uid)
-            model.set_cc_config(cc_config)
-            model.set_cc_policy(cc_policy)
+            config.ui.text = "Checking model hash"
+            if not model.check_hash():
+                raise InvalidEntityError(
+                    "Model hash does not match the one stored in the system."
+                )
             setup_model_for_cc(model)
+            model.set_cc_initialized()
             body = {"user_metadata": model.user_metadata}
             config.comms.update_model(model.id, body)
diff --git a/cli/medperf/commands/cc/model_update_cc_policy.py b/cli/medperf/commands/cc/model_update_cc_policy.py
index 8c464c240..8fbd02218 100644
--- a/cli/medperf/commands/cc/model_update_cc_policy.py
+++ b/cli/medperf/commands/cc/model_update_cc_policy.py
@@ -99,5 +99,10 @@ def run(cls, model_uid: int):
             raise MedperfException(
                 f"Model {model.id} is not configured for confidential computing."
             )
-        permitted_workloads = get_permitted_workloads_without_datasets(model)
-        update_model_cc_policy(model, permitted_workloads)
+        with config.ui.interactive():
+            config.ui.text = "Updating model confidential computing policy"
+            permitted_workloads = get_permitted_workloads_without_datasets(model)
+            update_model_cc_policy(model, permitted_workloads)
+            model.set_last_synced()
+            body = {"user_metadata": model.user_metadata}
+            config.comms.update_model(model.id, body)
diff --git a/cli/medperf/commands/cc/setup_cc_operator.py b/cli/medperf/commands/cc/setup_cc_operator.py
index a69a29aae..c36dd7937 100644
--- a/cli/medperf/commands/cc/setup_cc_operator.py
+++ b/cli/medperf/commands/cc/setup_cc_operator.py
@@ -17,9 +17,13 @@ def run_from_files(cls, cc_config_file: str):
     @classmethod
     def run(cls, cc_config: dict):
         validate_cc_operator_config(cc_config)
+        user = get_medperf_user_object()
+        user.set_cc_config(cc_config)
+        body = {"metadata": user.metadata}
+        config.comms.update_user(user.id, body)
+
         with config.ui.interactive():
-            user = get_medperf_user_object()
-            user.set_cc_config(cc_config)
             setup_operator(user)
+            user.set_cc_initialized()
             body = {"metadata": user.metadata}
             config.comms.update_user(user.id, body)
diff --git a/cli/medperf/commands/certificate/server_certificate.py b/cli/medperf/commands/certificate/server_certificate.py
index 418020c7f..83165e9ca 100644
--- a/cli/medperf/commands/certificate/server_certificate.py
+++ b/cli/medperf/commands/certificate/server_certificate.py
@@ -22,4 +22,6 @@ def run(aggregator_id: int, overwrite: bool = False):
                     "Cert and key already present. Rerun the command with --overwrite"
                 )
             remove_path(output_path, sensitive=True)
-        get_server_cert(ca, address, output_path)
+
+        with config.ui.interactive():
+            get_server_cert(ca, address, output_path)
diff --git a/cli/medperf/commands/dataset/associate_benchmark.py b/cli/medperf/commands/dataset/associate_benchmark.py
index ea2a41077..9f47574e4 100644
--- a/cli/medperf/commands/dataset/associate_benchmark.py
+++ b/cli/medperf/commands/dataset/associate_benchmark.py
@@ -39,10 +39,10 @@ def run(data_uid: int, benchmark_uid: int, approved=False, no_cache=False):
                 no_cache=no_cache,
             )[0]
             results = execution.read_results()
-        ui.print("These are the results generated by the compatibility test. ")
-        ui.print("This will be sent along the association request.")
-        ui.print("They will not be part of the benchmark.")
-        dict_pretty_print(results)
+            ui.print("These are the results generated by the compatibility test. ")
+            ui.print("This will be sent along the association request.")
+            ui.print("They will not be part of the benchmark.")
+            dict_pretty_print(results)
 
         msg = "Please confirm that you would like to associate"
         msg += f" the dataset {dset.name} with the benchmark {benchmark.name}."
diff --git a/cli/medperf/commands/dataset/train.py b/cli/medperf/commands/dataset/train.py
index 4aac247c5..4004bfa1a 100644
--- a/cli/medperf/commands/dataset/train.py
+++ b/cli/medperf/commands/dataset/train.py
@@ -46,13 +46,13 @@ def run(
             execution.confirm_restart_on_failure()
 
         while True:
-            execution.prepare()
-            execution.validate()
-            execution.check_existing_outputs()
-            execution.prepare_plan()
-            execution.prepare_pki_assets()
-            execution.confirm_run()
             with config.ui.interactive():
+                execution.prepare()
+                execution.validate()
+                execution.check_existing_outputs()
+                execution.prepare_plan()
+                execution.prepare_pki_assets()
+                execution.confirm_run()
                 execution.prepare_training_cube()
                 try:
                     execution.run_experiment()
diff --git a/cli/medperf/commands/execution/execution_flow.py b/cli/medperf/commands/execution/execution_flow.py
index 3a63a2a9a..ac1f4648b 100644
--- a/cli/medperf/commands/execution/execution_flow.py
+++ b/cli/medperf/commands/execution/execution_flow.py
@@ -1,3 +1,4 @@
+from medperf import config
 from medperf.entities.cube import Cube
 from medperf.entities.model import Model
 from medperf.entities.dataset import Dataset
@@ -67,7 +68,8 @@ def run(
             )
         else:
             container = model.container_obj
-            container.download_run_files()
+            with config.ui.interactive():
+                container.download_run_files()
             return ContainerExecution.run(
                 dataset, container, evaluator, execution, ignore_model_errors
             )
diff --git a/cli/medperf/commands/model/associate.py b/cli/medperf/commands/model/associate.py
index e282229c7..e580f7737 100644
--- a/cli/medperf/commands/model/associate.py
+++ b/cli/medperf/commands/model/associate.py
@@ -33,10 +33,10 @@ def run(
             _, results = CompatibilityTestExecution.run(
                 benchmark=benchmark_uid, model=model_uid, no_cache=no_cache
             )
-        ui.print("These are the results generated by the compatibility test. ")
-        ui.print("This will be sent along the association request.")
-        ui.print("They will not be part of the benchmark.")
-        dict_pretty_print(results)
+            ui.print("These are the results generated by the compatibility test. ")
+            ui.print("This will be sent along the association request.")
+            ui.print("They will not be part of the benchmark.")
+            dict_pretty_print(results)
 
         msg = "Please confirm that you would like to associate "
         msg += f"the model '{model.name}' with the benchmark '{benchmark.name}' [Y/n]"
diff --git a/cli/medperf/commands/training/get_experiment_status.py b/cli/medperf/commands/training/get_experiment_status.py
index 2df1bf445..0c9077f1b 100644
--- a/cli/medperf/commands/training/get_experiment_status.py
+++ b/cli/medperf/commands/training/get_experiment_status.py
@@ -23,10 +23,10 @@ def run(cls, training_exp_id: int, silent: bool = False):
             training_exp_id (int): Training experiment UID.
         """
         execution = cls(training_exp_id)
-        execution.prepare()
-        execution.prepare_plan()
-        execution.prepare_pki_assets()
         with config.ui.interactive():
+            execution.prepare()
+            execution.prepare_plan()
+            execution.prepare_pki_assets()
             execution.prepare_admin_cube()
             execution.get_experiment_status()
         if not silent:
diff --git a/cli/medperf/commands/training/set_aggregator.py b/cli/medperf/commands/training/set_aggregator.py
new file mode 100644
index 000000000..dc01cc8c0
--- /dev/null
+++ b/cli/medperf/commands/training/set_aggregator.py
@@ -0,0 +1,58 @@
+from medperf import config
+from medperf.entities.aggregator import Aggregator
+from medperf.entities.training_exp import TrainingExp
+from medperf.utils import approval_prompt
+from medperf.exceptions import CleanExit, InvalidArgumentError
+
+
+class SetAggregator:
+    @classmethod
+    def run(cls, training_exp_id: int, aggregator_id: int, approved: bool = False):
+        """Sets the aggregator for a training experiment.
+
+        Args:
+            training_exp_id (int): UID of the training experiment
+            aggregator_id (int): UID of the registered aggregator to set
+            approved (bool): If True, skip confirmation prompt
+        """
+        ui = config.ui
+
+        submission = cls(training_exp_id, aggregator_id, approved)
+        with ui.interactive():
+            submission.validate()
+            submission.prepare()
+            submission.submit()
+
+    def __init__(self, training_exp_id: int, aggregator_id: int, approval: bool):
+        self.ui = config.ui
+        self.comms = config.comms
+        self.training_exp_id = training_exp_id
+        self.aggregator_id = aggregator_id
+        self.approved = approval
+
+    def validate(self):
+        if self.aggregator_id is None:
+            raise InvalidArgumentError("An aggregator ID must be provided")
+        if self.training_exp_id is None:
+            raise InvalidArgumentError("A training experiment ID must be provided")
+
+    def prepare(self):
+        self.training_exp = TrainingExp.get(self.training_exp_id)
+        self.aggregator = Aggregator.get(self.aggregator_id)
+
+    def submit(self):
+        training_exp_name = self.training_exp.name
+        self.ui.text = (
+            f"Setting aggregator for training experiment '{training_exp_name}'"
+        )
+        body = {"aggregator": self.aggregator_id}
+        msg = (
+            f"You are about to set the aggregator {self.aggregator.name} for training experiment {training_exp_name}."
+            " Do you confirm? [Y/n] "
+        )
+        self.approved = self.approved or approval_prompt(msg)
+
+        if self.approved:
+            self.comms.update_training_exp(self.training_exp_id, body)
+            return
+        raise CleanExit("Aggregator setting cancelled")
diff --git a/cli/medperf/commands/training/set_plan.py b/cli/medperf/commands/training/set_plan.py
index aed8aa884..787ae061f 100644
--- a/cli/medperf/commands/training/set_plan.py
+++ b/cli/medperf/commands/training/set_plan.py
@@ -3,7 +3,12 @@
 from medperf.entities.training_exp import TrainingExp
 from medperf.entities.cube import Cube
 from medperf.exceptions import CleanExit, InvalidArgumentError
-from medperf.utils import approval_prompt, dict_pretty_print, generate_tmp_path
+from medperf.utils import (
+    approval_prompt,
+    dict_pretty_print,
+    generate_tmp_path,
+    sanitize_path,
+)
 import os
 
 import yaml
@@ -22,12 +27,14 @@ def run(
         """
         planset = cls(training_exp_id, training_config_path, approval)
         planset.validate()
-        planset.prepare()
-        planset.create_plan()
+        with config.ui.interactive():
+            planset.prepare()
+            planset.create_plan()
         planset.update()
         planset.write()
 
     def __init__(self, training_exp_id: int, training_config_path: str, approval: bool):
+        training_config_path = sanitize_path(training_config_path)
         self.ui = config.ui
         self.training_exp_id = training_exp_id
         self.training_config_path = os.path.abspath(training_config_path)
diff --git a/cli/medperf/commands/training/start_event.py b/cli/medperf/commands/training/start_event.py
index 18f6400aa..61b72268b 100644
--- a/cli/medperf/commands/training/start_event.py
+++ b/cli/medperf/commands/training/start_event.py
@@ -1,6 +1,11 @@
 from medperf.entities.training_exp import TrainingExp
 from medperf.entities.event import TrainingEvent
-from medperf.utils import approval_prompt, dict_pretty_print, get_participant_label
+from medperf.utils import (
+    approval_prompt,
+    dict_pretty_print,
+    get_participant_label,
+    sanitize_path,
+)
 from medperf.exceptions import CleanExit, InvalidArgumentError
 import yaml
 import os
@@ -27,7 +32,7 @@ def __init__(
     ):
         self.training_exp_id = training_exp_id
         self.name = name
-        self.participants_list_file = participants_list_file
+        self.participants_list_file = sanitize_path(participants_list_file)
         self.approved = approval
 
     def prepare(self):
diff --git a/cli/medperf/commands/training/submit.py b/cli/medperf/commands/training/submit.py
index dae474160..394cf0242 100644
--- a/cli/medperf/commands/training/submit.py
+++ b/cli/medperf/commands/training/submit.py
@@ -1,4 +1,5 @@
 import medperf.config as config
+from medperf.entities.aggregator import Aggregator
 from medperf.entities.training_exp import TrainingExp
 from medperf.entities.cube import Cube
 from medperf.utils import remove_path
@@ -29,10 +30,13 @@ def run(cls, training_exp_info: dict):
             ui.text = "Getting FL admin Container"
             submission.get_fl_admin_mlcube()
             ui.print("> Completed retrieving FL Container")
+            ui.text = "Checking if an aggregator is provided"
+            submission.get_aggregator()
             ui.text = "Submitting TrainingExp to MedPerf"
             updated_benchmark_body = submission.submit()
         ui.print("Uploaded")
         submission.write(updated_benchmark_body)
+        return submission.training_exp.id
 
     def __init__(self, training_exp_info: dict):
         self.ui = config.ui
@@ -48,11 +52,16 @@ def get_fl_admin_mlcube(self):
         if mlcube_id:
             Cube.get(mlcube_id)
 
+    def get_aggregator(self):
+        aggregator_id = self.training_exp.aggregator
+        if aggregator_id:
+            Aggregator.get(aggregator_id)
+
     def submit(self):
         updated_body = self.training_exp.upload()
         return updated_body
 
     def write(self, updated_body):
         remove_path(self.training_exp.path)
-        training_exp = TrainingExp(**updated_body)
-        training_exp.write()
+        self.training_exp = TrainingExp(**updated_body)
+        self.training_exp.write()
diff --git a/cli/medperf/commands/training/training.py b/cli/medperf/commands/training/training.py
index 38db45f80..5da34365f 100644
--- a/cli/medperf/commands/training/training.py
+++ b/cli/medperf/commands/training/training.py
@@ -13,6 +13,7 @@
 from medperf.commands.view import EntityView
 from medperf.commands.training.get_experiment_status import GetExperimentStatus
 from medperf.commands.training.update_plan import UpdatePlan
+from medperf.commands.training.set_aggregator import SetAggregator
 
 app = typer.Typer()
 
@@ -37,6 +38,9 @@ def submit(
         "--operational",
         help="Submit the experiment as OPERATIONAL",
     ),
+    aggregator: int = typer.Option(
+        None, "--aggregator", "-g", help="UID of the registered aggregator to set"
+    ),
 ):
     """Submits a new benchmark to the platform"""
     training_exp_info = {
@@ -45,6 +49,7 @@ def submit(
         "docs_url": docs_url,
         "fl_mlcube": fl_mlcube,
         "fl_admin_mlcube": fl_admin_mlcube,
+        "aggregator": aggregator,
         "demo_dataset_tarball_url": "link",
         "demo_dataset_tarball_hash": "hash",
         "demo_dataset_generated_uid": "uid",
@@ -119,6 +124,22 @@ def update_plan(
     config.ui.print("✅ Done!")
 
 
+@app.command("set_aggregator")
+@clean_except
+def set_aggregator(
+    training_exp_id: int = typer.Option(
+        ..., "--training_exp_id", "-t", help="UID of the training experiment"
+    ),
+    aggregator_id: int = typer.Option(
+        ..., "--aggregator_id", "-a", help="UID of the aggregator to set"
+    ),
+    approval: bool = typer.Option(False, "-y", help="Skip approval step"),
+):
+    """Set the aggregator for a training experiment."""
+    SetAggregator.run(training_exp_id, aggregator_id, approved=approval)
+    config.ui.print("✅ Done!")
+
+
 @app.command("close_event")
 @clean_except
 def close_event(
diff --git a/cli/medperf/comms/auth/auth0.py b/cli/medperf/comms/auth/auth0.py
index e7cf74c9c..0135cf6a0 100644
--- a/cli/medperf/comms/auth/auth0.py
+++ b/cli/medperf/comms/auth/auth0.py
@@ -47,7 +47,7 @@ def login(self, email):
         )
         config.ui.print_code(user_code)
         config.ui.print("\n\n")
-        config.ui.print_warning(
+        config.ui.print_cli_warning(
             "Keep this terminal open until you complete your login request. "
             "The command will exit on its own once you complete the request. "
             "If you wish to stop the login request anyway, press Ctrl+C."
diff --git a/cli/medperf/comms/rest.py b/cli/medperf/comms/rest.py
index f3127e160..424e831db 100644
--- a/cli/medperf/comms/rest.py
+++ b/cli/medperf/comms/rest.py
@@ -434,6 +434,21 @@ def get_aggregators(self, filters=dict()) -> List[dict]:
         error_msg = "Could not retrieve aggregators"
         return self.__get_list(url, filters=filters, error_msg=error_msg)
 
+    def get_aggregator_training_experiments(
+        self, aggregator_id: int, filters=dict()
+    ) -> List[dict]:
+        """Retrieves training experiments that have the given aggregator set.
+
+        Args:
+            aggregator_id (int): Aggregator UID
+
+        Returns:
+            List[dict]: List of training experiment data
+        """
+        url = f"{self.server_url}/aggregators/{aggregator_id}/training_experiments/"
+        error_msg = "Could not retrieve training experiments for aggregator"
+        return self.__get_list(url, filters=filters, error_msg=error_msg)
+
     def get_cas(self, filters=dict()) -> List[dict]:
         """Retrieves all cas
 
@@ -641,16 +656,6 @@ def get_user_training_datasets_associations(self, filters=dict()) -> List[dict]:
         error_msg = "Could not retrieve user datasets training associations"
         return self.__get_list(url, filters=filters, error_msg=error_msg)
 
-    def get_user_training_aggregators_associations(self, filters=dict()) -> List[dict]:
-        """Get all aggregator associations related to the current user
-
-        Returns:
-            List[dict]: List containing all associations information
-        """
-        url = f"{self.server_url}/me/aggregators/training_associations/"
-        error_msg = "Could not retrieve user aggregators training associations"
-        return self.__get_list(url, filters=filters, error_msg=error_msg)
-
     # upload
     def upload_benchmark(self, benchmark_dict: dict) -> int:
         """Uploads a new benchmark to the server.
@@ -875,22 +880,6 @@ def associate_training_dataset(self, data_uid: int, training_exp_id: int):
         error_msg = "Could not associate dataset to training_exp"
         return self.__post(url, json=data, error_msg=error_msg)
 
-    def associate_training_aggregator(self, aggregator_id: int, training_exp_id: int):
-        """Create a aggregator experiment association
-
-        Args:
-            aggregator_id (int): Registered aggregator UID
-            training_exp_id (int): training experiment UID
-        """
-        url = f"{self.server_url}/aggregators/training/"
-        data = {
-            "aggregator": aggregator_id,
-            "training_exp": training_exp_id,
-            "approval_status": Status.PENDING.value,
-        }
-        error_msg = "Could not associate aggregator to training_exp"
-        return self.__post(url, json=data, error_msg=error_msg)
-
     # updates associations
     def update_benchmark_dataset_association(
         self, benchmark_uid: int, dataset_uid: int, data: str
@@ -920,25 +909,6 @@ def update_benchmark_model_association(
         error_msg = f"Could not update association: model {model_uid}, benchmark {benchmark_uid}"
         self.__put(url, json=data, error_msg=error_msg)
 
-    def update_training_aggregator_association(
-        self, training_exp_id: int, aggregator_id: int, data: dict
-    ):
-        """Approves a aggregator association
-
-        Args:
-            dataset_uid (int): Dataset UID
-            benchmark_uid (int): Benchmark UID
-            status (str): Approval status to set for the association
-        """
-        url = (
-            f"{self.server_url}/aggregators/{aggregator_id}/training/{training_exp_id}/"
-        )
-        error_msg = (
-            "Could not update association: aggregator"
-            f" {aggregator_id}, training_exp {training_exp_id}"
-        )
-        self.__put(url, json=data, error_msg=error_msg)
-
     def update_training_dataset_association(
         self, training_exp_id: int, dataset_uid: int, data: dict
     ):
diff --git a/cli/medperf/config.py b/cli/medperf/config.py
index 4434c96e1..50e03379e 100644
--- a/cli/medperf/config.py
+++ b/cli/medperf/config.py
@@ -353,3 +353,6 @@
 
 # Data Import/Export config
 archive_config_filename = "config.yaml"
+
+# Running containers processes
+running_containers = {}
diff --git a/cli/medperf/containers/runners/docker_runner.py b/cli/medperf/containers/runners/docker_runner.py
index dc6ce8f20..61b9ff80e 100644
--- a/cli/medperf/containers/runners/docker_runner.py
+++ b/cli/medperf/containers/runners/docker_runner.py
@@ -91,6 +91,8 @@ def run(
         run_args = self.parser.get_run_args(task)
         check_allowed_run_args(run_args)
 
+        run_args["task"] = task
+
         add_medperf_run_args(run_args)
         add_medperf_environment_variables(run_args, medperf_env)
         add_user_defined_run_args(run_args)
@@ -182,8 +184,9 @@ def _run_encrypted_archive(
 
     def _invoke_run(self, image, run_args, timeout, output_logs):
         run_args["image"] = image
+        task = run_args.pop("task")
 
         # Run
         command = craft_docker_run_command(run_args)
         logging.debug("Running docker container")
-        run_command(command, timeout, output_logs)
+        run_command(command, timeout, output_logs, task=task)
diff --git a/cli/medperf/containers/runners/singularity_runner.py b/cli/medperf/containers/runners/singularity_runner.py
index c46a8d2fd..cf9d6223e 100644
--- a/cli/medperf/containers/runners/singularity_runner.py
+++ b/cli/medperf/containers/runners/singularity_runner.py
@@ -124,6 +124,8 @@ def run(
         run_args = self.parser.get_run_args(task)
         check_allowed_run_args(run_args)
 
+        run_args["task"] = task
+
         add_medperf_run_args(run_args)
         add_medperf_environment_variables(run_args, medperf_env)
         add_user_defined_run_args(run_args)
@@ -285,8 +287,9 @@ def _run_encrypted_docker_archive(
 
     def _invoke_run(self, image, run_args, timeout, output_logs):
         run_args["image"] = image
+        task = run_args.pop("task")
 
         # Run
         command = craft_singularity_run_command(run_args, self.executable)
         logging.debug("Running singulairty container")
-        run_command(command, timeout, output_logs)
+        run_command(command, timeout, output_logs, task=task)
diff --git a/cli/medperf/entities/aggregator.py b/cli/medperf/entities/aggregator.py
index 612792754..a3e2ec375 100644
--- a/cli/medperf/entities/aggregator.py
+++ b/cli/medperf/entities/aggregator.py
@@ -1,4 +1,7 @@
 import os
+from typing import List
+
+from medperf.entities.training_exp import TrainingExp
 
 from medperf.entities.interface import Entity
 from medperf.entities.schemas import AggregatorSchema
@@ -70,6 +73,18 @@ def from_experiment(cls, training_exp_uid: int) -> "Aggregator":
         agg.write()
         return agg
 
+    def get_training_experiments(self) -> List["TrainingExp"]:
+        """Training experiments that have this aggregator set (reverse relation).
+
+        Returns:
+            List[TrainingExp]: Training experiments with this aggregator set.
+        """
+
+        if self.id is None:
+            return []
+        data_list = config.comms.get_aggregator_training_experiments(self.id)
+        return [TrainingExp(**d) for d in data_list]
+
     @classmethod
     def remote_prefilter(cls, filters: dict) -> callable:
         """Applies filtering logic that must be done before retrieving remote entities
diff --git a/cli/medperf/entities/asset.py b/cli/medperf/entities/asset.py
index b9d4ba1d8..fa8d5a2a0 100644
--- a/cli/medperf/entities/asset.py
+++ b/cli/medperf/entities/asset.py
@@ -64,6 +64,13 @@ def is_local(self) -> bool:
     def is_model(self) -> bool:
         return True
 
+    def check_hash(self) -> bool:
+        try:
+            self.get_archive_path()
+        except InvalidEntityError:
+            return False
+        return True
+
     @staticmethod
     def remote_prefilter(filters: dict) -> callable:
         comms_fn = config.comms.get_assets
diff --git a/cli/medperf/entities/cube.py b/cli/medperf/entities/cube.py
index b66183192..54cd69595 100644
--- a/cli/medperf/entities/cube.py
+++ b/cli/medperf/entities/cube.py
@@ -104,6 +104,9 @@ def is_model(self) -> bool:
     def is_script(self) -> bool:
         return self.parser.is_script_container()
 
+    def check_hash(self) -> bool:
+        raise NotImplementedError("Hash checking not implemented for container.")
+
     @staticmethod
     def remote_prefilter(filters: dict):
         """Applies filtering logic that must be done before retrieving remote entities
diff --git a/cli/medperf/entities/dataset.py b/cli/medperf/entities/dataset.py
index b7d61bbf9..15500b8f7 100644
--- a/cli/medperf/entities/dataset.py
+++ b/cli/medperf/entities/dataset.py
@@ -11,6 +11,7 @@
 from medperf.entities.utils import handle_validation_error
 from medperf.exceptions import InvalidEntityError
 import logging
+from datetime import datetime, timezone
 
 
 class Dataset(Entity):
@@ -80,6 +81,12 @@ def set_cc_config(self, cc_config: dict):
         if "cc" not in self.user_metadata:
             self.user_metadata["cc"] = {}
         self.user_metadata["cc"]["config"] = cc_config
+        self.user_metadata["cc"]["initialized"] = False
+
+    def set_cc_initialized(self):
+        if not self.is_cc_configured():
+            return
+        self.user_metadata["cc"]["initialized"] = True
 
     def get_cc_policy(self):
         cc_values = self.user_metadata.get("cc", {})
@@ -93,6 +100,20 @@ def set_cc_policy(self, cc_policy: dict):
     def is_cc_configured(self):
         return self.get_cc_config() != {}
 
+    def is_cc_initialized(self):
+        cc_values = self.user_metadata.get("cc", {})
+        return cc_values.get("initialized", False)
+
+    def set_last_synced(self):
+        if "cc" not in self.user_metadata:
+            self.user_metadata["cc"] = {}
+        self.user_metadata["cc"]["last_synced"] = str(datetime.now(timezone.utc))
+
+    def get_last_synced(self):
+        if "cc" not in self.user_metadata:
+            return
+        return self.user_metadata["cc"].get("last_synced", None)
+
     def is_operational(self):
         return self.state == "OPERATION"
 
diff --git a/cli/medperf/entities/event.py b/cli/medperf/entities/event.py
index 9022ebd67..832a15b2d 100644
--- a/cli/medperf/entities/event.py
+++ b/cli/medperf/entities/event.py
@@ -63,7 +63,9 @@ def _set_helper_attributes(self):
         self.agg_out_logs = os.path.join(
             self.path, config.training_out_agg_logs + timestamp
         )
-        self.col_out_logs = os.path.join(self.path, config.training_out_col_logs)
+        self.col_out_logs = os.path.join(
+            self.path, config.training_out_col_logs + timestamp
+        )
         self.out_weights = os.path.join(
             self.path, config.training_out_weights + timestamp
         )
diff --git a/cli/medperf/entities/model.py b/cli/medperf/entities/model.py
index f92f0a4e5..2934385ac 100644
--- a/cli/medperf/entities/model.py
+++ b/cli/medperf/entities/model.py
@@ -9,6 +9,7 @@
 from medperf.account_management import get_medperf_user_data
 from medperf.commands.association.utils import get_user_associations
 from medperf.entities.utils import handle_validation_error
+from datetime import datetime, timezone
 
 
 class Model(Entity):
@@ -88,6 +89,12 @@ def set_cc_config(self, cc_config: dict):
         if "cc" not in self.user_metadata:
             self.user_metadata["cc"] = {}
         self.user_metadata["cc"]["config"] = cc_config
+        self.user_metadata["cc"]["initialized"] = False
+
+    def set_cc_initialized(self):
+        if not self.is_cc_configured():
+            return
+        self.user_metadata["cc"]["initialized"] = True
 
     def get_cc_policy(self):
         cc_values = self.user_metadata.get("cc", {})
@@ -101,6 +108,30 @@ def set_cc_policy(self, cc_policy: dict):
     def is_cc_configured(self):
         return self.get_cc_config() != {}
 
+    def is_cc_initialized(self):
+        cc_values = self.user_metadata.get("cc", {})
+        return cc_values.get("initialized", False)
+
+    def set_last_synced(self):
+        if "cc" not in self.user_metadata:
+            self.user_metadata["cc"] = {}
+        self.user_metadata["cc"]["last_synced"] = str(datetime.now(timezone.utc))
+
+    def get_last_synced(self):
+        if "cc" not in self.user_metadata:
+            return
+        return self.user_metadata["cc"].get("last_synced", None)
+
+    def check_hash(self) -> bool:
+        if self.is_container():
+            return self.container_obj.check_hash()
+        elif self.is_asset():
+            return self.asset_obj.check_hash()
+        else:
+            raise MedperfException(
+                "Internal error: Model is neither a container nor an asset"
+            )
+
     @staticmethod
     def remote_prefilter(filters: dict) -> callable:
         comms_fn = config.comms.get_models
diff --git a/cli/medperf/entities/schemas.py b/cli/medperf/entities/schemas.py
index 09460f0d4..cd58d7e41 100644
--- a/cli/medperf/entities/schemas.py
+++ b/cli/medperf/entities/schemas.py
@@ -183,6 +183,7 @@ class TrainingExpSchema(MedperfSchema):
     plan: dict = {}
     metadata: dict = {}
     user_metadata: dict = {}
+    aggregator: Optional[int]
 
 
 class UserSchema(BaseModel):
diff --git a/cli/medperf/entities/training_exp.py b/cli/medperf/entities/training_exp.py
index 1167fb855..4047afca6 100644
--- a/cli/medperf/entities/training_exp.py
+++ b/cli/medperf/entities/training_exp.py
@@ -64,6 +64,7 @@ def __init__(self, **kwargs):
         self.plan = self._model.plan
         self.metadata = self._model.metadata
         self.user_metadata = self._model.user_metadata
+        self.aggregator = self._model.aggregator
 
         self._set_helper_attributes()
 
@@ -138,6 +139,7 @@ def display_dict(self):
             "Documentation": self.docs_url,
             "Created At": self.created_at,
             "FL Container": int(self.fl_mlcube),
+            "Aggregator": int(self.aggregator) if self.aggregator else None,
             "Plan": self.plan,
             "State": self.state,
             "Registered": self.is_registered,
diff --git a/cli/medperf/entities/user.py b/cli/medperf/entities/user.py
index d7b836907..ea74e60cf 100644
--- a/cli/medperf/entities/user.py
+++ b/cli/medperf/entities/user.py
@@ -36,6 +36,16 @@ def set_cc_config(self, cc_config: dict):
         if "cc" not in self.metadata:
             self.metadata["cc"] = {}
         self.metadata["cc"]["config"] = cc_config
+        self.metadata["cc"]["initialized"] = False
+
+    def set_cc_initialized(self):
+        if not self.is_cc_configured():
+            return
+        self.metadata["cc"]["initialized"] = True
 
     def is_cc_configured(self):
         return self.get_cc_config() != {}
+
+    def is_cc_initialized(self):
+        cc_values = self.metadata.get("cc", {})
+        return cc_values.get("initialized", False)
diff --git a/cli/medperf/init.py b/cli/medperf/init.py
index eb505e6ff..34c739a06 100644
--- a/cli/medperf/init.py
+++ b/cli/medperf/init.py
@@ -10,6 +10,7 @@
     override_storage_config_paths,
 )
 from medperf.ui.factory import UIFactory
+from medperf.ui.web_ui import WebUI
 
 
 def initialize(for_webui=False, for_data_monitor=False):
@@ -36,7 +37,14 @@ def initialize(for_webui=False, for_data_monitor=False):
     setup_logging(log_file, config.loglevel)
 
     # Setup UI, COMMS
-    config.ui = UIFactory.create_ui(ui_class)
+    # Preserve existing WebUI instance when only switching profile (for_webui=True).
+    # Replacing it would break in-flight tasks: worker threads use config.ui and
+    # thread-local task_id; a new WebUI would have empty thread-locals and a new
+    # EventsManager, so aggregator/training logs would get task_id=None and be dropped.
+    if for_webui and isinstance(getattr(config, "ui", None), WebUI):
+        pass  # keep existing config.ui (same thread-locals and events_manager)
+    else:
+        config.ui = UIFactory.create_ui(ui_class)
     config.comms = CommsFactory.create_comms(config.comms, config.server)
 
     # Setup auth class
diff --git a/cli/medperf/tests/commands/association/test_approve.py b/cli/medperf/tests/commands/association/test_approve.py
index b93834fac..a6f23d50f 100644
--- a/cli/medperf/tests/commands/association/test_approve.py
+++ b/cli/medperf/tests/commands/association/test_approve.py
@@ -21,10 +21,6 @@
             {"training_exp_uid": 1, "dataset_uid": 1},
             "update_training_dataset_association",
         ),
-        (
-            {"training_exp_uid": 1, "aggregator_uid": 1},
-            "update_training_aggregator_association",
-        ),
     ],
 )
 def test_run_calls_correct_comms_method(mocker, comms, ui, kwargs, comms_method):
diff --git a/cli/medperf/tests/commands/association/test_list.py b/cli/medperf/tests/commands/association/test_list.py
index 011bc5da4..77415d982 100644
--- a/cli/medperf/tests/commands/association/test_list.py
+++ b/cli/medperf/tests/commands/association/test_list.py
@@ -21,10 +21,6 @@
             {"training_exp": True, "dataset": True},
             ["training_exp", "dataset"],
         ),
-        (
-            {"training_exp": True, "aggregator": True},
-            ["training_exp", "aggregator"],
-        ),
     ],
 )
 def test_run_calls_correct_comms_method(mocker, comms, ui, kwargs, expected_util_args):
diff --git a/cli/medperf/tests/commands/association/test_utils.py b/cli/medperf/tests/commands/association/test_utils.py
index be830d6d2..a42bacb76 100644
--- a/cli/medperf/tests/commands/association/test_utils.py
+++ b/cli/medperf/tests/commands/association/test_utils.py
@@ -6,7 +6,6 @@
 
 @pytest.mark.parametrize("dset_uid", [None, 1])
 @pytest.mark.parametrize("mlcube_uid", [None, 1])
-@pytest.mark.parametrize("aggregartor_uid", [None, 1])
 @pytest.mark.parametrize("bmk_uid", [None, 1])
 @pytest.mark.parametrize("training_exp_uid", [None, 1])
 def test_validate_args_fails_if_invalid_arguments(
@@ -15,29 +14,22 @@ def test_validate_args_fails_if_invalid_arguments(
     ui,
     dset_uid,
     mlcube_uid,
-    aggregartor_uid,
     bmk_uid,
     training_exp_uid,
 ):
     # Arrange
-    number_of_components_provided = (
-        int(dset_uid is not None)
-        + int(mlcube_uid is not None)
-        + int(aggregartor_uid is not None)
+    number_of_components_provided = int(dset_uid is not None) + int(
+        mlcube_uid is not None
     )
     number_of_experiments_provided = int(bmk_uid is not None) + int(
         training_exp_uid is not None
     )
-    is_training_component = dset_uid or aggregartor_uid
     is_evaluation_component = dset_uid or mlcube_uid
 
     should_succeed = (
         number_of_components_provided == 1
         and number_of_experiments_provided == 1
-        and (
-            (training_exp_uid and is_training_component)
-            or (bmk_uid and is_evaluation_component)
-        )
+        and ((is_evaluation_component and bmk_uid) or (training_exp_uid and dset_uid))
     )
 
     # Act & Assert
@@ -48,7 +40,6 @@ def test_validate_args_fails_if_invalid_arguments(
                 training_exp_uid,
                 dset_uid,
                 mlcube_uid,
-                aggregartor_uid,
                 Status.APPROVED.value,
             )
     else:
@@ -57,7 +48,6 @@ def test_validate_args_fails_if_invalid_arguments(
             training_exp_uid,
             dset_uid,
             mlcube_uid,
-            aggregartor_uid,
             Status.APPROVED.value,
         )
 
@@ -77,7 +67,6 @@ def test_validate_args_fails_if_invalid_approval_status(
                 None,
                 1,
                 None,
-                None,
                 approval_status,
             )
     else:
@@ -86,7 +75,6 @@ def test_validate_args_fails_if_invalid_approval_status(
             None,
             1,
             None,
-            None,
             approval_status,
         )
 
@@ -145,42 +133,3 @@ def test_3_latest_associations():
     assert sorted(result, key=lambda x: (x["component"], x["experiment"])) == sorted(
         expected, key=lambda x: (x["component"], x["experiment"])
     )
-
-
-def test_1_last_component():
-    # Arrange
-    associations = [
-        {"created_at": "2025-04-16 17:38:33", "component": 1, "experiment": 2},
-        {"created_at": "2025-04-16 17:34:33", "component": 1, "experiment": 2},
-        {"created_at": "2025-04-16 17:32:33", "component": 2, "experiment": 2},
-    ]
-    expected = [associations[0]]
-
-    # Act
-    result = utils.get_last_component(associations, "experiment")
-
-    # Assert
-    # sort them in some way
-    assert sorted(result, key=lambda x: (x["component"], x["experiment"])) == sorted(
-        expected, key=lambda x: (x["component"], x["experiment"])
-    )
-
-
-def test_2_last_component():
-    # Arrange
-    associations = [
-        {"created_at": "2025-04-16 17:38:33", "component": 1, "experiment": 2},
-        {"created_at": "2025-04-16 17:34:33", "component": 1, "experiment": 2},
-        {"created_at": "2025-04-17 17:32:33", "component": 2, "experiment": 2},
-        {"created_at": "2025-04-16 17:32:33", "component": 2, "experiment": 3},
-    ]
-    expected = [associations[2], associations[3]]
-
-    # Act
-    result = utils.get_last_component(associations, "experiment")
-
-    # Assert
-    # sort them in some way
-    assert sorted(result, key=lambda x: (x["component"], x["experiment"])) == sorted(
-        expected, key=lambda x: (x["component"], x["experiment"])
-    )
diff --git a/cli/medperf/ui/cli.py b/cli/medperf/ui/cli.py
index 5367cb49f..ba035e5fe 100644
--- a/cli/medperf/ui/cli.py
+++ b/cli/medperf/ui/cli.py
@@ -75,6 +75,9 @@ def print_error(self, msg: str):
     def print_critical(self, msg: str):
         self.print_warning(msg)
 
+    def print_cli_warning(self, msg: str):
+        self.print_warning(msg)
+
     def print_warning(self, msg: str):
         """Display a warning message on the command line
 
diff --git a/cli/medperf/ui/interface.py b/cli/medperf/ui/interface.py
index 42c676f77..6c9fc5745 100644
--- a/cli/medperf/ui/interface.py
+++ b/cli/medperf/ui/interface.py
@@ -13,6 +13,9 @@ def print(self, msg: str = ""):
     def print_error(self, msg: str):
         """Display an error message to the interface"""
 
+    def print_cli_warning(self, msg: str):
+        """Display a warning message only for the CLI interface."""
+
     def print_warning(self, msg: str):
         """Display a warning message on the command line"""
 
diff --git a/cli/medperf/ui/web_ui.py b/cli/medperf/ui/web_ui.py
index 149120833..eaa607ffc 100644
--- a/cli/medperf/ui/web_ui.py
+++ b/cli/medperf/ui/web_ui.py
@@ -1,5 +1,6 @@
 from queue import Queue
 from contextlib import contextmanager
+import threading
 from yaspin import yaspin
 import typer
 
@@ -13,10 +14,20 @@ def __init__(self):
         self.responses: Queue[dict] = Queue()
         self.is_interactive = False
         self.spinner = yaspin(color="green")
-        self.task_id = None
+        self._task_id_local = threading.local()
+        self._primary_task_id = None
         self.events_manager = EventsManager()
         self.global_events_manager = GlobalEventsManager()
 
+    def _current_task_id(self):
+        """Per-thread task_id so concurrent tasks (e.g. aggregator + training) tag events correctly."""
+        return getattr(self._task_id_local, "task_id", None)
+
+    @property
+    def task_id(self):
+        """Primary task_id for GET /current_task (last task started by a request). Events use _current_task_id()."""
+        return self._primary_task_id
+
     def print_error(self, msg: str):
         """Display an error message on the command line
 
@@ -27,6 +38,10 @@ def print_error(self, msg: str):
         msg = typer.style(msg, fg=typer.colors.RED, bold=True)
         self._print(msg, "error")
 
+    def print_cli_warning(self, msg: str):
+        # do nothing
+        pass
+
     def print_warning(self, msg: str):
         """Display a warning message on the command line
 
@@ -44,7 +59,7 @@ def _print(self, msg: str = "", type: str = "print"):
 
         self.set_event(
             Event(
-                task_id=self.task_id,
+                task_id=self._current_task_id(),
                 type=type,
                 message=msg,
                 interactive=self.is_interactive,
@@ -99,7 +114,7 @@ def text(self, msg: str = ""):
 
         self.set_event(
             Event(
-                task_id=self.task_id,
+                task_id=self._current_task_id(),
                 type="text",
                 message=msg,
                 interactive=self.is_interactive,
@@ -120,7 +135,7 @@ def prompt(self, msg: str) -> str:
         msg = msg.replace(" [Y/n]", "")
         self.set_event(
             Event(
-                task_id=self.task_id,
+                task_id=self._current_task_id(),
                 type="prompt",
                 message=msg,
                 interactive=self.is_interactive,
@@ -182,8 +197,9 @@ def print_critical(self, msg: str):
     def set_event(self, event: Event):
         self.events_manager.process_event(event)
 
-    def get_event(self, timeout=None):
-        return self.events_manager.dequeue_event(timeout=timeout)
+    def get_event(self, task_id=None, timeout=None):
+        """Get next event for the given task_id (required for SSE so each stream gets only its task's events)."""
+        return self.events_manager.dequeue_event(task_id=task_id, timeout=timeout)
 
     def set_response(self, event):
         self.responses.put(event)
@@ -196,7 +212,7 @@ def end_task(self, response=None):
 
         self.events_manager.enqueue_event(
             Event(
-                task_id=self.task_id,
+                task_id=self._current_task_id(),
                 type="highlight",
                 message="",
                 interactive=self.is_interactive,
@@ -207,14 +223,16 @@ def end_task(self, response=None):
         self.unset_task_id()
 
     def start_task(self, task_id: str):
+        self._primary_task_id = task_id
         self.set_task_id(task_id)
         self.events_manager.start_buffering()
 
     def set_task_id(self, task_id):
-        self.task_id = task_id
+        self._task_id_local.task_id = task_id
 
     def unset_task_id(self):
-        self.task_id = None
+        if hasattr(self._task_id_local, "task_id"):
+            delattr(self._task_id_local, "task_id")
 
     def add_notification(self, message, return_response, url=""):
         self.global_events_manager.add_notification(message, return_response, url)
diff --git a/cli/medperf/utils.py b/cli/medperf/utils.py
index 4c96b5910..735fc40b6 100644
--- a/cli/medperf/utils.py
+++ b/cli/medperf/utils.py
@@ -23,6 +23,7 @@
 import medperf.config as config
 from medperf.exceptions import CleanExit, ExecutionError, InvalidArgumentError
 import shlex
+import time
 from email_validator import validate_email, EmailNotValidError
 
 
@@ -505,9 +506,10 @@ def check_for_updates() -> None:
 
 
 class spawn_and_kill:
-    def __init__(self, cmd, timeout=None, *args, **kwargs):
+    def __init__(self, cmd, timeout=None, task=None, *args, **kwargs):
         self.cmd = cmd
         self.timeout = timeout
+        self.task = task
         self._args = args
         self._kwargs = kwargs
         self.proc: spawn
@@ -518,16 +520,37 @@ def spawn(*args, **kwargs):
         return spawn(*args, **kwargs)
 
     def killpg(self):
-        os.killpg(self.pid, signal.SIGINT)
+        """Stop the process group: SIGTERM first, then SIGKILL after a short wait."""
+        try:
+            pgid = os.getpgid(self.pid)
+        except OSError:
+            pgid = self.pid
+        try:
+            os.killpg(pgid, signal.SIGTERM)
+        except OSError:
+            pass
+        time.sleep(1)
+        try:
+            if self.proc.isalive():
+                os.killpg(pgid, signal.SIGKILL)
+        except OSError:
+            pass
 
     def __enter__(self):
         self.proc = self.spawn(
             self.cmd, timeout=self.timeout, *self._args, **self._kwargs
         )
         self.pid = self.proc.pid
+
+        if self.task:
+            config.running_containers[self.task] = self
+
         return self
 
     def __exit__(self, exc_type, exc_val, exc_tb):
+        if self.task:
+            config.running_containers.pop(self.task, None)
+
         if exc_type:
             self.exception_occurred = True
             # Forcefully kill the process group if any exception occurred, in particular,
@@ -543,11 +566,11 @@ def __exit__(self, exc_type, exc_val, exc_tb):
         return False
 
 
-def run_command(cmd, timeout=None, output_logs=None):
+def run_command(cmd, timeout=None, output_logs=None, task=None):
     logging.debug(f"Command as list, to be run: {cmd}")
     command_as_str = shlex.join(cmd)
     logging.debug(f"Running command: {command_as_str}")
-    with spawn_and_kill(command_as_str, timeout=timeout) as proc_wrapper:
+    with spawn_and_kill(command_as_str, timeout=timeout, task=task) as proc_wrapper:
         proc = proc_wrapper.proc
         proc_out = combine_proc_sp_text(proc)
 
diff --git a/cli/medperf/web_ui/aggregators/routes.py b/cli/medperf/web_ui/aggregators/routes.py
new file mode 100644
index 000000000..09b78d9d9
--- /dev/null
+++ b/cli/medperf/web_ui/aggregators/routes.py
@@ -0,0 +1,204 @@
+import logging
+import threading
+
+from fastapi import APIRouter, Depends, Form, Request
+from fastapi.responses import HTMLResponse, JSONResponse
+
+import medperf.config as config
+from medperf.account_management import get_medperf_user_data
+from medperf.commands.aggregator.submit import SubmitAggregator
+from medperf.commands.certificate.server_certificate import GetServerCertificate
+from medperf.commands.aggregator.run import StartAggregator
+from medperf.entities.aggregator import Aggregator
+from medperf.entities.cube import Cube
+from medperf.web_ui.common import (
+    check_user_api,
+    check_user_ui,
+    initialize_state_task,
+    reset_state_task,
+    templates,
+)
+
+router = APIRouter()
+logger = logging.getLogger(__name__)
+
+
+@router.get("/register/ui", response_class=HTMLResponse)
+def register_aggregator_ui(
+    request: Request,
+    current_user: bool = Depends(check_user_ui),
+):
+    containers = Cube.all()
+    containers = [{"id": c.id, "name": c.name} for c in containers]
+    return templates.TemplateResponse(
+        "aggregators/register_aggregator.html",
+        {"request": request, "containers": containers},
+    )
+
+
+@router.post("/register", response_class=JSONResponse)
+def register_aggregator(
+    request: Request,
+    name: str = Form(...),
+    address: str = Form(...),
+    port: int = Form(...),
+    aggregation_mlcube: int = Form(...),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="register_aggregator")
+    return_response = {"status": "", "error": "", "entity_id": None}
+    aggregator_id = None
+    try:
+        aggregator_id = SubmitAggregator.run(
+            name=name,
+            address=address.strip(),
+            port=port,
+            aggregation_mlcube=aggregation_mlcube,
+        )
+        return_response["status"] = "success"
+        return_response["entity_id"] = aggregator_id
+        notification_message = "Aggregator successfully registered"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to register aggregator"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    redirect_url = (
+        f"/aggregators/ui/display/{aggregator_id}"
+        if aggregator_id
+        else "/aggregators/register/ui"
+    )
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=redirect_url,
+    )
+    return return_response
+
+
+@router.get("/ui", response_class=HTMLResponse)
+def aggregators_ui(
+    request: Request,
+    mine_only: bool = False,
+    current_user: bool = Depends(check_user_ui),
+):
+    filters = {}
+    my_user_id = get_medperf_user_data()["id"]
+    if mine_only:
+        filters["owner"] = my_user_id
+
+    aggregators = Aggregator.all(filters=filters)
+    aggregators = sorted(aggregators, key=lambda x: x.created_at or "", reverse=True)
+    mine_aggs = [a for a in aggregators if a.owner == my_user_id]
+    other_aggs = [a for a in aggregators if a.owner != my_user_id]
+    aggregators = mine_aggs + other_aggs
+
+    return templates.TemplateResponse(
+        "aggregators/aggregators.html",
+        {"request": request, "aggregators": aggregators, "mine_only": mine_only},
+    )
+
+
+@router.get("/ui/display/{aggregator_id}", response_class=HTMLResponse)
+def aggregator_detail_ui(
+    request: Request,
+    aggregator_id: int,
+    current_user: bool = Depends(check_user_ui),
+):
+    my_user_id = get_medperf_user_data()["id"]
+    entity = Aggregator.get(aggregator_id)
+    owner = entity.owner == my_user_id
+    # Training experiments that have this aggregator set (reverse relation)
+    experiments_using_aggregator = entity.get_training_experiments()
+
+    return templates.TemplateResponse(
+        "aggregators/aggregator_detail.html",
+        {
+            "request": request,
+            "entity": entity,
+            "experiments_using_aggregator": experiments_using_aggregator,
+            "owner": owner,
+        },
+    )
+
+
+@router.post("/get_server_certificate", response_class=JSONResponse)
+def get_server_certificate(
+    request: Request,
+    aggregator_id: int = Form(...),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="aggregator_get_server_cert")
+    return_response = {"status": "", "error": ""}
+    try:
+        GetServerCertificate.run(aggregator_id=aggregator_id)
+        return_response["status"] = "success"
+        notification_message = "Server certificate retrieved successfully"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to get server certificate"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    redirect_url = f"/aggregators/ui/display/{aggregator_id}"
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=redirect_url,
+    )
+    return return_response
+
+
+def _run_aggregator_worker(
+    request: Request,
+    training_exp_id: int,
+    aggregator_id: int,
+    task_id: str,
+):
+    redirect_url = f"/aggregators/ui/display/{aggregator_id}"
+    return_response = {"status": "", "error": ""}
+    notification_message = "Aggregator run started successfully"
+    config.ui.set_task_id(task_id)
+    try:
+        StartAggregator.run(training_exp_id=training_exp_id, publish_on="0.0.0.0")
+        return_response["status"] = "success"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "An error occurred while running the aggregator"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request, task_id)
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=redirect_url,
+    )
+
+
+@router.post("/run", response_class=JSONResponse)
+def run_aggregator(
+    request: Request,
+    aggregator_id: int = Form(...),
+    training_exp_id: int = Form(...),
+    current_user: bool = Depends(check_user_api),
+):
+    agg_meta = config.comms.get_experiment_aggregator(training_exp_id)
+    if not agg_meta or agg_meta.get("id") != aggregator_id:
+        raise ValueError("Selected training experiment does not use this aggregator")
+
+    task_id = initialize_state_task(request, task_name="start_aggregator")
+
+    threading.Thread(
+        target=_run_aggregator_worker,
+        args=(request, training_exp_id, aggregator_id, task_id),
+        daemon=True,
+    ).start()
+
+    return {"status": "started", "error": ""}
diff --git a/cli/medperf/web_ui/api/routes.py b/cli/medperf/web_ui/api/routes.py
index 10f76c296..448ac89e7 100644
--- a/cli/medperf/web_ui/api/routes.py
+++ b/cli/medperf/web_ui/api/routes.py
@@ -4,6 +4,7 @@
 from fastapi import APIRouter, HTTPException, Form, Depends
 from fastapi.responses import JSONResponse
 
+import medperf.config as config
 from medperf.exceptions import InvalidArgumentError
 from medperf.web_ui.common import check_user_api
 from medperf.utils import sanitize_path
@@ -11,6 +12,29 @@
 router = APIRouter()
 
 
+@router.get("/running_tasks", response_class=JSONResponse)
+def get_running_tasks(current_user: bool = Depends(check_user_api)):
+    tasks = list(config.running_containers.keys())
+    return {"tasks": tasks}
+
+
+@router.post("/stop_task", response_class=JSONResponse)
+def stop_task(
+    task_name: str = Form(...),
+    current_user: bool = Depends(check_user_api),
+):
+    wrapper = config.running_containers.get(task_name)
+    if wrapper is None:
+        raise HTTPException(
+            status_code=404, detail=f"No running task named '{task_name}'"
+        )
+    try:
+        wrapper.killpg()
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+    return {"status": "ok"}
+
+
 # TODO: close with token and list in documentation
 @router.post("/browse", response_class=JSONResponse)
 def browse_directory(
diff --git a/cli/medperf/web_ui/app.py b/cli/medperf/web_ui/app.py
index 45a65b1d4..863214505 100644
--- a/cli/medperf/web_ui/app.py
+++ b/cli/medperf/web_ui/app.py
@@ -5,6 +5,7 @@
 from medperf.logging.utils import log_machine_details
 
 import typer
+from starlette.middleware.base import BaseHTTPMiddleware
 from fastapi import FastAPI, Request
 from fastapi.responses import RedirectResponse
 from fastapi.staticfiles import StaticFiles
@@ -18,6 +19,8 @@
 from medperf.web_ui.containers.routes import router as containers_router
 from medperf.web_ui.models.routes import router as models_router
 from medperf.web_ui.assets.routes import router as assets_router
+from medperf.web_ui.training.routes import router as training_router
+from medperf.web_ui.aggregators.routes import router as aggregators_router
 from medperf.web_ui.yaml_fetch.routes import router as yaml_fetch_router
 from medperf.web_ui.api.routes import router as api_router
 from medperf.web_ui.security_check import router as login_router
@@ -25,15 +28,37 @@
 from medperf.web_ui.medperf_login import router as medperf_login
 from medperf.web_ui.settings import router as settings_router
 from medperf.web_ui.auth import wrap_openapi, NotAuthenticatedException, security_token
-from medperf.web_ui.schemas import WebUITask
+
+JS_VERSION = "1.0.0"
+
+UI_MODE_COOKIE = "medperf-mode"
+UI_MODE_TRAINING = "training"
+UI_MODE_EVALUATION = "evaluation"
+
+
+class NavModeMiddleware(BaseHTTPMiddleware):
+    """Set request.app.state.ui_mode from cookie so templates and routes can use it."""
+
+    async def dispatch(self, request, call_next):
+        request.app.state.ui_mode = request.cookies.get(
+            UI_MODE_COOKIE, UI_MODE_EVALUATION
+        )
+        if request.app.state.ui_mode not in (UI_MODE_EVALUATION, UI_MODE_TRAINING):
+            request.app.state.ui_mode = UI_MODE_EVALUATION
+        return await call_next(request)
+
 
 web_app = FastAPI()
 
+web_app.add_middleware(NavModeMiddleware)
+
 web_app.include_router(datasets_router, prefix="/datasets")
 web_app.include_router(benchmarks_router, prefix="/benchmarks")
 web_app.include_router(containers_router, prefix="/containers")
 web_app.include_router(models_router, prefix="/models")
 web_app.include_router(assets_router, prefix="/assets")
+web_app.include_router(training_router, prefix="/training")
+web_app.include_router(aggregators_router, prefix="/aggregators")
 web_app.include_router(yaml_fetch_router)
 web_app.include_router(api_router, prefix="/api")
 web_app.include_router(login_router)
@@ -43,7 +68,9 @@
 
 static_folder_path = Path(resources.files("medperf.web_ui")) / "static"
 
-web_app.mount("/static", StaticFiles(directory=static_folder_path), name="static")
+web_app.mount(
+    f"/static/v{JS_VERSION}", StaticFiles(directory=static_folder_path), name="static"
+)
 
 web_app.add_exception_handler(Exception, custom_exception_handler)
 
@@ -52,7 +79,7 @@
 
 @web_app.on_event("startup")
 def startup_event():
-    web_app.state.task = WebUITask()
+    web_app.state.active_tasks = {}  # task_id -> WebUITask (multiple tasks can run)
     web_app.state.old_tasks = []  # List of [schemas.WebUITask]
     web_app.state.task_running = False
     web_app.state.MAXLOGMESSAGES = config.webui_max_log_messages
@@ -70,6 +97,11 @@ def startup_event():
         "interval": 0,
     }
 
+    # Set default UI mode to evaluation on startup, will be updated by NavModeMiddleware on each request based on cookie
+    web_app.state.ui_mode = UI_MODE_EVALUATION
+    web_app.state.TRAINING_MODE = UI_MODE_TRAINING
+    web_app.state.EVALUATION_MODE = UI_MODE_EVALUATION
+
     # continue setup logging
     host_props = {**web_app.state.host_props, "security_token": security_token}
     with open(config.webui_host_props, "w") as f:
@@ -94,10 +126,24 @@ def not_authenticated_exception_handler(
 
 
 @web_app.get("/", include_in_schema=False)
-def read_root():
+def read_root(request: Request):
+    if request.app.state.ui_mode == UI_MODE_TRAINING:
+        return RedirectResponse(url="/training/ui")
     return RedirectResponse(url="/benchmarks/ui")
 
 
+@web_app.get("/set_mode", include_in_schema=False)
+def set_mode(request: Request, mode: str = "evaluation"):
+    """Set nav mode (evaluation | training) via cookie and redirect to the default page for that mode."""
+    if mode == UI_MODE_TRAINING:
+        response = RedirectResponse(url="/training/ui")
+        response.set_cookie(key=UI_MODE_COOKIE, value=UI_MODE_TRAINING, path="/")
+    else:
+        response = RedirectResponse(url="/benchmarks/ui")
+        response.set_cookie(key=UI_MODE_COOKIE, value=UI_MODE_EVALUATION, path="/")
+    return response
+
+
 app = typer.Typer()
 
 
diff --git a/cli/medperf/web_ui/assets/routes.py b/cli/medperf/web_ui/assets/routes.py
index 99deb5c9f..1aa8e009f 100644
--- a/cli/medperf/web_ui/assets/routes.py
+++ b/cli/medperf/web_ui/assets/routes.py
@@ -58,7 +58,7 @@ def register_asset(
 ):
     initialize_state_task(request, task_name="asset_registration")
 
-    return_response = {"status": "", "error": "", "asset_id": None}
+    return_response = {"status": "", "error": "", "asset_id": None, "entity_id": None}
     asset_id = None
     try:
         asset_id = SubmitAsset.run(
@@ -69,6 +69,7 @@ def register_asset(
         )
         return_response["status"] = "success"
         return_response["asset_id"] = asset_id
+        return_response["entity_id"] = asset_id
         notification_message = "Asset successfully registered"
     except Exception as exp:
         return_response["status"] = "failed"
diff --git a/cli/medperf/web_ui/benchmarks/routes.py b/cli/medperf/web_ui/benchmarks/routes.py
index 2f84e6431..02087a3a0 100644
--- a/cli/medperf/web_ui/benchmarks/routes.py
+++ b/cli/medperf/web_ui/benchmarks/routes.py
@@ -197,8 +197,8 @@ def register_benchmark(
         "data_evaluator_mlcube": evaluator_container,
         "state": "OPERATION",
     }
-    initialize_state_task(request, task_name="benchmark_registration")
-    return_response = {"status": "", "error": "", "benchmark_id": None}
+    initialize_state_task(request, task_name="register_benchmark")
+    return_response = {"status": "", "error": "", "entity_id": None}
     benchmark_id = None
     try:
         benchmark_id = SubmitBenchmark.run(
@@ -207,7 +207,7 @@ def register_benchmark(
             skip_compatibility_tests=skip_compatibility_tests,
         )
         return_response["status"] = "success"
-        return_response["benchmark_id"] = benchmark_id
+        return_response["entity_id"] = benchmark_id
         notification_message = "Benchmark successfully registered!"
     except Exception as exp:
         return_response["status"] = "failed"
diff --git a/cli/medperf/web_ui/common.py b/cli/medperf/web_ui/common.py
index e6e982c8b..796dc70e2 100644
--- a/cli/medperf/web_ui/common.py
+++ b/cli/medperf/web_ui/common.py
@@ -27,36 +27,51 @@
 )
 from medperf.web_ui.schemas import WebUITask
 
-from medperf.web_ui.utils import generate_uuid
-
 templates_folder_path = Path(resources.files("medperf.web_ui")) / "templates"
 templates = Jinja2Templates(directory=templates_folder_path)
 
 logger = logging.getLogger(__name__)
 
-ALLOWED_PATHS = ["/events", "/notifications", "/current_task", "/fetch-yaml"]
+ALLOWED_PATHS = [
+    "/events",
+    "/notifications",
+    "/api/running_tasks",
+    "/api/stop_task",
+    "/aggregators/run",
+    "/datasets/start_training",
+    "/settings/activate_profile",
+]
 
 
 def initialize_state_task(request: Request, task_name: str) -> str:
     form_data = dict(anyio.from_thread.run(lambda: request.form()))
-    new_task_id = generate_uuid()
+    new_task_id = task_name
     config.ui.start_task(new_task_id)
-    request.app.state.task = WebUITask(
-        id=new_task_id, name=task_name, running=True, formData=form_data
-    )
+    task = WebUITask(id=new_task_id, name=task_name, running=True, formData=form_data)
+    request.app.state.active_tasks[task_name] = task
+    request.app.state.task = task
     request.app.state.task_running = True
 
     return new_task_id
 
 
-def reset_state_task(request: Request):
-    current_task = request.app.state.task
+def reset_state_task(request: Request, task_id: str = None):
+    if task_id is None:
+        task_id = getattr(request.app.state.task, "id", None)
+    if task_id is None:
+        return
+    active_tasks = request.app.state.active_tasks
+    current_task = active_tasks.pop(task_id, None)
+    if current_task is None:
+        return
     current_task.set_running(False)
+
+    if not active_tasks:
+        request.app.state.task_running = False
+
     if len(request.app.state.old_tasks) == 10:
         request.app.state.old_tasks.pop(0)
     request.app.state.old_tasks.append(current_task)
-    request.app.state.task = WebUITask()
-    request.app.state.task_running = False
 
 
 def custom_exception_handler(request: Request, exc: Exception):
diff --git a/cli/medperf/web_ui/containers/routes.py b/cli/medperf/web_ui/containers/routes.py
index 1ded38765..647ff1be6 100644
--- a/cli/medperf/web_ui/containers/routes.py
+++ b/cli/medperf/web_ui/containers/routes.py
@@ -113,9 +113,9 @@ def register_container(
     decryption_file: str = Form(None),
     current_user: bool = Depends(check_user_api),
 ):
-    initialize_state_task(request, task_name="container_registration")
+    initialize_state_task(request, task_name="register_container")
 
-    return_response = {"status": "", "error": "", "container_id": None}
+    return_response = {"status": "", "error": "", "entity_id": None}
     container_info = {
         "name": name,
         "additional_files_tarball_url": additional_file,
@@ -131,7 +131,7 @@ def register_container(
             decryption_key=decryption_file,
         )
         return_response["status"] = "success"
-        return_response["container_id"] = container_id
+        return_response["entity_id"] = container_id
         notification_message = "Container successfully registered"
     except Exception as exp:
         return_response["status"] = "failed"
diff --git a/cli/medperf/web_ui/datasets/routes.py b/cli/medperf/web_ui/datasets/routes.py
index 17abfcb82..a7b9131b0 100644
--- a/cli/medperf/web_ui/datasets/routes.py
+++ b/cli/medperf/web_ui/datasets/routes.py
@@ -1,6 +1,7 @@
 import os
 import logging
-from typing import List
+import threading
+from typing import List, Optional
 
 from fastapi.responses import HTMLResponse, JSONResponse
 from fastapi import Request, APIRouter, Depends, Form
@@ -24,6 +25,10 @@
 from medperf.entities.benchmark import Benchmark
 from medperf.entities.execution import Execution
 from medperf.entities.model import Model
+from medperf.entities.training_exp import TrainingExp
+from medperf.commands.association.utils import get_user_associations
+from medperf.commands.dataset.associate_training import AssociateTrainingDataset
+from medperf.commands.dataset.train import TrainingExecution
 from medperf.web_ui.common import (
     templates,
     check_user_ui,
@@ -31,6 +36,7 @@
     initialize_state_task,
     reset_state_task,
 )
+from medperf.web_ui.utils import get_container_type
 
 logger = logging.getLogger(__name__)
 
@@ -47,9 +53,7 @@ def datasets_ui(
     my_user_id = get_medperf_user_data()["id"]
     if mine_only:
         filters["owner"] = my_user_id
-    datasets = Dataset.all(
-        filters=filters,
-    )
+    datasets = Dataset.all(filters=filters)
 
     datasets = sorted(datasets, key=lambda x: x.created_at, reverse=True)
     # sort by (mine recent) (mine oldish), (other recent), (other oldish)
@@ -58,7 +62,11 @@ def datasets_ui(
     datasets = mine_datasets + other_datasets
     return templates.TemplateResponse(
         "dataset/datasets.html",
-        {"request": request, "datasets": datasets, "mine_only": mine_only},
+        {
+            "request": request,
+            "datasets": datasets,
+            "mine_only": mine_only,
+        },
     )
 
 
@@ -68,115 +76,156 @@ def dataset_detail_ui(  # noqa
     dataset_id: int,
     current_user: bool = Depends(check_user_ui),
 ):
+    user_obj = get_medperf_user_object()
+
     dataset = Dataset.get(dataset_id)
     dataset.read_report()
     dataset.read_statistics()
     prep_cube = Cube.get(cube_uid=dataset.data_preparation_mlcube)
-    benchmark_assocs = Dataset.get_benchmarks_associations(dataset_uid=dataset_id)
-    benchmark_associations = {}
-    for assoc in benchmark_assocs:
-        benchmark_associations[assoc["benchmark"]] = assoc
-    # benchmark_associations = sort_associations_display(benchmark_associations)
-
-    # Get all relevant benchmarks for making an association
-    benchmarks = Benchmark.all()
-    valid_benchmarks = {
-        b.id: b
-        for b in benchmarks
-        if b.data_preparation_mlcube == dataset.data_preparation_mlcube
-    }
-    for benchmark in valid_benchmarks:
-        ref_model_id = valid_benchmarks[benchmark].reference_model
-        valid_benchmarks[benchmark].reference_model = Model.get(ref_model_id)
 
-    dataset_is_operational = dataset.is_operational()
-    dataset_is_prepared = dataset.is_ready() or dataset_is_operational
-    approved_benchmarks = [
-        i
-        for i in benchmark_associations
-        if benchmark_associations[i]["approval_status"] == "APPROVED"
-    ]
-    user_obj = get_medperf_user_object()
     my_user_id = user_obj.id
     is_owner = my_user_id == dataset.owner
-    dataset_hash_mismatch = None
-    if dataset_is_operational and is_owner:
-        dataset_hash_mismatch = not dataset.check_hash()
-
-    # Get all results
-    results = []
-    if benchmark_assocs:
-        user_id = user_obj.id
-        results = Execution.all(filters={"owner": user_id})
-        results = filter_latest_executions(results)
-
-    # Fetch models associated with each benchmark
-    benchmark_models = {}
-    for assoc in benchmark_assocs:
-        if assoc["approval_status"] != "APPROVED":
-            continue  # if association is not approved we cannot list its models
-        models_uids = Benchmark.get_models_uids(benchmark_uid=assoc["benchmark"])
-        models = [Model.get(model_uid) for model_uid in models_uids]
-        benchmark_models[assoc["benchmark"]] = models
-        for model in models + [valid_benchmarks[assoc["benchmark"]].reference_model]:
-            model._encrypted = model.is_encrypted()
-            model._requires_cc = model.requires_cc()
-            if model._encrypted:
-                model.access_status = check_access_to_container(model.container.id)
-            if model._requires_cc:
-                if not dataset.is_cc_configured():
-                    reason = "Your dataset is not configured for CC yet"
-                    can_run = False
-                elif not model.is_cc_configured():
-                    reason = "Wait for model owner to configure their CC settings"
-                    can_run = False
-                elif not user_obj.is_cc_configured():
-                    reason = (
-                        "You haven't configured your workload run settings for CC yet"
-                    )
-                    can_run = False
-                else:
-                    reason = ""
-                    can_run = True
-                model.cc_run_status = {"can_run": can_run, "reason": reason}
-            model.result = None
-            for result in results:
-                if (
-                    result.benchmark == assoc["benchmark"]
-                    and result.dataset == dataset_id
-                    and result.model == model.id
-                ):
-                    model.result = result.todict()
-                    model.result["results_exist"] = (
-                        result.is_executed() or result.finalized
-                    )
-                    if model.result["results_exist"]:
-                        model.result["results"] = result.read_results()
-
+    dataset_is_operational = dataset.is_operational()
+    dataset_is_prepared = dataset.is_ready() or dataset_is_operational
     report_exists = os.path.exists(dataset.report_path)
+    ui_mode = request.app.state.ui_mode
 
     cc_config_defaults = dataset.get_cc_config()
     cc_configured = dataset.is_cc_configured()
+    cc_initialized = dataset.is_cc_initialized()
+    cc_last_synced = dataset.get_last_synced()
+    context = {
+        "request": request,
+        "dataset": dataset,
+        "prep_cube": prep_cube,
+        "dataset_is_prepared": dataset_is_prepared,
+        "dataset_is_operational": dataset_is_operational,
+        "is_owner": is_owner,
+        "report_exists": report_exists,
+        "cc_config_defaults": cc_config_defaults,
+        "cc_configured": cc_configured,
+        "cc_initialized": cc_initialized,
+        "cc_last_synced": cc_last_synced,
+    }
 
-    return templates.TemplateResponse(
-        "dataset/dataset_detail.html",
-        {
-            "request": request,
-            "dataset": dataset,
-            "prep_cube": prep_cube,
-            "dataset_is_prepared": dataset_is_prepared,
-            "dataset_is_operational": dataset_is_operational,
-            "dataset_hash_mismatch": dataset_hash_mismatch,
-            "benchmark_associations": benchmark_associations,  #
-            "benchmarks": valid_benchmarks,  # Benchmarks that can be associated
-            "benchmark_models": benchmark_models,  # Pass associated models without status
-            "approved_benchmarks": approved_benchmarks,
-            "is_owner": is_owner,
-            "report_exists": report_exists,
-            "cc_config_defaults": cc_config_defaults,
-            "cc_configured": cc_configured,
-        },
-    )
+    if ui_mode == request.app.state.EVALUATION_MODE:
+        benchmark_assocs = Dataset.get_benchmarks_associations(dataset_uid=dataset_id)
+        benchmark_associations = {}
+        for assoc in benchmark_assocs:
+            benchmark_associations[assoc["benchmark"]] = assoc
+        # benchmark_associations = sort_associations_display(benchmark_associations)
+
+        # Get all relevant benchmarks for making an association
+        benchmarks = Benchmark.all()
+        valid_benchmarks = {
+            b.id: b
+            for b in benchmarks
+            if b.data_preparation_mlcube == dataset.data_preparation_mlcube
+        }
+        approved_benchmarks = [
+            i
+            for i in benchmark_associations
+            if benchmark_associations[i]["approval_status"] == "APPROVED"
+        ]
+        # Get all results
+        results = []
+        if benchmark_assocs:
+            user_id = user_obj.id
+            results = Execution.all(filters={"owner": user_id})
+            results = filter_latest_executions(results)
+
+        # Fetch models associated with each benchmark
+        benchmark_models = {}
+        for assoc in benchmark_assocs:
+            if assoc["approval_status"] != "APPROVED":
+                continue  # if association is not approved we cannot list its models
+            models_uids = Benchmark.get_models_uids(benchmark_uid=assoc["benchmark"])
+            reference_model_id = valid_benchmarks[assoc["benchmark"]].reference_model
+            models_uids.insert(0, reference_model_id)
+            models = [Model.get(model_uid) for model_uid in models_uids]
+            # check if any model requires cc. if yes, remove the reference model
+            for model in models:
+                if model.requires_cc():
+                    models.pop(0)
+                    break
+            benchmark_models[assoc["benchmark"]] = models
+            for model in benchmark_models[assoc["benchmark"]]:
+                model._encrypted = model.is_encrypted()
+                model._requires_cc = model.requires_cc()
+                if model._encrypted:
+                    model.access_status = check_access_to_container(model.container.id)
+                if model._requires_cc:
+                    if not dataset.is_cc_initialized():
+                        reason = "Your dataset is not configured for CC yet"
+                        can_run = False
+                    elif not model.is_cc_initialized():
+                        reason = "Wait for model owner to configure their CC settings"
+                        can_run = False
+                    elif not user_obj.is_cc_initialized():
+                        reason = "You haven't configured your workload run settings for CC yet"
+                        can_run = False
+                    else:
+                        reason = ""
+                        can_run = True
+                    model.cc_run_status = {"can_run": can_run, "reason": reason}
+                model.result = None
+                for result in results:
+                    if (
+                        result.benchmark == assoc["benchmark"]
+                        and result.dataset == dataset_id
+                        and result.model == model.id
+                    ):
+                        model.result = result.todict()
+                        model.result["results_exist"] = (
+                            result.is_executed() or result.finalized
+                        )
+                        if model.result["results_exist"]:
+                            model.result["results"] = result.read_results()
+
+        context.update(
+            {
+                "benchmark_associations": benchmark_associations,
+                "benchmarks": valid_benchmarks,
+                "benchmark_models": benchmark_models,
+                "approved_benchmarks": approved_benchmarks,
+            }
+        )
+
+    else:
+        training_associations = {}
+        available_training_experiments = []
+        try:
+            user_training_assocs = get_user_associations(
+                experiment_type="training_exp", component_type="dataset"
+            )
+            for a in user_training_assocs:
+                if a.get("dataset") == dataset_id:
+                    training_associations[a["training_exp"]] = a
+            all_training = TrainingExp.all()
+            available_training_experiments = [
+                t
+                for t in all_training
+                if t.data_preparation_mlcube == dataset.data_preparation_mlcube
+            ]
+        except Exception as e:
+            logger.warning("Could not load training associations: %s", e)
+
+        experiments_by_id = {e.id: e for e in available_training_experiments}
+        for exp_id in training_associations:
+            if exp_id not in experiments_by_id:
+                try:
+                    experiments_by_id[exp_id] = TrainingExp.get(exp_id)
+                except Exception:
+                    pass
+        context.update(
+            {
+                "training_associations": training_associations,
+                "available_training_experiments": available_training_experiments,
+                "experiments_by_id": experiments_by_id,
+            }
+        )
+
+    return templates.TemplateResponse("dataset/dataset_detail.html", context)
 
 
 @router.get("/register/ui", response_class=HTMLResponse)
@@ -184,19 +233,36 @@ def create_dataset_ui(
     request: Request,
     current_user: bool = Depends(check_user_ui),
 ):
-    # Fetch the list of benchmarks to populate the benchmark dropdown
-    benchmarks = Benchmark.all()
-    # Render the dataset creation form with the list of benchmarks
-    return templates.TemplateResponse(
-        "dataset/register_dataset.html", {"request": request, "benchmarks": benchmarks}
-    )
+    ui_mode = request.app.state.ui_mode
+    context = {"request": request}
+
+    if ui_mode == request.app.state.EVALUATION_MODE:
+        benchmarks = Benchmark.all()
+        context["benchmarks"] = benchmarks
+    else:
+        my_containers = Cube.all()
+        containers = []
+        for container in my_containers:
+            container_obj = {
+                "id": container.id,
+                "name": container.name,
+                "type": get_container_type(container),
+            }
+            containers.append(container_obj)
+        data_prep_containers = [
+            c for c in containers if c["type"] == "data-prep-container"
+        ]
+        context["data_prep_containers"] = data_prep_containers
+
+    return templates.TemplateResponse("dataset/register_dataset.html", context)
 
 
 @router.post("/register/", response_class=JSONResponse)
 def register_dataset(
     request: Request,
     submit_as_prepared: bool = Form(False),
-    benchmark: int = Form(...),
+    benchmark: Optional[int] = Form(None),
+    prep_cube_uid: Optional[int] = Form(None),
     name: str = Form(...),
     description: str = Form(...),
     location: str = Form(...),
@@ -204,13 +270,13 @@ def register_dataset(
     labels_path: str = Form(...),
     current_user: bool = Depends(check_user_api),
 ):
-    initialize_state_task(request, task_name="dataset_registration")
-    return_response = {"status": "", "dataset_id": None, "error": ""}
+    initialize_state_task(request, task_name="register_dataset")
+    return_response = {"status": "", "entity_id": None, "error": ""}
     dataset_id = None
     try:
         dataset_id = DataCreation.run(
             benchmark_uid=benchmark,
-            prep_cube_uid=None,
+            prep_cube_uid=prep_cube_uid,
             data_path=data_path,
             labels_path=labels_path,
             metadata_path=None,
@@ -221,7 +287,7 @@ def register_dataset(
             submit_as_prepared=bool(submit_as_prepared),
         )
         return_response["status"] = "success"
-        return_response["dataset_id"] = dataset_id
+        return_response["entity_id"] = dataset_id
         notification_message = "Dataset successfully registered"
     except Exception as exp:
         return_response["status"] = "failed"
@@ -249,7 +315,7 @@ def prepare(
     dataset_id: int = Form(...),
     current_user: bool = Depends(check_user_api),
 ):
-    initialize_state_task(request, task_name="dataset_preparation")
+    initialize_state_task(request, task_name="prepare")
     return_response = {"status": "", "dataset_id": None, "error": ""}
 
     try:
@@ -333,6 +399,84 @@ def associate(
     return return_response
 
 
+@router.post("/associate_training", response_class=JSONResponse)
+def associate_training(
+    request: Request,
+    dataset_id: int = Form(...),
+    training_exp_id: int = Form(...),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="dataset_training_association")
+    return_response = {"status": "", "error": ""}
+    try:
+        AssociateTrainingDataset.run(
+            data_uid=dataset_id,
+            training_exp_uid=training_exp_id,
+            approved=True,
+        )
+        return_response["status"] = "success"
+        notification_message = (
+            "Successfully requested dataset association with training experiment"
+        )
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to request association with training experiment"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=f"/datasets/ui/display/{dataset_id}",
+    )
+    return return_response
+
+
+def _run_training_worker(
+    request: Request, training_exp_id: int, dataset_id: int, task_id: str
+):
+    redirect_url = f"/datasets/ui/display/{dataset_id}"
+    return_response = {"status": "", "error": ""}
+    notification_message = "Training successfully finished"
+    config.ui.set_task_id(task_id)
+    try:
+        TrainingExecution.run(training_exp_id=training_exp_id, data_uid=dataset_id)
+        return_response["status"] = "success"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "An error occurred during training execution"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request, task_id)
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=redirect_url,
+    )
+
+
+@router.post("/start_training", response_class=JSONResponse)
+def start_training(
+    request: Request,
+    dataset_id: int = Form(...),
+    training_exp_id: int = Form(...),
+    current_user: bool = Depends(check_user_api),
+):
+    task_id = initialize_state_task(request, task_name="start_training")
+
+    threading.Thread(
+        target=_run_training_worker,
+        args=(request, training_exp_id, dataset_id, task_id),
+        daemon=True,
+    ).start()
+
+    return {"status": "started", "error": ""}
+
+
 @router.post("/run", response_class=JSONResponse)
 def run(
     request: Request,
@@ -342,7 +486,7 @@ def run(
     run_all: bool = Form(...),
     current_user: bool = Depends(check_user_api),
 ):
-    initialize_state_task(request, task_name="benchmark_run")
+    initialize_state_task(request, task_name="run_benchmark")
     return_response = {"status": "", "error": ""}
 
     try:
@@ -377,7 +521,7 @@ def submit_result(
     result_id: str = Form(...),
     current_user: bool = Depends(check_user_api),
 ):
-    initialize_state_task(request, task_name="result_submit")
+    initialize_state_task(request, task_name="submit_result")
     return_response = {"status": "", "error": ""}
 
     try:
@@ -411,9 +555,7 @@ def export_dataset_ui(
     dataset.read_statistics()
     prep_cube = Cube.get(cube_uid=dataset.data_preparation_mlcube)
     dataset_is_operational = dataset.state == "OPERATION"
-    dataset_is_prepared = (  # TODO: should we use submitted_as_prepared here?
-        dataset.submitted_as_prepared or dataset.is_ready() or dataset_is_operational
-    )
+    dataset_is_prepared = dataset.is_ready() or dataset_is_operational
     report_exists = os.path.exists(dataset.report_path)
 
     return templates.TemplateResponse(
@@ -437,7 +579,7 @@ def export_dataset(
     current_user: bool = Depends(check_user_api),
 ):
 
-    initialize_state_task(request, task_name="dataset_export")
+    initialize_state_task(request, task_name="export_dataset")
     return_response = {"status": "", "error": "", "dataset_id": dataset_id}
 
     try:
@@ -481,7 +623,7 @@ def import_dataset(
     current_user: bool = Depends(check_user_api),
 ):
 
-    initialize_state_task(request, task_name="dataset_import")
+    initialize_state_task(request, task_name="import_dataset")
     return_response = {"status": "", "error": "", "dataset_id": dataset_id}
 
     try:
@@ -510,7 +652,7 @@ def import_dataset(
 def edit_cc_config(
     request: Request,
     entity_id: int = Form(...),
-    require_cc: bool = Form(False),
+    configure_cc: bool = Form(False),
     project_id: str = Form(""),
     project_number: str = Form(""),
     bucket: str = Form(""),
@@ -531,7 +673,7 @@ def edit_cc_config(
         "wip": wip,
         "wip_provider": wip_provider,
     }
-    if not require_cc:
+    if not configure_cc:
         args = {}
     initialize_state_task(request, task_name="data_update_cc_config")
     return_response = {"status": "", "error": ""}
@@ -557,12 +699,27 @@ def edit_cc_config(
 
 @router.post("/sync_cc_policy", response_class=JSONResponse)
 def sync_cc_policy(
+    request: Request,
     entity_id: int = Form(...),
     current_user: bool = Depends(check_user_api),
 ):
+    initialize_state_task(request, task_name="data_update_cc_policy")
+    return_response = {"status": "", "error": ""}
     try:
         DatasetUpdateCCPolicy.run(entity_id)
-        return {"status": "success", "error": ""}
+        return_response["status"] = "success"
+        notification_message = "Successfully updated dataset CC policy!"
     except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to update dataset CC policy"
         logger.exception(exp)
-        return {"status": "failed", "error": str(exp)}
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=f"/datasets/ui/display/{entity_id}",
+    )
+    return return_response
diff --git a/cli/medperf/web_ui/events.py b/cli/medperf/web_ui/events.py
index 58a1d987c..7e52bbc12 100644
--- a/cli/medperf/web_ui/events.py
+++ b/cli/medperf/web_ui/events.py
@@ -41,8 +41,11 @@ def get_task_id(request: Request, current_user: bool = Depends(check_user_api)):
 
 
 def process_event(request: Request, event: EventBase):
-    if request.app.state.task.running and event.task_id == request.app.state.task.id:
-        request.app.state.task.add_log(event)
+    if not event.task_id:
+        return
+    active = request.app.state.active_tasks
+    if event.task_id in active:
+        active[event.task_id].add_log(event)
         return
     for task in request.app.state.old_tasks:
         if task.id == event.task_id:
@@ -54,15 +57,20 @@ def sse_frame_event(event: EventBase):
     return f"id: {event.id}\ndata: {event.json()}\n\n"
 
 
-def should_process_old(request: Request, stream_old: bool):
+def should_process_old(request: Request, task_name: str, stream_old: bool):
     if not stream_old:
         return
-    for old_event in request.app.state.task.logs.copy():
+
+    active = request.app.state.active_tasks.get(task_name)
+    if not active:
+        return
+
+    for old_event in active.logs.copy():
         yield sse_frame_event(old_event)
 
 
-def event_generator(request: Request, stream_old: bool):
-    yield from should_process_old(request, stream_old)
+def event_generator(request: Request, task_name: str, stream_old: bool):
+    yield from should_process_old(request, task_name, stream_old)
 
     while True:
         event_processed = False
@@ -70,10 +78,7 @@ def event_generator(request: Request, stream_old: bool):
         if anyio.from_thread.run(request.is_disconnected):
             break
         try:
-            event = config.ui.get_event(timeout=1.0)
-            if not event.task_id:
-                continue
-
+            event = config.ui.get_event(task_id=task_name, timeout=1.0)
             process_event(request, event)
             event_processed = True
             yield sse_frame_event(event)
@@ -90,11 +95,12 @@ def event_generator(request: Request, stream_old: bool):
 @router.get("/events", response_class=StreamingResponse)
 def stream_events(
     request: Request,
+    task_name: str,
     stream_old: bool = False,
     current_user: bool = Depends(check_user_api),
 ):
     return StreamingResponse(
-        event_generator(request, stream_old),
+        event_generator(request, task_name, stream_old),
         media_type="text/event-stream; charset=utf-8",
     )
 
@@ -142,12 +148,16 @@ def acknowledge_event(
 @router.post("/events")
 def respond(
     request: Request,
+    task_name: str = Form(...),
     is_approved: bool = Form(...),
     current_user: bool = Depends(check_user_api),
 ):
     config.ui.set_response({"value": is_approved})
     # Remove the prompt event after responding to the prompt
-    for event in request.app.state.task.logs:
+    active = request.app.state.active_tasks.get(task_name)
+    if not active:
+        return
+    for event in active.logs.copy():
         if event.kind == "event" and event.type == "prompt":
             event.type = "prompt_done"
             event.approved = is_approved
diff --git a/cli/medperf/web_ui/medperf_login.py b/cli/medperf/web_ui/medperf_login.py
index ec974ec3e..ba448a550 100644
--- a/cli/medperf/web_ui/medperf_login.py
+++ b/cli/medperf/web_ui/medperf_login.py
@@ -26,9 +26,21 @@ def login_form(
     redirected: str = "false",
     current_user: bool = Depends(check_user_ui),
 ):
+    account_info = read_user_account()
+    msg = ""
+    if account_info is not None:
+        msg = (
+            f"You are already logged in as {account_info['email']}."
+            " Logout before logging in again"
+        )
     redirected = redirected.lower() == "true"
     return templates.TemplateResponse(
-        "medperf_login.html", {"request": request, "redirected": redirected}
+        "medperf_login.html",
+        {
+            "request": request,
+            "redirected": redirected,
+            "already_logged_in_msg": msg if account_info else None,
+        },
     )
 
 
diff --git a/cli/medperf/web_ui/models/routes.py b/cli/medperf/web_ui/models/routes.py
index 65f827773..81a9cc39e 100644
--- a/cli/medperf/web_ui/models/routes.py
+++ b/cli/medperf/web_ui/models/routes.py
@@ -78,6 +78,8 @@ def model_detail_ui(
 
     cc_config_defaults = model.get_cc_config()
     cc_configured = model.is_cc_configured()
+    cc_initialized = model.is_cc_initialized()
+    cc_last_synced = model.get_last_synced()
     return templates.TemplateResponse(
         "model/model_detail.html",
         {
@@ -92,6 +94,8 @@ def model_detail_ui(
             "benchmarks": benchmarks,
             "cc_config_defaults": cc_config_defaults,
             "cc_configured": cc_configured,
+            "cc_initialized": cc_initialized,
+            "cc_last_synced": cc_last_synced,
         },
     )
 
@@ -104,7 +108,7 @@ def associate(
     current_user: bool = Depends(check_user_api),
 ):
     initialize_state_task(request, task_name="model_association")
-    return_response = {"status": "", "error": ""}
+    return_response = {"status": "", "error": "", "entity_id": model_id}
     try:
         AssociateModel.run(model_uid=model_id, benchmark_uid=benchmark_id)
         return_response["status"] = "success"
@@ -129,7 +133,7 @@ def associate(
 def edit_cc_config(
     request: Request,
     entity_id: int = Form(...),
-    require_cc: bool = Form(False),
+    configure_cc: bool = Form(False),
     project_id: str = Form(""),
     project_number: str = Form(""),
     bucket: str = Form(""),
@@ -150,7 +154,7 @@ def edit_cc_config(
         "wip": wip,
         "wip_provider": wip_provider,
     }
-    if not require_cc:
+    if not configure_cc:
         args = {}
 
     initialize_state_task(request, task_name="model_update_cc_config")
@@ -177,12 +181,27 @@ def edit_cc_config(
 
 @router.post("/sync_cc_policy", response_class=JSONResponse)
 def sync_cc_policy(
+    request: Request,
     entity_id: int = Form(...),
     current_user: bool = Depends(check_user_api),
 ):
+    initialize_state_task(request, task_name="model_update_cc_policy")
+    return_response = {"status": "", "error": ""}
     try:
         ModelUpdateCCPolicy.run(entity_id)
-        return {"status": "success", "error": ""}
+        return_response["status"] = "success"
+        notification_message = "Successfully updated model CC policy!"
     except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to update model CC policy"
         logger.exception(exp)
-        return {"status": "failed", "error": str(exp)}
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=f"/models/ui/display/{entity_id}",
+    )
+    return return_response
diff --git a/cli/medperf/web_ui/schemas.py b/cli/medperf/web_ui/schemas.py
index 92685c47d..d8e7172c1 100644
--- a/cli/medperf/web_ui/schemas.py
+++ b/cli/medperf/web_ui/schemas.py
@@ -245,35 +245,57 @@ def mark_notification_as_read(self, notification_id) -> None:
                     return
 
 
+def _buffer_key(task_id: Optional[str]) -> str:
+    """Key for per-task buffer; chunks must not mix events from different tasks."""
+    return task_id if task_id else "_"
+
+
 class EventsManager:
+    """
+    Buffers chunkable events (interactive prints) per task_id, flushes by size/age or
+    when a non-chunkable event arrives. Events are enqueued to a per-task queue so
+    each SSE stream (one per task) only receives that task's events.
+
+    flush_all_buffers: before enqueueing a non-chunkable event we flush every task's
+    buffer so chunkable events are sent first. Also used when a task ends.
+    """
+
     def __init__(self):
-        self.events: Queue[EventBase] = Queue()
-        self.buffer: List[Event] = []
-        self.size = 0  # For bytes check
-        self.created_at = 0  # For age check - will be time.monotonic()
+        self._event_queues: Dict[str, Queue] = {}  # _buffer_key(task_id) -> Queue[EventBase]
+        self._queues_lock = threading.Lock()
+        self._buffers: Dict[str, Dict] = {}  # _buffer_key(task_id) -> {"events", "size", "created_at"}
         self.lock = threading.Lock()
-        self.stop_event = threading.Event()
+        self._stop_event = threading.Event()
+        self._age_worker_started = False
         self.max_chunk_length = config.webui_max_chunk_length
         self.max_chunk_age = config.webui_max_chunk_age
         self.max_chunk_size = config.webui_max_chunk_size
 
-    def add_event(self, event: Event):
-        """Append an event to the chunk buffer and update its size.
+    def _queue_for(self, task_id: Optional[str]) -> Queue:
+        key = _buffer_key(task_id)
+        with self._queues_lock:
+            if key not in self._event_queues:
+                self._event_queues[key] = Queue()
+            return self._event_queues[key]
 
-        If the buffer is empty, set its created_at timestamp (monotonic) to now.
+    def _get_or_create_buffer(self, key: str) -> Dict:
+        if key not in self._buffers:
+            self._buffers[key] = {"events": [], "size": 0, "created_at": 0.0}
+        return self._buffers[key]
 
-        Args:
-            event (Event): The event to buffer (typically an interactive print line).
-        """
+    def add_event(self, event: Event):
+        """Append an event to the chunk buffer for its task_id."""
 
-        if not self.buffer:
-            self.created_at = time.monotonic()
-        self.buffer.append(event)
-        self.size += event.get_size_bytes()
+        key = _buffer_key(event.task_id)
+        buf = self._get_or_create_buffer(key)
+        if not buf["events"]:
+            buf["created_at"] = time.monotonic()
+        buf["events"].append(event)
+        buf["size"] += event.get_size_bytes()
 
     def process_event(self, event: Event):
         """
-        Process a single event: buffer chunkable events, flush if needed,
+        Process a single event: buffer chunkable events per task_id, flush if needed,
         or immediately enqueue non-chunkable events.
         """
 
@@ -284,30 +306,20 @@ def process_event(self, event: Event):
             return
 
         with self.lock:
-            self.flush_buffer()
+            self.flush_all_buffers()
 
         self.enqueue_event(event)
 
     def enqueue_event(self, event: EventBase):
-        """Enqueue an event (chunked or single) into the events queue.
-
-        Args:
-            event (EventBase): The event or chunk to enqueue.
-        """
-        self.events.put_nowait(event)
+        """Enqueue an event into the queue for its task_id so only that task's SSE receives it."""
+        self._queue_for(event.task_id).put_nowait(event)
 
-    def dequeue_event(self, timeout: Optional[float]) -> Optional[EventBase]:
-        """
-        Return the next event or chunk from the queue.
-
-        Args:
-            timeout (float | None): Seconds to wait for an event.
-        """
-
-        return self.events.get(block=True, timeout=timeout)
+    def dequeue_event(self, task_id: Optional[str], timeout: Optional[float]) -> Optional[EventBase]:
+        """Return the next event or chunk for the given task_id (used by SSE stream)."""
+        return self._queue_for(task_id).get(block=True, timeout=timeout)
 
     def _build_chunk(self, events: List[Event], size: int) -> EventChunk:
-        """Build an EventChunk object from a list of events."""
+        """Build an EventChunk from events (all same task_id)."""
 
         for i, ev in enumerate(events, 1):
             ev.id = i
@@ -319,66 +331,68 @@ def _build_chunk(self, events: List[Event], size: int) -> EventChunk:
             size_bytes=size,
         )
 
-    def flush_buffer(self):
-        """
-        Flush the event buffer: if it contains multiple events, emit them as
-        an EventChunk; otherwise enqueue the single event. The buffer is then reset.
-        """
-        if not self.buffer:
+    def _flush_one_buffer(self, key: str) -> None:
+        """Flush a single task's buffer: emit chunk or single event, then clear it."""
+        buf = self._buffers.get(key)
+        if not buf or not buf["events"]:
             return
-        buffer = list(self.buffer)
-        size = self.size
-        self.buffer.clear()
-        self.size = 0
-        self.created_at = 0
-
-        if len(buffer) != 1:
-            chunk = self._build_chunk(buffer, size)
-            self.events.put_nowait(chunk)
-            return
-
-        self.events.put_nowait(buffer[0])
-
-    def flush_by_size(self):
-        """Flush the buffer if it exceeds the max event count or max byte size."""
-
-        length_exceeded = len(self.buffer) >= self.max_chunk_length
-        size_bytes_exceeded = self.size >= self.max_chunk_size
-
-        if self.buffer and (length_exceeded or size_bytes_exceeded):
-            self.flush_buffer()
-
-    def flush_by_age(self):
-        """Flush the buffer if the oldest event exceeds the max age."""
-
-        time_exceeded = (time.monotonic() - self.created_at) >= self.max_chunk_age
-        if self.buffer and time_exceeded:
-            self.flush_buffer()
-
-    def flush_by_age_worker(self):
-        """
-        Background loop that periodically flushes the buffer if it exceeds max age.
-
-        Runs until 'stop_event' is set.
-        """
-
-        while not self.stop_event.is_set():
+        events = list(buf["events"])
+        size = buf["size"]
+        buf["events"].clear()
+        buf["size"] = 0
+        buf["created_at"] = 0.0
+        self._buffers.pop(key, None)  # remove empty buffer
+
+        task_id = events[0].task_id
+        if len(events) != 1:
+            self._queue_for(task_id).put_nowait(self._build_chunk(events, size))
+        else:
+            self._queue_for(task_id).put_nowait(events[0])
+
+    def flush_all_buffers(self) -> None:
+        """Flush every task's buffer (e.g. before a non-chunkable event)."""
+        for key in list(self._buffers.keys()):
+            self._flush_one_buffer(key)
+
+    def flush_by_size(self) -> None:
+        """Flush any task's buffer that exceeds max length or byte size."""
+        for key in list(self._buffers.keys()):
+            buf = self._buffers.get(key)
+            if not buf or not buf["events"]:
+                continue
+            length_ok = len(buf["events"]) >= self.max_chunk_length
+            size_ok = buf["size"] >= self.max_chunk_size
+            if length_ok or size_ok:
+                self._flush_one_buffer(key)
+
+    def flush_by_age(self) -> None:
+        """Flush any task's buffer whose oldest event exceeds max age."""
+        now = time.monotonic()
+        for key in list(self._buffers.keys()):
+            buf = self._buffers.get(key)
+            if not buf or not buf["events"]:
+                continue
+            if (now - buf["created_at"]) >= self.max_chunk_age:
+                self._flush_one_buffer(key)
+
+    def _flush_by_age_worker(self) -> None:
+        """Background loop: periodically flush buffers that exceed max age."""
+        while not self._stop_event.is_set():
             with self.lock:
                 self.flush_by_age()
             time.sleep(0.2)
 
-    def start_buffering(self):
-        """Start the age-based flushing worker thread."""
-
-        self.stop_event.clear()
-
-        # worker for age-flushing
-        age_worker = threading.Thread(target=self.flush_by_age_worker, daemon=True)
-        age_worker.start()
-
-    def stop_buffering(self):
-        """Stop the age-flushing worker and flush any remaining buffered events."""
+    def start_buffering(self) -> None:
+        """Start the age-based flushing worker (idempotent; one worker for all tasks)."""
+        with self.lock:
+            if self._age_worker_started:
+                return
+            self._age_worker_started = True
+            self._stop_event.clear()
+        t = threading.Thread(target=self._flush_by_age_worker, daemon=True)
+        t.start()
 
-        self.stop_event.set()
+    def stop_buffering(self) -> None:
+        """Flush all task buffers (e.g. when a task ends). Does not stop the age worker."""
         with self.lock:
-            self.flush_buffer()
+            self.flush_all_buffers()
diff --git a/cli/medperf/web_ui/settings.py b/cli/medperf/web_ui/settings.py
index 4717fd4a6..dfb75a942 100644
--- a/cli/medperf/web_ui/settings.py
+++ b/cli/medperf/web_ui/settings.py
@@ -37,6 +37,7 @@ def settings_ui(request: Request, current_user: bool = Depends(check_user_ui)):
 
     cc_config_defaults = {}
     cc_configured = False
+    cc_initialized = False
 
     if is_logged_in():
         cas = CA.all()
@@ -46,6 +47,7 @@ def settings_ui(request: Request, current_user: bool = Depends(check_user_ui)):
         user = get_medperf_user_object()
         cc_config_defaults = user.get_cc_config()
         cc_configured = user.is_cc_configured()
+        cc_initialized = user.is_cc_initialized()
 
     return templates.TemplateResponse(
         "settings.html",
@@ -60,6 +62,7 @@ def settings_ui(request: Request, current_user: bool = Depends(check_user_ui)):
             "certificate_status": certificate_status,
             "cc_config_defaults": cc_config_defaults,
             "cc_configured": cc_configured,
+            "cc_initialized": cc_initialized,
         },
     )
 
@@ -221,7 +224,7 @@ def submit_certificate(
 
 @router.post("/edit_cc_operator", response_class=JSONResponse)
 def edit_cc_operator(
-    require_cc: bool = Form(...),
+    configure_cc: bool = Form(False),
     project_id: str = Form(""),
     service_account_name: str = Form(""),
     bucket: str = Form(""),
@@ -236,7 +239,7 @@ def edit_cc_operator(
         "vm_zone": vm_zone,
         "vm_name": vm_name,
     }
-    if not require_cc:
+    if not configure_cc:
         args = {}
 
     try:
diff --git a/cli/medperf/web_ui/static/css/common.css b/cli/medperf/web_ui/static/css/common.css
index ce5912706..26286e270 100644
--- a/cli/medperf/web_ui/static/css/common.css
+++ b/cli/medperf/web_ui/static/css/common.css
@@ -1,421 +1,517 @@
-:root {
-    --footer-h: 160px;
-}
-html, body {
-    height: 100%;
-}
-
-.page-wrap {
-    min-height: calc(100vh - var(--footer-h));
-    box-sizing: border-box;
-}
-
-footer.site-footer {
-    height: var(--footer-h);
-}
-
-.badge-state-operational {
-    background-color: lightgreen;
-    color: black;
-}
-
-.badge-state-development {
-    background-color: lightcoral;
-    color: black;
-}
-
-.badge-approval-pending {
-    background-color: coral;
-    color: black;
-}
-
-.badge-approval-approved {
-    background-color: lightgreen;
-    color: black;
-}
-
-.badge-approval-rejected {
-    background-color: red;
-    color: black;
-}
-
-.badge-valid {
-    background-color: lightgreen;
-    color: black;
-}
-
-.badge-invalid {
-    background-color: red;
-    color: black;
-}
-
-.invalid-card {
-    background-color: #ffe6e6;
-}
-
-.unfinalized-result-card {
-    background-color: #ffe6e6;
-}
-
-.page-container {
-    display: flex;
-    flex-direction: column;
-    min-height: 100vh;
-}
-
-.main-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 20px;
-}
-
-.detail-container {
-    display: flex;
-    justify-content: center; /* Center the detail panel initially */
-    width: 100%;
-    align-items: center;
-}
-
-.detail-panel {
-    flex: 1;
-    max-width: 60%;
-    padding-right: 20px;
-    box-sizing: border-box;
-    transition: max-width 0.3s, margin 0.3s; /* Smooth transition */
-}
-
-.yaml-panel {
-    flex: 0 0 40%;
-    max-width: 40%;
-    min-width: 300px;
-    height: 100vh;
-    overflow: auto;
-    display: none; /* Hidden initially */
-}
-
-.yaml-panel-visible .yaml-panel {
-    justify-content: flex-start; /* Align detail panel to the left when YAML panel is visible */
-}
-
-.yaml-panel-visible .detail-panel {
-    max-width: 60%; /* Adjust to take 60% width when YAML panel is visible */
-    margin-right: 20px;
-}
-
-pre {
-    white-space: pre-wrap;
-}
-
-/* Floating alert container at the bottom-right corner */
-.floating-alert {
-    position: fixed;
-    bottom: 20px;
-    right: 20px;
-    z-index: 1050; /* Ensure it appears above other content */
-    width: 300px;
-    max-width: 100%;
-}
-
-/*----from detail_base.html*/
-.card-body.d-flex {
-    flex-wrap: wrap;
-}
-
-.card-text {
-    word-wrap: break-word;
-    white-space: normal;
-}
-
-.association-card {
-    margin-bottom: 20px;
-}
-
-.benchmark-result-card {
-    margin-bottom: 20px;
-}
-
-.associations-panel {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    width: 100%;
-    margin-top: 20px;
-}
-
-.associations-column {
-    flex: 1;
-    min-width: 150px;
-    max-width: 48%;
-    box-sizing: border-box;
-}
-
-#datasets-associations{
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-evenly;
-}
-
-#models-associations{
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-evenly;
-}
-
-#benchmark-results{
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-evenly;
-}
-
-/* Step container styling */
-.step-container {
-    border-radius: 8px;
-    background-color: #f9f9f9;
-    padding: 10px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-/* Step buttons */
-.step-btn {
-    padding: 5px 15px;  /* Reduced padding */
-    font-size: 0.9rem;  /* Slightly smaller font for a more compact design */
-    border-radius: 20px;
-    transition: background-color 0.3s ease;
-}
-
-.step-btn i {
-    font-size: 1rem;
-}
-
-/* Completed steps */
-.step-complete {
-    display: flex;
-    align-items: center;
-    background-color: #e8f5e9;
-    padding: 5px 15px;  /* Reduced padding */
-    border-radius: 20px;
-}
-
-.step-complete i {
-    font-size: 1.2rem;
-}
-
-/* Step labels */
-.step-label {
-    margin-top: 2px;
-    font-size: 0.85rem;  /* Smaller step labels */
-    color: #6c757d;
-}
-
-/* Step dividers */
-.step-divider i {
-    font-size: 1.2rem;
-    margin-left: 5px;
-    margin-right: 5px;
-}
-
-/* Consistent button styles */
-.step-btn, .step-complete {
-    min-width: 120px; /* Adjusted width */
-    text-align: center;
-}
-
-.step-btn:disabled {
-    background-color: #e0e0e0;
-    color: #6c757d;
-}
-
-/* Dropdown button adjustments */
-.dropdown-toggle {
-    padding: 5px 15px;
-    border-radius: 20px;
-}
-
-.hidden-element{
-    display: none;
-}
-
-.bottom-buttons-panel{
-    border:1px solid rgba(0, 0, 0, .125);
-    border-radius:.25rem;
-}
-
-.benchmarks-dropdown li:active{
-    background-color: unset;
-    color: unset;
-}
-
-.tooltip-info:hover{
-    cursor: help;
-}
-
-.dropdown-item:active{
-    background-color: initial;
-    color: initial;
-}
-
-.floating-alert {
-    position: fixed;
-    top: 20px;
-    left: 50%;
-    transform: translateX(-50%);
-    z-index: 1055;
-    width: fit-content;
-    max-width: 90%;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    height: fit-content;
-}
-
-.language-yaml{
-    background-color: #f8f9fa;
-    padding: 15px;
-    border-radius: 4px;
-}
-
-.modal-body {
-    word-wrap: break-word; 
-    overflow-wrap: break-word; 
-    white-space: normal;
-}
-
-#notifications-list {
-    max-height: 360px;
-    overflow-y:auto;
-}
-
-#notifications-list > li{
-    width: 340px!important;
-}
-
-.notification-text {
-    word-wrap: break-word;
-    overflow-wrap: break-word;
-    max-width: 100%;
-    white-space: normal;
-}
-
-#log-panel{
-    height: 300px;
-    overflow-y: scroll;
-    background-color: #f8f9fa;
-    padding: 15px;
-}
-
-#yaml-content{
-    max-height: 300px;
-    overflow-y: scroll;
-}
-
-#result-content{
-    max-height: 300px;
-    overflow-y: scroll;
-}
-
-label[for="switch"] {
-    margin-left: -40px;
-    cursor: pointer;
-}
-
-#switch {
-    border: 1px solid gray;
-    cursor: pointer;
-}
-
-#toast-container {
-    z-index: 11;
-}
-
-#folder-list{
-    max-height: 600px;
-    overflow-y: auto;
-}
-
-.folder-item{
-    cursor: pointer;
-}
-
-.file-item{
-    color: grey;
-}
-
-.parent-disabled{
-    cursor: not-allowed;
-}
-
-#folder-picker-modal-title{
-    word-break: break-all;
-}
-
-.email-chip {
-    display: inline-block;
-    background-color: #e0e0e0;
-    border-radius: 20px;
-    padding: 5px 10px;
-    margin: 2px;
-    font-size: 14px;
-    position: relative;
-}
-
-.email-chip .remove-btn {
-    margin-left: 8px;
-    cursor: pointer;
-    font-weight: bold;
-}
-
-.email-container {
-    display: flex;
-    flex-wrap: wrap;
-    padding: 5px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-}
-
-#datasets-associations-title, #models-associations-title, #benchmark-results-title{
-    cursor: pointer;
-}
-
-.bmk-detail-toggle {
-    transition: transform 0.3s ease;
-}
-
-.bmk-detail-toggle.rotated {
-    transform: rotate(180deg);
-}
-
-#modal-yaml-content{
-    max-height: 450px;
-}
-
-@keyframes spin {
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-@media (max-width: 992px) {
-    .detail-panel {
-        max-width: 100%;
-        padding-right: 0;
-    }
-
-    .yaml-panel {
-        display: none;
-    }
-
-    .detail-panel, .associations-panel {
-        max-width: 100%;
-        padding-right: 0;
-        padding-left: 0;
-    }
-}
-
-@media (max-width: 768px) {
-    .detail-container {
-        flex-direction: column;
-    }
+:root {
+    --footer-h: 160px;
+}
+html, body {
+    height: 100%;
+}
+
+.page-wrap {
+    min-height: calc(100vh - var(--footer-h));
+    box-sizing: border-box;
+}
+
+footer.site-footer {
+    height: var(--footer-h);
+}
+
+.badge-state-operational {
+    background-color: lightgreen;
+    color: black;
+}
+
+.badge-state-development {
+    background-color: lightcoral;
+    color: black;
+}
+
+.badge-approval-pending {
+    background-color: coral;
+    color: black;
+}
+
+.badge-approval-approved {
+    background-color: lightgreen;
+    color: black;
+}
+
+.badge-approval-rejected {
+    background-color: red;
+    color: black;
+}
+
+.badge-valid {
+    background-color: lightgreen;
+    color: black;
+}
+
+.badge-invalid {
+    background-color: red;
+    color: black;
+}
+
+.invalid-card {
+    background-color: #fef2f2;
+}
+.dark .invalid-card {
+    background-color: rgba(127, 29, 29, 0.2);
+}
+
+.unfinalized-result-card {
+    background-color: #ffe6e6;
+}
+.dark .unfinalized-result-card {
+    background-color: rgba(127, 29, 29, 0.3);
+}
+
+.page-container {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+.main-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 20px;
+}
+
+.detail-container {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    align-items: center;
+}
+
+.detail-panel {
+    flex: 1;
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+}
+
+pre {
+    white-space: pre-wrap;
+}
+
+.floating-alert {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    z-index: 1060;
+    width: 300px;
+    max-width: 100%;
+}
+
+.card-body.d-flex {
+    flex-wrap: wrap;
+}
+
+.card-text {
+    word-wrap: break-word;
+    white-space: normal;
+}
+
+.association-card {
+    margin-bottom: 20px;
+}
+
+.benchmark-result-card {
+    margin-bottom: 20px;
+}
+
+.associations-panel {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    width: 100%;
+    margin-top: 20px;
+}
+
+.associations-column {
+    flex: 1;
+    min-width: 150px;
+    max-width: 48%;
+    box-sizing: border-box;
+}
+
+#datasets-associations,
+#models-associations,
+#benchmark-results {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+}
+
+.step-container {
+    border-radius: 8px;
+    background-color: #f9f9f9;
+    padding: 10px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.dark .step-container {
+    background-color: #374151;
+}
+
+.step-btn {
+    transition: opacity 0.2s ease, background-color 0.2s ease;
+}
+
+.step-complete {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #dcfce7;
+    color: #166534;
+    border: 2px solid #86efac;
+}
+.dark .step-complete {
+    background-color: rgba(34, 197, 94, 0.2);
+    color: #86efac;
+    border-color: rgba(34, 197, 94, 0.4);
+}
+
+.step-label {
+    color: #6b7280;
+    line-height: 1.4;
+}
+.dark .step-label {
+    color: #9ca3af;
+}
+
+.step-divider i {
+    font-size: 1rem;
+    opacity: 0.7;
+}
+
+button:disabled,
+.step-btn:disabled {
+    opacity: 0.65;
+    cursor: not-allowed;
+    filter: saturate(0.6);
+}
+.dark button:disabled,
+.dark .step-btn:disabled {
+    opacity: 0.55;
+    filter: saturate(0.5) brightness(0.85);
+}
+.step-btn:disabled {
+    background-color: #b0b0b0 !important;
+    color: #6c757d !important;
+}
+.dark .step-btn:disabled {
+    background-color: #4b5563 !important;
+    color: #9ca3af !important;
+}
+
+.dropdown-toggle {
+    padding: 5px 15px;
+    border-radius: 20px;
+}
+
+.hidden-element{
+    display: none;
+}
+
+.bottom-buttons-panel{
+    border:1px solid rgba(0, 0, 0, .125);
+    border-radius:.25rem;
+}
+
+.benchmarks-dropdown li:active{
+    background-color: unset;
+    color: unset;
+}
+
+.tooltip-info:hover,
+.tooltip-icon {
+    cursor: help;
+}
+.tooltip-icon i {
+    font-size: 1.125rem;
+}
+.step-btn,
+.view-result-btn,
+.run-all-btn,
+.yaml-link {
+    cursor: pointer;
+}
+.step-btn:disabled,
+button:disabled {
+    cursor: not-allowed;
+}
+#page-modal-footer button,
+#page-modal-close-btn,
+.close-modal-btn,
+.modal-footer button,
+[data-dismiss-modal] {
+    cursor: pointer;
+}
+
+.dropdown-item:active{
+    background-color: initial;
+    color: initial;
+}
+
+.floating-alert {
+    position: fixed;
+    top: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 1060;
+    width: fit-content;
+    max-width: 90%;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    height: fit-content;
+}
+
+/* displayAlert toasts: same area as toast-container, auto-dismiss + progress */
+.display-alert {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    min-width: 280px;
+    max-width: 420px;
+    padding: 0.875rem 1rem;
+    border-radius: 12px;
+    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15), 0 4px 10px rgba(0, 0, 0, 0.08);
+    color: #fff;
+    font-weight: 500;
+    overflow: hidden;
+    animation: display-alert-in 0.3s ease-out;
+}
+.display-alert-out {
+    animation: display-alert-out 0.28s ease-in forwards;
+}
+@keyframes display-alert-in {
+    from {
+        opacity: 0;
+        transform: translateY(-12px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+@keyframes display-alert-out {
+    from { opacity: 1; }
+    to   { opacity: 0; }
+}
+.display-alert-icon {
+    flex-shrink: 0;
+    width: 1.5rem;
+    height: 1.5rem;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.25);
+    font-size: 0.875rem;
+    font-weight: bold;
+}
+.display-alert-message {
+    flex: 1;
+    min-width: 0;
+    line-height: 1.35;
+}
+.display-alert-close {
+    flex-shrink: 0;
+    width: 1.75rem;
+    height: 1.75rem;
+    padding: 0;
+    border: none;
+    border-radius: 8px;
+    background: rgba(255, 255, 255, 0.2);
+    color: inherit;
+    font-size: 1.25rem;
+    line-height: 1;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.15s ease;
+}
+.display-alert-close:hover {
+    background: rgba(255, 255, 255, 0.35);
+}
+.display-alert-progress {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    height: 3px;
+    background: rgba(255, 255, 255, 0.4);
+    animation: display-alert-progress-shrink 5s linear forwards;
+    transform-origin: left;
+}
+@keyframes display-alert-progress-shrink {
+    from { transform: scaleX(1); }
+    to   { transform: scaleX(0); }
+}
+.display-alert-success {
+    background: linear-gradient(135deg, #0d9488 0%, #059669 100%);
+}
+.display-alert-danger {
+    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
+}
+.display-alert-warning {
+    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
+}
+.display-alert-info {
+    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
+}
+.display-alert-fixed {
+    position: fixed;
+    top: 5rem;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 1060;
+}
+
+.language-yaml {
+    padding: 15px;
+    border-radius: 4px;
+    background-color: unset!important;
+}
+
+.language-json {
+    padding: 15px;
+    border-radius: 4px;
+    background-color: unset!important;
+}
+
+.modal-body {
+    word-wrap: break-word; 
+    overflow-wrap: break-word; 
+    white-space: normal;
+}
+
+#notifications-list {
+    max-height: 70vh;
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+#notifications-list > li {
+    max-width: 100%;
+    box-sizing: border-box;
+}
+
+#notifications-list > li > div {
+    min-width: 0;
+}
+
+.notification-text {
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    max-width: 100%;
+    white-space: normal;
+}
+
+#log-panel {
+    height: 300px;
+    overflow-y: scroll;
+    background-color: #f8f9fa;
+    padding: 15px;
+}
+.dark #log-panel {
+    background-color: #374151;
+}
+
+#yaml-content{
+    max-height: 300px;
+    overflow-y: scroll;
+}
+
+#result-content{
+    max-height: 300px;
+    overflow-y: scroll;
+}
+
+label[for="switch"] {
+    margin-left: -40px;
+    cursor: pointer;
+}
+
+#switch {
+    border: 1px solid gray;
+    cursor: pointer;
+}
+
+#folder-list{
+    max-height: 600px;
+    overflow-y: auto;
+}
+
+.folder-item{
+    cursor: pointer;
+}
+
+.file-item{
+    color: grey;
+}
+
+.parent-disabled{
+    cursor: not-allowed;
+}
+
+#folder-picker-modal-title{
+    word-break: break-all;
+}
+
+.email-chip {
+    display: inline-block;
+    background-color: #e0e0e0;
+    border-radius: 20px;
+    padding: 5px 10px;
+    margin: 2px;
+    font-size: 14px;
+    position: relative;
+}
+
+.email-chip .remove-btn {
+    margin-left: 8px;
+    cursor: pointer;
+    font-weight: bold;
+}
+
+.email-container {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 5px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+.dark .email-container {
+    border-color: #4b5563;
+}
+
+
+#modal-yaml-content{
+    max-height: 450px;
+}
+
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+@media (max-width: 992px) {
+    .detail-panel,
+    .associations-panel {
+        max-width: 100%;
+        padding-right: 0;
+        padding-left: 0;
+    }
+}
+
+@media (max-width: 768px) {
+    .detail-container {
+        flex-direction: column;
+    }
 }
\ No newline at end of file
diff --git a/cli/medperf/web_ui/static/css/prism-dark.css b/cli/medperf/web_ui/static/css/prism-dark.css
new file mode 100644
index 000000000..80b623b55
--- /dev/null
+++ b/cli/medperf/web_ui/static/css/prism-dark.css
@@ -0,0 +1,161 @@
+/**
+Taken from: https://cdnjs.cloudflare.com/ajax/libs/prism-themes/1.5.0/prism-a11y-dark.min.css
+added: token.operator background color
+*/
+code[class*=language-],
+pre[class*=language-] {
+    color: #f8f8f2;
+    background: 0 0;
+    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none
+}
+
+pre[class*=language-] {
+    padding: 1em;
+    margin: .5em 0;
+    overflow: auto;
+    border-radius: .3em
+}
+
+:not(pre)>code[class*=language-],
+pre[class*=language-] {
+    background: #2b2b2b
+}
+
+:not(pre)>code[class*=language-] {
+    padding: .1em;
+    border-radius: .3em;
+    white-space: normal
+}
+
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+    color: #d4d0ab
+}
+
+.token.punctuation {
+    color: #fefefe
+}
+
+.token.constant,
+.token.deleted,
+.token.property,
+.token.symbol,
+.token.tag {
+    color: #ffa07a
+}
+
+.token.boolean,
+.token.number {
+    color: #00e0e0
+}
+
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+    color: #abe338
+}
+
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url,
+.token.variable {
+    color: #00e0e0
+}
+
+.token.operator {
+    background-color: var(--bs-gray-700);
+}
+
+
+.token.atrule,
+.token.attr-value,
+.token.function {
+    color: gold
+}
+
+.token.keyword {
+    color: #00e0e0
+}
+
+.token.important,
+.token.regex {
+    color: gold
+}
+
+.token.bold,
+.token.important {
+    font-weight: 700
+}
+
+.token.italic {
+    font-style: italic
+}
+
+.token.entity {
+    cursor: help
+}
+
+@media screen and (-ms-high-contrast:active) {
+
+    code[class*=language-],
+    pre[class*=language-] {
+        color: windowText;
+        background: window
+    }
+
+    :not(pre)>code[class*=language-],
+    pre[class*=language-] {
+        background: window
+    }
+
+    .token.important {
+        background: highlight;
+        color: window;
+        font-weight: 400
+    }
+
+    .token.atrule,
+    .token.attr-value,
+    .token.function,
+    .token.keyword,
+    .token.operator,
+    .token.selector {
+        font-weight: 700
+    }
+
+    .token.attr-value,
+    .token.comment,
+    .token.doctype,
+    .token.function,
+    .token.keyword,
+    .token.operator,
+    .token.property,
+    .token.string {
+        color: highlight
+    }
+
+    .token.attr-value,
+    .token.url {
+        font-weight: 400
+    }
+}
\ No newline at end of file
diff --git a/cli/medperf/web_ui/static/js/aggregators/aggregator_detail.js b/cli/medperf/web_ui/static/js/aggregators/aggregator_detail.js
new file mode 100644
index 000000000..28c21c04c
--- /dev/null
+++ b/cli/medperf/web_ui/static/js/aggregators/aggregator_detail.js
@@ -0,0 +1,126 @@
+const RUNNING_TASKS_POLL_MS = 2000;
+const AGGREGATOR_CONTAINER_TASK_NAME = "start_aggregator";
+var pollingIntervalId = null;
+
+function updateRunningBanner(tasks) {
+    var banner = document.getElementById("aggregator-running-banner");
+    var runCard = document.getElementById("aggregator-run-card");
+    if (!banner || !runCard) return;
+    var running = Array.isArray(tasks) && tasks.indexOf(AGGREGATOR_CONTAINER_TASK_NAME) !== -1;
+    if (running) {
+        banner.classList.remove("hidden");
+        runCard.classList.add("opacity-80");
+    } else {
+        banner.classList.add("hidden");
+        runCard.classList.remove("opacity-80");
+        var submit = runCard.querySelector('form[action*="/aggregators/run"] button[type="submit"]');
+        if (submit && window.taskName !== RUN_AGGREGATOR_TASK_ID) submit.disabled = false;
+        if (pollingIntervalId && window.taskName !== RUN_AGGREGATOR_TASK_ID) { clearInterval(pollingIntervalId); pollingIntervalId = null; }
+    }
+}
+
+function pollRunningTasks() {
+    fetch("/api/running_tasks", { method: "GET" })
+        .then(function (r) { return r.json(); })
+        .then(function (data) {
+            if (data && Array.isArray(data.tasks)) updateRunningBanner(data.tasks);
+        })
+        .catch(function () {});
+}
+
+function startPollingRunningTasks() {
+    pollRunningTasks();
+    if (!pollingIntervalId) pollingIntervalId = setInterval(pollRunningTasks, RUNNING_TASKS_POLL_MS);
+}
+
+/** Task ID for event stream (matches backend active_tasks / task_id). */
+const RUN_AGGREGATOR_TASK_ID = "start_aggregator";
+/** Task name in running_containers (matches cube.run task=). Used for polling and stop. */
+const GET_SERVER_CERT_TASK_NAME = "aggregator_get_server_cert";
+
+function getAggregatorId(form) {
+    var input = form ? form.querySelector('input[name="aggregator_id"]') : null;
+    return input ? input.value : null;
+}
+
+function onGetServerCertSuccess(response) {
+    if (response.status === "success") {
+        showReloadModal({ title: "Server Certificate Retrieved Successfully", seconds: 3 });
+    } else {
+        showErrorModal("Failed to Get Server Certificate", response);
+    }
+}
+
+function onRunAggregatorSuccess(response) {
+    if (response && response.status === "started") {
+        displayAlert("success", "Aggregator worker started successfully.");
+        startPollingRunningTasks();
+    } else showErrorModal("Something went wrong while running the aggregator", response);
+}
+
+function submitActionFormWithForm(form) {
+    var formData = new FormData(form);
+    var panelTitle = form.getAttribute("data-panel-title") || "Action";
+    var isRunForm = (form.getAttribute("action") || "").indexOf("/aggregators/run") !== -1;
+
+    disableElements(".detail-container form button, .detail-container form input, .detail-container form select");
+    var submitBtn = form.querySelector('button[type="submit"]');
+    if (submitBtn) addSpinner(submitBtn);
+    showPanel(panelTitle + "...");
+
+    var successCallback = isRunForm ? onRunAggregatorSuccess : onGetServerCertSuccess;
+    window.onPromptComplete = successCallback;
+    window.taskName = isRunForm ? RUN_AGGREGATOR_TASK_ID : GET_SERVER_CERT_TASK_NAME;
+
+    ajaxRequest(
+        form.action,
+        "POST",
+        formData,
+        successCallback,
+        "Error: " + panelTitle
+    );
+    streamEvents(logPanel, stagesList, currentStageElement);
+    if (isRunForm) startPollingRunningTasks();
+}
+
+function submitActionForm(e) {
+    e.preventDefault();
+    var form = e.target;
+    var msg = form.getAttribute("data-confirm-message") || "continue?";
+    showConfirmModal(form, submitActionFormWithForm, msg);
+}
+
+function stopAggregator() {
+    var btn = document.getElementById("stop-aggregator-btn");
+    btn.disabled = true;
+    var formData = new FormData();
+    formData.append("task_name", AGGREGATOR_CONTAINER_TASK_NAME);
+    fetch("/api/stop_task", { method: "POST", body: formData })
+        .then(function (r) {
+            if (r.ok) {
+                updateRunningBanner([]);
+                displayAlert("success", "Aggregator stopped.");
+            }
+            btn.disabled = false;
+        })
+        .catch(function () { btn.disabled = false; });
+}
+
+function init() {
+    var actionForms = document.querySelectorAll('#start-aggregator-form, #get-server-cert-form');
+    actionForms.forEach(function (form) {
+        form.addEventListener("submit", submitActionForm);
+    });
+
+    var stopBtn = document.getElementById("stop-aggregator-btn");
+    if (stopBtn) stopBtn.addEventListener("click", function (e) {
+        showConfirmModal(e.currentTarget, function () { stopAggregator(); }, "stop the running aggregator?");
+    });
+
+}
+
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", init);
+} else {
+    init();
+}
\ No newline at end of file
diff --git a/cli/medperf/web_ui/static/js/aggregators/aggregator_register.js b/cli/medperf/web_ui/static/js/aggregators/aggregator_register.js
new file mode 100644
index 000000000..f05fe6a37
--- /dev/null
+++ b/cli/medperf/web_ui/static/js/aggregators/aggregator_register.js
@@ -0,0 +1,27 @@
+function checkAggregatorFormValidity() {
+    var nameEl = document.getElementById("name");
+    var addressEl = document.getElementById("address");
+    var portEl = document.getElementById("port");
+    var cubeEl = document.getElementById("aggregation-mlcube");
+    var nameValue = nameEl ? nameEl.value.trim() : "";
+    var addressValue = addressEl ? addressEl.value.trim() : "";
+    var portValue = portEl && portEl.value ? parseInt(portEl.value, 10) : 0;
+    var cubeValue = cubeEl && cubeEl.value ? parseInt(cubeEl.value, 10) : 0;
+    var isValid = nameValue.length > 0 && addressValue.length > 0 && portValue > 0 && portValue <= 65535 && cubeValue > 0;
+    var btn = document.getElementById("register-aggregator-btn");
+    if (btn) btn.disabled = !isValid;
+}
+
+function init() {
+    var form = document.getElementById("aggregator-register-form");
+    if (form) {
+        form.addEventListener("submit", submitActionForm);
+        form.querySelectorAll("input, select").forEach(function (el) {
+            el.addEventListener("keyup", checkAggregatorFormValidity);
+            el.addEventListener("change", checkAggregatorFormValidity);
+        });
+    }
+    checkAggregatorFormValidity();
+}
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
+else init();
diff --git a/cli/medperf/web_ui/static/js/assets/asset_register.js b/cli/medperf/web_ui/static/js/assets/asset_register.js
index 5e3f0c079..bd251275a 100644
--- a/cli/medperf/web_ui/static/js/assets/asset_register.js
+++ b/cli/medperf/web_ui/static/js/assets/asset_register.js
@@ -1,70 +1,49 @@
-function onAssetRegisterSuccess(response){
-    markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Asset Registered Successfully",
-            seconds: 3,
-            url: "/assets/ui/display/"+response.asset_id
-        });
-    }
-    else{
-        showErrorModal("Failed to Register Asset", response);
-    }
-}
-
-async function registerAsset(registerButton){
-    addSpinner(registerButton);
-
-    const formData = new FormData($("#asset-register-form")[0]);
-
-    disableElements("#asset-register-form input, #asset-register-form button");
-
-    ajaxRequest(
-        "/assets/register",
-        "POST",
-        formData,
-        onAssetRegisterSuccess,
-        "Error registering asset:"
-    )
-
-    showPanel(`Registering Asset...`);
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
+var REDIRECT_BASE = "/assets/ui/display/";
 
 function checkAssetFormValidity() {
-    const assetURL = $("#asset-url").val().trim();
-    const isRemote = $("input[name='asset_is_remote']:checked").val();
-    const assetPath = $("#asset-path").val().trim();
-
-    const isValid = Boolean(
-        $("#name").val().trim() &&
-        (isRemote === "true" ? assetURL.length > 0 : isRemote === "false" && assetPath.length > 0)
-    );
-    $("#register-asset-btn").prop("disabled", !isValid);
+    var nameVal = document.getElementById("name") ? document.getElementById("name").value.trim() : "";
+    var isRemote = document.querySelector("input[name='asset_is_remote']:checked");
+    var remoteVal = isRemote ? isRemote.value : "false";
+    var assetURL = document.getElementById("asset-url") ? document.getElementById("asset-url").value.trim() : "";
+    var assetPath = document.getElementById("asset-path") ? document.getElementById("asset-path").value.trim() : "";
+    var isValid = !!nameVal && (remoteVal === "true" ? assetURL.length > 0 : remoteVal === "false" && assetPath.length > 0);
+    var btn = document.getElementById("register-asset-btn");
+    if (btn) btn.disabled = !isValid;
 }
 
-$(document).ready(() => {
-    $("#register-asset-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, registerAsset, "register this asset?");
+function initAssetRegister() {
+    var form = document.getElementById("asset-register-form");
+    if (form) {
+        form.addEventListener("submit", submitActionForm);
+        form.querySelectorAll("input").forEach(function (el) {
+            el.addEventListener("keyup", checkAssetFormValidity);
+            el.addEventListener("change", checkAssetFormValidity);
+        });
+    }
+    var browseBtn = document.getElementById("browse-asset-btn");
+    if (browseBtn) browseBtn.addEventListener("click", function () { browseWithFiles = true; browseFolderHandler("asset-path"); });
+    document.querySelectorAll("input[name='asset_is_remote']").forEach(function (radio) {
+        radio.addEventListener("change", function () {
+            var urlContainer = document.getElementById("asset-url-container");
+            var pathContainer = document.getElementById("asset-path-container");
+            var assetUrlInput = document.getElementById("asset-url");
+            var assetPathInput = document.getElementById("asset-path");
+            if (this.value === "false") {
+                if (urlContainer) urlContainer.classList.add("hidden");
+                if (pathContainer) pathContainer.classList.remove("hidden");
+                if (assetUrlInput) assetUrlInput.value = "";
+            } else {
+                if (pathContainer) pathContainer.classList.add("hidden");
+                if (urlContainer) urlContainer.classList.remove("hidden");
+                if (assetPathInput) assetPathInput.value = "";
+            }
+        });
     });
+    checkAssetFormValidity();
+}
 
-    $("#asset-register-form input").on("keyup change", checkAssetFormValidity);
-    
-    $("#browse-asset-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("asset-path");
-    });
-    $("input[name='asset_is_remote']").on("change", () => {
-        if($("#local").is(":checked")){
-            $("#asset-path-container").show();
-            $("#asset-url-container").hide();
-            $("#asset-url").val("");
-        }
-        else{
-            $("#asset-url-container").show();
-            $("#asset-path-container").hide();
-            $("#asset-path").val("");
-        }
-    });
-});
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initAssetRegister);
+} else {
+    initAssetRegister();
+}
diff --git a/cli/medperf/web_ui/static/js/benchmarks/benchmark_detail.js b/cli/medperf/web_ui/static/js/benchmarks/benchmark_detail.js
index 67946df37..d4961cd0e 100644
--- a/cli/medperf/web_ui/static/js/benchmarks/benchmark_detail.js
+++ b/cli/medperf/web_ui/static/js/benchmarks/benchmark_detail.js
@@ -1,247 +1,154 @@
-
-function showConfirmationPrompt(approveRejectBtn){
-    const entityType = approveRejectBtn.getAttribute("data-entity-type");
-    const actionName = approveRejectBtn.getAttribute("data-action-name");
-    const benchmarkId = approveRejectBtn.getAttribute("data-benchmark-id");
-    const entityId = approveRejectBtn.getAttribute(`data-${entityType}-id`);
-
-    let message = actionName + " this association?<br><span class='fs-5 text-danger fw-bold'>This action cannot be undone.</span>";
-    const callback = () => {
-        approveRejectAssociation(actionName, benchmarkId, entityId, entityType, approveRejectBtn);
-    };
-    showConfirmModal(approveRejectBtn, callback, message);
-}
-
-function onApproveRejectAssociationSuccess(response, actionName){
-    let title;
-    if(response.status === "success"){
-        if(actionName === "approve")
-            title = "Association Approved Successfully";
-        else
-            title = "Association Rejected Successfully";
-        showReloadModal({
-            title: title,
-            seconds: 3
-        });
-    }
-    else{
-        if(actionName === "approve")
-            title = "Failed to Approve Association";
-        else
-            title = "Failed to Reject Association";
-        showErrorModal(title, response)
-    }
-}
-
-async function approveRejectAssociation(actionName, benchmarkId, entityId, entityType, approveRejectBtn){
-    addSpinner(approveRejectBtn);
-    disableElements(".card button");
-
-    const formData = new FormData();
-    formData.append("benchmark_id", benchmarkId);
-    formData.append(`${entityType}_id`, entityId);
-
-    ajaxRequest(
-        `/benchmarks/${actionName}`,
-        "POST",
-        formData,
-        function(response) {
-            onApproveRejectAssociationSuccess(response, actionName);
-        },
-        "Error approving/rejecting associtation"
-    );
-
-    window.runningTaskId = await getTaskId();
-}
+var REDIRECT_BASE = "/benchmarks/ui/display/";
 
 function isValidEmail(email) {
     return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
 }
 
-function createEmailChip(email, input_element) {
-    const $chip = $("<div class='email-chip'></div>").text(email);
-    const $remove = $("<span class='remove-btn'>&times;</span>");
-
-    $remove.on("click", function () {
-        $chip.remove();
-    });
-
-    $chip.append($remove);
-    input_element.before($chip);
+function createEmailChip(email, inputElement) {
+    var chip = document.createElement("div");
+    chip.className = "email-chip inline-block bg-gray-200 dark:bg-gray-600 rounded-full py-1 px-3 mr-2 mb-2 text-sm";
+    chip.textContent = email;
+    var remove = document.createElement("span");
+    remove.className = "remove-btn ml-2 cursor-pointer font-bold";
+    remove.textContent = "×";
+    remove.addEventListener("click", function () { chip.remove(); });
+    chip.appendChild(remove);
+    if (inputElement && inputElement.parentNode) inputElement.parentNode.insertBefore(chip, inputElement);
 }
 
-function parseEmails(element){
-    if (!$(element).length || !$(element))
-        return;
-    const jsonList = JSON.parse(element.attr("data-allowed-list"));
-    const input_element = element.find("input");
-    if(jsonList.length){
-        jsonList.forEach(email => {
-            createEmailChip(email, input_element);
-        });
-    }
+function parseEmails(element) {
+    if (!element || !element.getAttribute) return;
+    var raw = element.getAttribute("data-allowed-list") || "[]";
+    var jsonList = [];
+    try { jsonList = JSON.parse(raw); } catch (_) {}
+    var inputEl = element.querySelector("input");
+    for (var i = 0; i < jsonList.length; i++) createEmailChip(jsonList[i], inputEl);
 }
 
-function getEmailsList(element){
-    const emailsArr = [];
-    element.find(".email-chip").each(function() {
-        const span = $(this).find("span");
-        span.remove();
-        emailsArr.push($(this).text().trim());
-        $(this).append(span);
+function getEmailsList(element) {
+    var emailsArr = [];
+    if (!element) return emailsArr;
+    element.querySelectorAll(".email-chip").forEach(function (chip) {
+        var text = (chip.textContent || "").replace(/\s*×\s*$/, "").trim();
+        emailsArr.push(text);
     });
     return emailsArr;
 }
 
-function showErrorToast(message){
-    showToast("Validation Error", message, "bg-danger text-light");
+function showErrorToast(message) {
+    showToast("Validation Error", message, "text-bg-danger");
 }
 
-function checkUpdateAssociationsPolicyForm(){
-    let isDatasetValid = false, isModelValid = false;
-
-    const datasetApproveMode = $("#dataset-auto-approve-mode").val();
-    const modelApproveMode = $("#model-auto-approve-mode").val();
-
-    isDatasetValid = (datasetApproveMode === "NEVER" || datasetApproveMode === "ALWAYS");
-    isModelValid = (modelApproveMode === "NEVER" || modelApproveMode === "ALWAYS")
-
-    if(!isDatasetValid){
-        const datasetAllowListArr = getEmailsList($("#dataset-allow-list-emails"));
-        if(datasetAllowListArr.length)
-            isDatasetValid = true;
-        else{
-            showErrorToast("Make sure that the dataset allow list is not empty");
-        }
+function checkUpdateAssociationsPolicyForm() {
+    var datasetModeEl = document.getElementById("dataset-auto-approve-mode");
+    var modelModeEl = document.getElementById("model-auto-approve-mode");
+    var datasetApproveMode = datasetModeEl ? datasetModeEl.value : "NEVER";
+    var modelApproveMode = modelModeEl ? modelModeEl.value : "NEVER";
+    var isDatasetValid = (datasetApproveMode === "NEVER" || datasetApproveMode === "ALWAYS");
+    var isModelValid = (modelApproveMode === "NEVER" || modelApproveMode === "ALWAYS");
+    if (!isDatasetValid) {
+        var datasetAllowListArr = getEmailsList(document.getElementById("dataset-allow-list-emails"));
+        if (datasetAllowListArr.length) isDatasetValid = true;
+        else showErrorToast("Make sure that the dataset allow list is not empty");
     }
-    if(!isModelValid){
-        const modelAllowListArr = getEmailsList($("#model-allow-list-emails"));
-        if(modelAllowListArr.length)
-            isModelValid = true
-        else{
-            showErrorToast("Make sure that the model allow list is not empty");
-        }
+    if (!isModelValid) {
+        var modelAllowListArr = getEmailsList(document.getElementById("model-allow-list-emails"));
+        if (modelAllowListArr.length) isModelValid = true;
+        else showErrorToast("Make sure that the model allow list is not empty");
     }
     return isDatasetValid && isModelValid;
 }
 
-function onUpdateAssociationsPolicySuccess(response){
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Benchmark Associations Policy Successfully Updated",
-            seconds: 3
-        });
-    }
-    else{
+function onUpdateAssociationsPolicySuccess(response) {
+    if (response && response.status === "success") {
+        showReloadModal({ title: "Benchmark Associations Policy Successfully Updated", seconds: 3 });
+    } else {
         showErrorModal("Failed to Update Benchmark Associations Policy", response);
     }
 }
 
-async function updateAssociationsPolicy(saveBtn){
+function updateAssociationsPolicy(saveBtn) {
     addSpinner(saveBtn);
-
     disableElements(".card button, .card input, .card select");
-    
-    const formData = new FormData();
-
-    const datasetApproveMode = $("#dataset-auto-approve-mode").val();
-    const modelApproveMode = $("#model-auto-approve-mode").val();
-
-    if(datasetApproveMode === "ALLOWLIST"){
-        const datasetAllowListArr = getEmailsList($("#dataset-allow-list-emails"));
+    var datasetModeEl = document.getElementById("dataset-auto-approve-mode");
+    var modelModeEl = document.getElementById("model-auto-approve-mode");
+    var datasetApproveMode = datasetModeEl ? datasetModeEl.value : "NEVER";
+    var modelApproveMode = modelModeEl ? modelModeEl.value : "NEVER";
+    var formData = new FormData();
+    if (datasetApproveMode === "ALLOWLIST") {
+        var datasetAllowListArr = getEmailsList(document.getElementById("dataset-allow-list-emails"));
         formData.append("dataset_emails", datasetAllowListArr.join(" "));
-    } 
-    if(modelApproveMode === "ALLOWLIST"){
-        const modelAllowListArr = getEmailsList($("#model-allow-list-emails"));
+    }
+    if (modelApproveMode === "ALLOWLIST") {
+        var modelAllowListArr = getEmailsList(document.getElementById("model-allow-list-emails"));
         formData.append("model_emails", modelAllowListArr.join(" "));
     }
-
     formData.append("benchmark_id", saveBtn.getAttribute("data-benchmark-id"));
     formData.append("dataset_mode", datasetApproveMode);
     formData.append("model_mode", modelApproveMode);
-    
-    ajaxRequest(
-        `/benchmarks/update_associations_policy`,
-        "POST",
-        formData,
-        onUpdateAssociationsPolicySuccess,
-        "Failed to update associations policy"
-    );
-
-    window.runningTaskId = await getTaskId();
+    ajaxRequest("/benchmarks/update_associations_policy", "POST", formData, onUpdateAssociationsPolicySuccess, "Failed to update associations policy");
 }
 
-$(document).ready(() => {
-    $("[id^='show-']").on("click", (e) => {
-        showResult(e.currentTarget);
+function initBenchmarkDetail() {
+    document.querySelectorAll("form.benchmark-action-form").forEach(function (form) {
+        form.addEventListener("submit", submitActionForm);
     });
-    
-    $("#datasets-associations-title").on("click", () => {
-        $("#datasets-associations").slideToggle(); // smooth animation
-        $("#datasets-associations-title").find("i").toggleClass("rotated");
-    });
-    
-    $("#models-associations-title").on("click", () => {
-        $("#models-associations").slideToggle(); // smooth animation
-        $("#models-associations-title").find("i").toggleClass("rotated");
-    });
-    
-    $("#benchmark-results-title").on("click", () => {
-        $("#benchmark-results").slideToggle(); // smooth animation
-        $("#benchmark-results-title").find("i").toggleClass("rotated");
-    });
-    
-    $("#dataset-auto-approve-mode").on("change", (e) => {
-        if(e.currentTarget.value === "ALLOWLIST"){
-            $("#dataset-allow-list-container").removeClass("d-none");
-        }
-        else{
-            $("#dataset-allow-list-container").addClass("d-none");
-        }
-    });
-    
-    $("#model-auto-approve-mode").on("change", (e) => {
-        if(e.currentTarget.value === "ALLOWLIST"){
-            $("#model-allow-list-container").removeClass("d-none");
-        }
-        else{
-            $("#model-allow-list-container").addClass("d-none");
-        }
+    document.querySelectorAll("[id^='show-']").forEach(function (el) {
+        el.addEventListener("click", function () { showResult(el); });
     });
 
-    parseEmails($("#model-allow-list-emails"));
-    parseEmails($("#dataset-allow-list-emails"));
-    
-    $(".email-input").on("keydown", function (e) {
-        if (e.key === "Enter" || e.key === " " || e.key === ",") {
-            e.preventDefault();
-            let email = $(this).val().trim().replace(/,$/, "");
-            if (email && isValidEmail(email)) {
-                createEmailChip(email, $(this));
-                $(this).val("");
-            }
-        }
-    });
+    var datasetModeEl = document.getElementById("dataset-auto-approve-mode");
+    var modelModeEl = document.getElementById("model-auto-approve-mode");
+    if (datasetModeEl) {
+        datasetModeEl.addEventListener("change", function () {
+            var container = document.getElementById("dataset-allow-list-container");
+            if (container) container.classList.toggle("hidden", this.value !== "ALLOWLIST");
+        });
+    }
+    if (modelModeEl) {
+        modelModeEl.addEventListener("change", function () {
+            var container = document.getElementById("model-allow-list-container");
+            if (container) container.classList.toggle("hidden", this.value !== "ALLOWLIST");
+        });
+    }
 
-    $(".email-input").on("paste", function (e) {
-        e.preventDefault();
-        let clipboardData = (e.originalEvent || e).clipboardData.getData("text");
-        let rawEmails = clipboardData.split(/[\s,]+/);
-        rawEmails.forEach(email => {
-            email = email.trim();
-            if (email && isValidEmail(email)) {
-                createEmailChip(email, $(this));
+    parseEmails(document.getElementById("model-allow-list-emails"));
+    parseEmails(document.getElementById("dataset-allow-list-emails"));
+
+    document.querySelectorAll(".email-input").forEach(function (input) {
+        input.addEventListener("keydown", function (e) {
+            if (e.key === "Enter" || e.key === " " || e.key === ",") {
+                e.preventDefault();
+                var email = this.value.trim().replace(/,$/, "");
+                if (email && isValidEmail(email)) {
+                    createEmailChip(email, this);
+                    this.value = "";
+                }
             }
         });
-        $(this).val("");
+        input.addEventListener("paste", function (e) {
+            e.preventDefault();
+            var clipboardData = (e.clipboardData || window.clipboardData).getData("text");
+            var rawEmails = clipboardData.split(/[\s,]+/);
+            rawEmails.forEach(function (email) {
+                email = email.trim();
+                if (email && isValidEmail(email)) createEmailChip(email, input);
+            });
+            input.value = "";
+        });
     });
 
-    $("#save-policy-btn").on("click", (e) => {
-        if(checkUpdateAssociationsPolicyForm()){
-            showConfirmModal(e.currentTarget, updateAssociationsPolicy, "update benchmark associations policy?");
-        }
+    var saveBtn = document.getElementById("save-policy-btn");
+    if (saveBtn) saveBtn.addEventListener("click", function (e) {
+        if (checkUpdateAssociationsPolicyForm()) showConfirmModal(e.currentTarget, updateAssociationsPolicy, "update benchmark associations policy?");
     });
 
-    $("#dataset-auto-approve-mode").trigger("change");
-    $("#model-auto-approve-mode").trigger("change");
-});
\ No newline at end of file
+    if (datasetModeEl) datasetModeEl.dispatchEvent(new Event("change"));
+    if (modelModeEl) modelModeEl.dispatchEvent(new Event("change"));
+}
+
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initBenchmarkDetail);
+} else {
+    initBenchmarkDetail();
+}
diff --git a/cli/medperf/web_ui/static/js/benchmarks/benchmark_register.js b/cli/medperf/web_ui/static/js/benchmarks/benchmark_register.js
index 9115135d0..8f8c63527 100644
--- a/cli/medperf/web_ui/static/js/benchmarks/benchmark_register.js
+++ b/cli/medperf/web_ui/static/js/benchmarks/benchmark_register.js
@@ -1,77 +1,50 @@
-
-function onBenchmarkRegisterSuccess(response){
-    markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Benchmark Successfully Registered",
-            seconds: 3,
-            url: "/benchmarks/ui/display/"+response.benchmark_id
-        });
-    }
-    else{
-        showErrorModal("Benchmark Registration Failed", response);
-    }
-}
-
-async function registerBenchmark(registerButton){
-    addSpinner(registerButton);
-
-    const formData = new FormData($("#benchmark-register-form")[0]);
-
-    disableElements("#benchmark-register-form input, #benchmark-register-form textarea, #benchmark-register-form select, #benchmark-register-form button");
-
-    ajaxRequest(
-        "/benchmarks/register",
-        "POST",
-        formData,
-        onBenchmarkRegisterSuccess,
-        "Error registering benchmark:"
-    )
-
-    showPanel(`Registering Benchmark...`);
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
+var REDIRECT_BASE = "/benchmarks/ui/display/";
 
 function checkBenchmarkFormValidity() {
-    const nameValue = $("#name").val().trim();
-    const descriptionValue = $("#description").val().trim();
-    const referenceDatasetTarballUrlValue = $("#reference-dataset-tarball-url").val().trim();
-    const skipTestsValue = $("input[name='skip_compatibility_tests']:checked").val();
-
-    var dataPreparationContainerValue = $("#data-preparation-container").val();
-    var referenceModelValue = $("#reference-model").val();
-    var evaluatorContainerValue = $("#evaluator-container").val();
-
-    dataPreparationContainerValue = dataPreparationContainerValue ? Number(dataPreparationContainerValue) : 0;
-    referenceModelValue = referenceModelValue ? Number(referenceModelValue) : 0;
-    evaluatorContainerValue = evaluatorContainerValue ? Number(evaluatorContainerValue) : 0;
-
-    const isValid = Boolean(
-        nameValue.length > 0 &&
-        descriptionValue.length > 0 &&
-        (skipTestsValue === "true" ? skipTestsValue === "true" : referenceDatasetTarballUrlValue.length > 0) &&
-        dataPreparationContainerValue > 0 &&
-        referenceModelValue > 0 &&
-        evaluatorContainerValue > 0
-    );
-    $("#register-benchmark-btn").prop("disabled", !isValid);
+    var nameEl = document.getElementById("name");
+    var descEl = document.getElementById("description");
+    var urlEl = document.getElementById("reference-dataset-tarball-url");
+    var dataPrepEl = document.getElementById("data-preparation-container");
+    var refModelEl = document.getElementById("reference-model");
+    var evalEl = document.getElementById("evaluator-container");
+    var skipTestsEl = document.getElementById("skip-tests");
+    var noSkipTestsEl = document.getElementById("noskip-tests");
+    var nameValue = nameEl ? nameEl.value.trim() : "";
+    var descriptionValue = descEl ? descEl.value.trim() : "";
+    var referenceDatasetTarballUrlValue = urlEl ? urlEl.value.trim() : "";
+    var dataPreparationContainerValue = dataPrepEl && dataPrepEl.value ? Number(dataPrepEl.value) : 0;
+    var referenceModelValue = refModelEl && refModelEl.value ? Number(refModelEl.value) : 0;
+    var evaluatorContainerValue = evalEl && evalEl.value ? Number(evalEl.value) : 0;
+    var skipTestsValue = skipTestsEl && skipTestsEl.checked ? true : false;
+    var noskipTestsValue = noSkipTestsEl && noSkipTestsEl.checked ? true: false;
+    var isValid = nameValue.length > 0 && descriptionValue.length > 0 && (noskipTestsValue ? referenceDatasetTarballUrlValue.length > 0 : (!referenceDatasetTarballUrlValue.length && skipTestsValue))  && dataPreparationContainerValue > 0 && referenceModelValue > 0 && evaluatorContainerValue > 0;
+    var btn = document.getElementById("register-benchmark-btn");
+    if (btn) btn.disabled = !isValid;
 }
 
-$(document).ready(() => {
-    $("#register-benchmark-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, registerBenchmark, "register this benchmark?");
-    });
-
-    $("#benchmark-register-form input, #benchmark-register-form textarea, #benchmark-register-form select").on("keyup change", checkBenchmarkFormValidity);
-
-    $("input[name='skip_compatibility_tests']").on("change", () => {
-        if($("#skip-tests").is(":checked")){
-            $("#demo-dataset-input-container").hide();
-            $("#reference-dataset-tarball-url").val("");
-        }
-        else{
-            $("#demo-dataset-input-container").show();
-        }
+function init() {
+    var form = document.getElementById("benchmark-register-form");
+    if (form) {
+        form.addEventListener("submit", submitActionForm);
+        form.querySelectorAll("input, textarea, select").forEach(function (el) {
+            el.addEventListener("keyup", checkBenchmarkFormValidity);
+            el.addEventListener("change", checkBenchmarkFormValidity);
+        });
+    }
+    checkBenchmarkFormValidity();
+    document.querySelectorAll("input[name='skip_compatibility_tests']").forEach(function (el) {
+        el.addEventListener("change", function () {
+            var skipTestsEl = document.getElementById("skip-tests");
+            var demoContainer = document.getElementById("demo-dataset-input-container");
+            var urlInput = document.getElementById("reference-dataset-tarball-url");
+            if (skipTestsEl && skipTestsEl.checked) {
+                if (demoContainer) demoContainer.style.display = "none";
+                if (urlInput) urlInput.value = "";
+            } else {
+                if (demoContainer) demoContainer.style.display = "block";
+            }
+        });
     });
-});
\ No newline at end of file
+}
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
+else init();
diff --git a/cli/medperf/web_ui/static/js/benchmarks/benchmark_workflow_test.js b/cli/medperf/web_ui/static/js/benchmarks/benchmark_workflow_test.js
index 59b4e178a..7da1c4e17 100644
--- a/cli/medperf/web_ui/static/js/benchmarks/benchmark_workflow_test.js
+++ b/cli/medperf/web_ui/static/js/benchmarks/benchmark_workflow_test.js
@@ -1,143 +1,75 @@
 // This file is not being used currently
-function showNextModal(results){
-    const modalTitle = "Benchmark Workflow Test Successful";
-    const modalBody = `
-    <h5>Results generated by the workflow test</h5>
-    <div class="mt-3"><pre id="result-content" class="language-yaml">${results}</pre></div>
-    `;
-    const modalFooter = `
-    <button type="button" class="btn btn-danger" onclick="reloadPage();">Cancel</button>
-    <button type="button" class="btn btn-success" onclick="showRegisterBenchmark();" data-bs-dismiss="modal">
-        Continue to benchmark registration
-    </button>`;
-    const extra_fn = () => { Prism.highlightElement($("#result-content")[0]); };
-
-    showModal({
-        title: modalTitle,
-        body: modalBody,
-        footer: modalFooter,
-        modalClasses: "modal-lg",
-        extra_func: extra_fn
-    });
+function showNextModal(results) {
+    var modalBody = "<h5 class=\"font-bold text-lg mb-3\">Results generated by the workflow test</h5><div class=\"mt-3\"><pre id=\"result-content\" class=\"language-yaml overflow-x-auto p-4 rounded-lg bg-gray-100 dark:bg-gray-700\">" + (results || "").replace(/</g, "&lt;") + "</pre></div>";
+    var modalFooter = "<button type=\"button\" class=\"px-4 py-2 rounded-xl bg-red-600 text-white font-semibold\" onclick=\"reloadPage();\">Cancel</button><button type=\"button\" class=\"px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold close-modal-btn\" onclick=\"showRegisterBenchmark();\">Continue to benchmark registration</button>";
+    var extra = function () {
+        var el = document.getElementById("result-content");
+        if (window.Prism && el) Prism.highlightElement(el);
+    };
+    showModal({ title: "Benchmark Workflow Test Successful", body: modalBody, footer: modalFooter, modalClasses: "max-w-4xl w-full", extra_func: extra });
 }
 
-
-function onBenchmarkWorkflowTestSuccess(response){
+function onBenchmarkWorkflowTestSuccess(response) {
     markAllStagesAsComplete();
-    if(response.status === "success"){
-        const results = JSON.stringify(response.results, null, 2);
+    if (response && response.status === "success") {
+        var results = JSON.stringify(response.results || {}, null, 2);
         showNextModal(results);
-    }
-    else{
+    } else {
         showErrorModal("Benchmark Workflow Test Failed", response);
     }
 }
 
-async function benchmarkWorkflowTest(workflowTestButton){
+function benchmarkWorkflowTest(workflowTestButton) {
     addSpinner(workflowTestButton);
-
-    const formData = new FormData($("#workflow-test-form")[0]);
-
+    var form = document.getElementById("workflow-test-form");
+    var formData = form ? new FormData(form) : new FormData();
     disableElements("#workflow-test-form input, #workflow-test-form button");
-
-    ajaxRequest(
-        "/benchmarks/run_workflow_test",
-        "POST",
-        formData,
-        onBenchmarkWorkflowTestSuccess,
-        "Error running benchmark workflow test:"
-    )
-
-    showPanel(`Running Workflow Test...`);
-    window.runningTaskId = await getTaskId();
+    ajaxRequest("/benchmarks/run_workflow_test", "POST", formData, onBenchmarkWorkflowTestSuccess, "Error running benchmark workflow test:");
+    showPanel("Running Workflow Test...");
     streamEvents(logPanel, stagesList, currentStageElement);
 }
 
-function showRegisterBenchmark(){
+function showRegisterBenchmark() {
     window.location.href = "/benchmarks/register/ui";
 }
 
 function checkWorkflowTestFormValidity() {
-    const dataPrepPath = $("#data-preparation").val().trim();
-    const modelPath = $("#model-path").val().trim();
-    const evaluatorPath = $("#evaluator-path").val().trim();
-    const dataPath = $("#data-path").val().trim();
-    const labelsPath = $("#labels-path").val().trim();
-    const runTestButton = $("#run-workflow-test-btn");
-
-    const isValid = Boolean(
-        dataPrepPath.length > 0 &&
-        dataPrepPath.endsWith(".yaml") &&
-        modelPath.length > 0 &&
-        modelPath.endsWith(".yaml") &&
-        evaluatorPath.length > 0 &&
-        evaluatorPath.endsWith(".yaml") &&
-        dataPath.length > 0 &&
-        labelsPath.length > 0
-    );
-
-    runTestButton.prop("disabled", !isValid);
+    var dataPrepEl = document.getElementById("data-preparation");
+    var modelPathEl = document.getElementById("model-path");
+    var evaluatorPathEl = document.getElementById("evaluator-path");
+    var dataPathEl = document.getElementById("data-path");
+    var labelsPathEl = document.getElementById("labels-path");
+    var dataPrepPath = dataPrepEl ? dataPrepEl.value.trim() : "";
+    var modelPath = modelPathEl ? modelPathEl.value.trim() : "";
+    var evaluatorPath = evaluatorPathEl ? evaluatorPathEl.value.trim() : "";
+    var dataPath = dataPathEl ? dataPathEl.value.trim() : "";
+    var labelsPath = labelsPathEl ? labelsPathEl.value.trim() : "";
+    var isValid = dataPrepPath.length > 0 && dataPrepPath.endsWith(".yaml") && modelPath.length > 0 && modelPath.endsWith(".yaml") && evaluatorPath.length > 0 && evaluatorPath.endsWith(".yaml") && dataPath.length > 0 && labelsPath.length > 0;
+    var runBtn = document.getElementById("run-workflow-test-btn");
+    if (runBtn) runBtn.disabled = !isValid;
 }
 
-$(document).ready(() => {
-    $("#run-workflow-test-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, benchmarkWorkflowTest, "run the workflow test?");
-    });
-    
-    $("#workflow-test-form input").on("keyup", checkWorkflowTestFormValidity);
-
-    $("#browse-data-prep-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("data-preparation");
-    });
-
-    $("#browse-data-prep-parameters-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("data-preparation-parameters");
-    });
-
-    $("#browse-data-prep-additional-btn").on("click", () => {
-        browseWithFiles = false;
-        browseFolderHandler("data-preparation-additional");
-    });
-
-    $("#browse-ref-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("model-path");
-    });
-
-    $("#browse-ref-parameters-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("model-parameters-path");
-    });
-
-    $("#browse-ref-additional-btn").on("click", () => {
-        browseWithFiles = false;
-        browseFolderHandler("model-additional-path");
-    });
-    
-    $("#browse-metrics-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("evaluator-path");
-    });
-
-    $("#browse-metrics-parameters-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("evaluator-parameters-path");
-    });
-
-    $("#browse-metrics-additional-btn").on("click", () => {
-        browseWithFiles = false;
-        browseFolderHandler("evaluator-additional-path");
-    });
-
-    $("#browse-data-btn").on("click", () => {
-        browseWithFiles = false;
-        browseFolderHandler("data-path");
-    });
-    
-    $("#browse-labels-btn").on("click", () => {
-        browseWithFiles = false;
-        browseFolderHandler("labels-path");
-    });
-});
\ No newline at end of file
+function init() {
+    var runBtn = document.getElementById("run-workflow-test-btn");
+    if (runBtn) runBtn.addEventListener("click", function (e) { showConfirmModal(e.currentTarget, benchmarkWorkflowTest, "run the workflow test?"); });
+    var form = document.getElementById("workflow-test-form");
+    if (form) form.querySelectorAll("input").forEach(function (el) { el.addEventListener("keyup", checkWorkflowTestFormValidity); });
+    function addBrowse(id, handler, withFiles) {
+        var btn = document.getElementById(id);
+        if (btn) btn.addEventListener("click", function () { browseWithFiles = !!withFiles; browseFolderHandler(handler); });
+    }
+    addBrowse("browse-data-prep-btn", "data-preparation", true);
+    addBrowse("browse-data-prep-parameters-btn", "data-preparation-parameters", true);
+    addBrowse("browse-data-prep-additional-btn", "data-preparation-additional", false);
+    addBrowse("browse-ref-btn", "model-path", true);
+    addBrowse("browse-ref-parameters-btn", "model-parameters-path", true);
+    addBrowse("browse-ref-additional-btn", "model-additional-path", false);
+    addBrowse("browse-metrics-btn", "evaluator-path", true);
+    addBrowse("browse-metrics-parameters-btn", "evaluator-parameters-path", true);
+    addBrowse("browse-metrics-additional-btn", "evaluator-additional-path", false);
+    addBrowse("browse-data-btn", "data-path", false);
+    addBrowse("browse-labels-btn", "labels-path", false);
+    checkWorkflowTestFormValidity();
+}
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
+else init();
diff --git a/cli/medperf/web_ui/static/js/bootstrap.bundle.min.js b/cli/medperf/web_ui/static/js/bootstrap.bundle.min.js
deleted file mode 100644
index 04e9185bd..000000000
--- a/cli/medperf/web_ui/static/js/bootstrap.bundle.min.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/*!
-  * Bootstrap v5.3.3 (https://getbootstrap.com/)
-  * Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
-  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
-  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e()}(this,(function(){"use strict";const t=new Map,e={set(e,i,n){t.has(e)||t.set(e,new Map);const s=t.get(e);s.has(i)||0===s.size?s.set(i,n):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(s.keys())[0]}.`)},get:(e,i)=>t.has(e)&&t.get(e).get(i)||null,remove(e,i){if(!t.has(e))return;const n=t.get(e);n.delete(i),0===n.size&&t.delete(e)}},i="transitionend",n=t=>(t&&window.CSS&&window.CSS.escape&&(t=t.replace(/#([^\s"#']+)/g,((t,e)=>`#${CSS.escape(e)}`))),t),s=t=>{t.dispatchEvent(new Event(i))},o=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),r=t=>o(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(n(t)):null,a=t=>{if(!o(t)||0===t.getClientRects().length)return!1;const e="visible"===getComputedStyle(t).getPropertyValue("visibility"),i=t.closest("details:not([open])");if(!i)return e;if(i!==t){const e=t.closest("summary");if(e&&e.parentNode!==i)return!1;if(null===e)return!1}return e},l=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),c=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?c(t.parentNode):null},h=()=>{},d=t=>{t.offsetHeight},u=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,f=[],p=()=>"rtl"===document.documentElement.dir,m=t=>{var e;e=()=>{const e=u();if(e){const i=t.NAME,n=e.fn[i];e.fn[i]=t.jQueryInterface,e.fn[i].Constructor=t,e.fn[i].noConflict=()=>(e.fn[i]=n,t.jQueryInterface)}},"loading"===document.readyState?(f.length||document.addEventListener("DOMContentLoaded",(()=>{for(const t of f)t()})),f.push(e)):e()},g=(t,e=[],i=t)=>"function"==typeof t?t(...e):i,_=(t,e,n=!0)=>{if(!n)return void g(t);const o=(t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:i}=window.getComputedStyle(t);const n=Number.parseFloat(e),s=Number.parseFloat(i);return n||s?(e=e.split(",")[0],i=i.split(",")[0],1e3*(Number.parseFloat(e)+Number.parseFloat(i))):0})(e)+5;let r=!1;const a=({target:n})=>{n===e&&(r=!0,e.removeEventListener(i,a),g(t))};e.addEventListener(i,a),setTimeout((()=>{r||s(e)}),o)},b=(t,e,i,n)=>{const s=t.length;let o=t.indexOf(e);return-1===o?!i&&n?t[s-1]:t[0]:(o+=i?1:-1,n&&(o=(o+s)%s),t[Math.max(0,Math.min(o,s-1))])},v=/[^.]*(?=\..*)\.|.*/,y=/\..*/,w=/::\d+$/,A={};let E=1;const T={mouseenter:"mouseover",mouseleave:"mouseout"},C=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function O(t,e){return e&&`${e}::${E++}`||t.uidEvent||E++}function x(t){const e=O(t);return t.uidEvent=e,A[e]=A[e]||{},A[e]}function k(t,e,i=null){return Object.values(t).find((t=>t.callable===e&&t.delegationSelector===i))}function L(t,e,i){const n="string"==typeof e,s=n?i:e||i;let o=I(t);return C.has(o)||(o=t),[n,s,o]}function S(t,e,i,n,s){if("string"!=typeof e||!t)return;let[o,r,a]=L(e,i,n);if(e in T){const t=t=>function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return t.call(this,e)};r=t(r)}const l=x(t),c=l[a]||(l[a]={}),h=k(c,r,o?i:null);if(h)return void(h.oneOff=h.oneOff&&s);const d=O(r,e.replace(v,"")),u=o?function(t,e,i){return function n(s){const o=t.querySelectorAll(e);for(let{target:r}=s;r&&r!==this;r=r.parentNode)for(const a of o)if(a===r)return P(s,{delegateTarget:r}),n.oneOff&&N.off(t,s.type,e,i),i.apply(r,[s])}}(t,i,r):function(t,e){return function i(n){return P(n,{delegateTarget:t}),i.oneOff&&N.off(t,n.type,e),e.apply(t,[n])}}(t,r);u.delegationSelector=o?i:null,u.callable=r,u.oneOff=s,u.uidEvent=d,c[d]=u,t.addEventListener(a,u,o)}function D(t,e,i,n,s){const o=k(e[i],n,s);o&&(t.removeEventListener(i,o,Boolean(s)),delete e[i][o.uidEvent])}function $(t,e,i,n){const s=e[i]||{};for(const[o,r]of Object.entries(s))o.includes(n)&&D(t,e,i,r.callable,r.delegationSelector)}function I(t){return t=t.replace(y,""),T[t]||t}const N={on(t,e,i,n){S(t,e,i,n,!1)},one(t,e,i,n){S(t,e,i,n,!0)},off(t,e,i,n){if("string"!=typeof e||!t)return;const[s,o,r]=L(e,i,n),a=r!==e,l=x(t),c=l[r]||{},h=e.startsWith(".");if(void 0===o){if(h)for(const i of Object.keys(l))$(t,l,i,e.slice(1));for(const[i,n]of Object.entries(c)){const s=i.replace(w,"");a&&!e.includes(s)||D(t,l,r,n.callable,n.delegationSelector)}}else{if(!Object.keys(c).length)return;D(t,l,r,o,s?i:null)}},trigger(t,e,i){if("string"!=typeof e||!t)return null;const n=u();let s=null,o=!0,r=!0,a=!1;e!==I(e)&&n&&(s=n.Event(e,i),n(t).trigger(s),o=!s.isPropagationStopped(),r=!s.isImmediatePropagationStopped(),a=s.isDefaultPrevented());const l=P(new Event(e,{bubbles:o,cancelable:!0}),i);return a&&l.preventDefault(),r&&t.dispatchEvent(l),l.defaultPrevented&&s&&s.preventDefault(),l}};function P(t,e={}){for(const[i,n]of Object.entries(e))try{t[i]=n}catch(e){Object.defineProperty(t,i,{configurable:!0,get:()=>n})}return t}function j(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch(e){return t}}function M(t){return t.replace(/[A-Z]/g,(t=>`-${t.toLowerCase()}`))}const F={setDataAttribute(t,e,i){t.setAttribute(`data-bs-${M(e)}`,i)},removeDataAttribute(t,e){t.removeAttribute(`data-bs-${M(e)}`)},getDataAttributes(t){if(!t)return{};const e={},i=Object.keys(t.dataset).filter((t=>t.startsWith("bs")&&!t.startsWith("bsConfig")));for(const n of i){let i=n.replace(/^bs/,"");i=i.charAt(0).toLowerCase()+i.slice(1,i.length),e[i]=j(t.dataset[n])}return e},getDataAttribute:(t,e)=>j(t.getAttribute(`data-bs-${M(e)}`))};class H{static get Default(){return{}}static get DefaultType(){return{}}static get NAME(){throw new Error('You have to implement the static method "NAME", for each component!')}_getConfig(t){return t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t}_mergeConfigObj(t,e){const i=o(e)?F.getDataAttribute(e,"config"):{};return{...this.constructor.Default,..."object"==typeof i?i:{},...o(e)?F.getDataAttributes(e):{},..."object"==typeof t?t:{}}}_typeCheckConfig(t,e=this.constructor.DefaultType){for(const[n,s]of Object.entries(e)){const e=t[n],r=o(e)?"element":null==(i=e)?`${i}`:Object.prototype.toString.call(i).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(s).test(r))throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${n}" provided type "${r}" but expected type "${s}".`)}var i}}class W extends H{constructor(t,i){super(),(t=r(t))&&(this._element=t,this._config=this._getConfig(i),e.set(this._element,this.constructor.DATA_KEY,this))}dispose(){e.remove(this._element,this.constructor.DATA_KEY),N.off(this._element,this.constructor.EVENT_KEY);for(const t of Object.getOwnPropertyNames(this))this[t]=null}_queueCallback(t,e,i=!0){_(t,e,i)}_getConfig(t){return t=this._mergeConfigObj(t,this._element),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}static getInstance(t){return e.get(r(t),this.DATA_KEY)}static getOrCreateInstance(t,e={}){return this.getInstance(t)||new this(t,"object"==typeof e?e:null)}static get VERSION(){return"5.3.3"}static get DATA_KEY(){return`bs.${this.NAME}`}static get EVENT_KEY(){return`.${this.DATA_KEY}`}static eventName(t){return`${t}${this.EVENT_KEY}`}}const B=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i=`#${i.split("#")[1]}`),e=i&&"#"!==i?i.trim():null}return e?e.split(",").map((t=>n(t))).join(","):null},z={find:(t,e=document.documentElement)=>[].concat(...Element.prototype.querySelectorAll.call(e,t)),findOne:(t,e=document.documentElement)=>Element.prototype.querySelector.call(e,t),children:(t,e)=>[].concat(...t.children).filter((t=>t.matches(e))),parents(t,e){const i=[];let n=t.parentNode.closest(e);for(;n;)i.push(n),n=n.parentNode.closest(e);return i},prev(t,e){let i=t.previousElementSibling;for(;i;){if(i.matches(e))return[i];i=i.previousElementSibling}return[]},next(t,e){let i=t.nextElementSibling;for(;i;){if(i.matches(e))return[i];i=i.nextElementSibling}return[]},focusableChildren(t){const e=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map((t=>`${t}:not([tabindex^="-"])`)).join(",");return this.find(e,t).filter((t=>!l(t)&&a(t)))},getSelectorFromElement(t){const e=B(t);return e&&z.findOne(e)?e:null},getElementFromSelector(t){const e=B(t);return e?z.findOne(e):null},getMultipleElementsFromSelector(t){const e=B(t);return e?z.find(e):[]}},R=(t,e="hide")=>{const i=`click.dismiss${t.EVENT_KEY}`,n=t.NAME;N.on(document,i,`[data-bs-dismiss="${n}"]`,(function(i){if(["A","AREA"].includes(this.tagName)&&i.preventDefault(),l(this))return;const s=z.getElementFromSelector(this)||this.closest(`.${n}`);t.getOrCreateInstance(s)[e]()}))},q=".bs.alert",V=`close${q}`,K=`closed${q}`;class Q extends W{static get NAME(){return"alert"}close(){if(N.trigger(this._element,V).defaultPrevented)return;this._element.classList.remove("show");const t=this._element.classList.contains("fade");this._queueCallback((()=>this._destroyElement()),this._element,t)}_destroyElement(){this._element.remove(),N.trigger(this._element,K),this.dispose()}static jQueryInterface(t){return this.each((function(){const e=Q.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}R(Q,"close"),m(Q);const X='[data-bs-toggle="button"]';class Y extends W{static get NAME(){return"button"}toggle(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}static jQueryInterface(t){return this.each((function(){const e=Y.getOrCreateInstance(this);"toggle"===t&&e[t]()}))}}N.on(document,"click.bs.button.data-api",X,(t=>{t.preventDefault();const e=t.target.closest(X);Y.getOrCreateInstance(e).toggle()})),m(Y);const U=".bs.swipe",G=`touchstart${U}`,J=`touchmove${U}`,Z=`touchend${U}`,tt=`pointerdown${U}`,et=`pointerup${U}`,it={endCallback:null,leftCallback:null,rightCallback:null},nt={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"};class st extends H{constructor(t,e){super(),this._element=t,t&&st.isSupported()&&(this._config=this._getConfig(e),this._deltaX=0,this._supportPointerEvents=Boolean(window.PointerEvent),this._initEvents())}static get Default(){return it}static get DefaultType(){return nt}static get NAME(){return"swipe"}dispose(){N.off(this._element,U)}_start(t){this._supportPointerEvents?this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX):this._deltaX=t.touches[0].clientX}_end(t){this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX-this._deltaX),this._handleSwipe(),g(this._config.endCallback)}_move(t){this._deltaX=t.touches&&t.touches.length>1?0:t.touches[0].clientX-this._deltaX}_handleSwipe(){const t=Math.abs(this._deltaX);if(t<=40)return;const e=t/this._deltaX;this._deltaX=0,e&&g(e>0?this._config.rightCallback:this._config.leftCallback)}_initEvents(){this._supportPointerEvents?(N.on(this._element,tt,(t=>this._start(t))),N.on(this._element,et,(t=>this._end(t))),this._element.classList.add("pointer-event")):(N.on(this._element,G,(t=>this._start(t))),N.on(this._element,J,(t=>this._move(t))),N.on(this._element,Z,(t=>this._end(t))))}_eventIsPointerPenTouch(t){return this._supportPointerEvents&&("pen"===t.pointerType||"touch"===t.pointerType)}static isSupported(){return"ontouchstart"in document.documentElement||navigator.maxTouchPoints>0}}const ot=".bs.carousel",rt=".data-api",at="next",lt="prev",ct="left",ht="right",dt=`slide${ot}`,ut=`slid${ot}`,ft=`keydown${ot}`,pt=`mouseenter${ot}`,mt=`mouseleave${ot}`,gt=`dragstart${ot}`,_t=`load${ot}${rt}`,bt=`click${ot}${rt}`,vt="carousel",yt="active",wt=".active",At=".carousel-item",Et=wt+At,Tt={ArrowLeft:ht,ArrowRight:ct},Ct={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},Ot={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"};class xt extends W{constructor(t,e){super(t,e),this._interval=null,this._activeElement=null,this._isSliding=!1,this.touchTimeout=null,this._swipeHelper=null,this._indicatorsElement=z.findOne(".carousel-indicators",this._element),this._addEventListeners(),this._config.ride===vt&&this.cycle()}static get Default(){return Ct}static get DefaultType(){return Ot}static get NAME(){return"carousel"}next(){this._slide(at)}nextWhenVisible(){!document.hidden&&a(this._element)&&this.next()}prev(){this._slide(lt)}pause(){this._isSliding&&s(this._element),this._clearInterval()}cycle(){this._clearInterval(),this._updateInterval(),this._interval=setInterval((()=>this.nextWhenVisible()),this._config.interval)}_maybeEnableCycle(){this._config.ride&&(this._isSliding?N.one(this._element,ut,(()=>this.cycle())):this.cycle())}to(t){const e=this._getItems();if(t>e.length-1||t<0)return;if(this._isSliding)return void N.one(this._element,ut,(()=>this.to(t)));const i=this._getItemIndex(this._getActive());if(i===t)return;const n=t>i?at:lt;this._slide(n,e[t])}dispose(){this._swipeHelper&&this._swipeHelper.dispose(),super.dispose()}_configAfterMerge(t){return t.defaultInterval=t.interval,t}_addEventListeners(){this._config.keyboard&&N.on(this._element,ft,(t=>this._keydown(t))),"hover"===this._config.pause&&(N.on(this._element,pt,(()=>this.pause())),N.on(this._element,mt,(()=>this._maybeEnableCycle()))),this._config.touch&&st.isSupported()&&this._addTouchEventListeners()}_addTouchEventListeners(){for(const t of z.find(".carousel-item img",this._element))N.on(t,gt,(t=>t.preventDefault()));const t={leftCallback:()=>this._slide(this._directionToOrder(ct)),rightCallback:()=>this._slide(this._directionToOrder(ht)),endCallback:()=>{"hover"===this._config.pause&&(this.pause(),this.touchTimeout&&clearTimeout(this.touchTimeout),this.touchTimeout=setTimeout((()=>this._maybeEnableCycle()),500+this._config.interval))}};this._swipeHelper=new st(this._element,t)}_keydown(t){if(/input|textarea/i.test(t.target.tagName))return;const e=Tt[t.key];e&&(t.preventDefault(),this._slide(this._directionToOrder(e)))}_getItemIndex(t){return this._getItems().indexOf(t)}_setActiveIndicatorElement(t){if(!this._indicatorsElement)return;const e=z.findOne(wt,this._indicatorsElement);e.classList.remove(yt),e.removeAttribute("aria-current");const i=z.findOne(`[data-bs-slide-to="${t}"]`,this._indicatorsElement);i&&(i.classList.add(yt),i.setAttribute("aria-current","true"))}_updateInterval(){const t=this._activeElement||this._getActive();if(!t)return;const e=Number.parseInt(t.getAttribute("data-bs-interval"),10);this._config.interval=e||this._config.defaultInterval}_slide(t,e=null){if(this._isSliding)return;const i=this._getActive(),n=t===at,s=e||b(this._getItems(),i,n,this._config.wrap);if(s===i)return;const o=this._getItemIndex(s),r=e=>N.trigger(this._element,e,{relatedTarget:s,direction:this._orderToDirection(t),from:this._getItemIndex(i),to:o});if(r(dt).defaultPrevented)return;if(!i||!s)return;const a=Boolean(this._interval);this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(o),this._activeElement=s;const l=n?"carousel-item-start":"carousel-item-end",c=n?"carousel-item-next":"carousel-item-prev";s.classList.add(c),d(s),i.classList.add(l),s.classList.add(l),this._queueCallback((()=>{s.classList.remove(l,c),s.classList.add(yt),i.classList.remove(yt,c,l),this._isSliding=!1,r(ut)}),i,this._isAnimated()),a&&this.cycle()}_isAnimated(){return this._element.classList.contains("slide")}_getActive(){return z.findOne(Et,this._element)}_getItems(){return z.find(At,this._element)}_clearInterval(){this._interval&&(clearInterval(this._interval),this._interval=null)}_directionToOrder(t){return p()?t===ct?lt:at:t===ct?at:lt}_orderToDirection(t){return p()?t===lt?ct:ht:t===lt?ht:ct}static jQueryInterface(t){return this.each((function(){const e=xt.getOrCreateInstance(this,t);if("number"!=typeof t){if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}else e.to(t)}))}}N.on(document,bt,"[data-bs-slide], [data-bs-slide-to]",(function(t){const e=z.getElementFromSelector(this);if(!e||!e.classList.contains(vt))return;t.preventDefault();const i=xt.getOrCreateInstance(e),n=this.getAttribute("data-bs-slide-to");return n?(i.to(n),void i._maybeEnableCycle()):"next"===F.getDataAttribute(this,"slide")?(i.next(),void i._maybeEnableCycle()):(i.prev(),void i._maybeEnableCycle())})),N.on(window,_t,(()=>{const t=z.find('[data-bs-ride="carousel"]');for(const e of t)xt.getOrCreateInstance(e)})),m(xt);const kt=".bs.collapse",Lt=`show${kt}`,St=`shown${kt}`,Dt=`hide${kt}`,$t=`hidden${kt}`,It=`click${kt}.data-api`,Nt="show",Pt="collapse",jt="collapsing",Mt=`:scope .${Pt} .${Pt}`,Ft='[data-bs-toggle="collapse"]',Ht={parent:null,toggle:!0},Wt={parent:"(null|element)",toggle:"boolean"};class Bt extends W{constructor(t,e){super(t,e),this._isTransitioning=!1,this._triggerArray=[];const i=z.find(Ft);for(const t of i){const e=z.getSelectorFromElement(t),i=z.find(e).filter((t=>t===this._element));null!==e&&i.length&&this._triggerArray.push(t)}this._initializeChildren(),this._config.parent||this._addAriaAndCollapsedClass(this._triggerArray,this._isShown()),this._config.toggle&&this.toggle()}static get Default(){return Ht}static get DefaultType(){return Wt}static get NAME(){return"collapse"}toggle(){this._isShown()?this.hide():this.show()}show(){if(this._isTransitioning||this._isShown())return;let t=[];if(this._config.parent&&(t=this._getFirstLevelChildren(".collapse.show, .collapse.collapsing").filter((t=>t!==this._element)).map((t=>Bt.getOrCreateInstance(t,{toggle:!1})))),t.length&&t[0]._isTransitioning)return;if(N.trigger(this._element,Lt).defaultPrevented)return;for(const e of t)e.hide();const e=this._getDimension();this._element.classList.remove(Pt),this._element.classList.add(jt),this._element.style[e]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0;const i=`scroll${e[0].toUpperCase()+e.slice(1)}`;this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(jt),this._element.classList.add(Pt,Nt),this._element.style[e]="",N.trigger(this._element,St)}),this._element,!0),this._element.style[e]=`${this._element[i]}px`}hide(){if(this._isTransitioning||!this._isShown())return;if(N.trigger(this._element,Dt).defaultPrevented)return;const t=this._getDimension();this._element.style[t]=`${this._element.getBoundingClientRect()[t]}px`,d(this._element),this._element.classList.add(jt),this._element.classList.remove(Pt,Nt);for(const t of this._triggerArray){const e=z.getElementFromSelector(t);e&&!this._isShown(e)&&this._addAriaAndCollapsedClass([t],!1)}this._isTransitioning=!0,this._element.style[t]="",this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(jt),this._element.classList.add(Pt),N.trigger(this._element,$t)}),this._element,!0)}_isShown(t=this._element){return t.classList.contains(Nt)}_configAfterMerge(t){return t.toggle=Boolean(t.toggle),t.parent=r(t.parent),t}_getDimension(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}_initializeChildren(){if(!this._config.parent)return;const t=this._getFirstLevelChildren(Ft);for(const e of t){const t=z.getElementFromSelector(e);t&&this._addAriaAndCollapsedClass([e],this._isShown(t))}}_getFirstLevelChildren(t){const e=z.find(Mt,this._config.parent);return z.find(t,this._config.parent).filter((t=>!e.includes(t)))}_addAriaAndCollapsedClass(t,e){if(t.length)for(const i of t)i.classList.toggle("collapsed",!e),i.setAttribute("aria-expanded",e)}static jQueryInterface(t){const e={};return"string"==typeof t&&/show|hide/.test(t)&&(e.toggle=!1),this.each((function(){const i=Bt.getOrCreateInstance(this,e);if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t]()}}))}}N.on(document,It,Ft,(function(t){("A"===t.target.tagName||t.delegateTarget&&"A"===t.delegateTarget.tagName)&&t.preventDefault();for(const t of z.getMultipleElementsFromSelector(this))Bt.getOrCreateInstance(t,{toggle:!1}).toggle()})),m(Bt);var zt="top",Rt="bottom",qt="right",Vt="left",Kt="auto",Qt=[zt,Rt,qt,Vt],Xt="start",Yt="end",Ut="clippingParents",Gt="viewport",Jt="popper",Zt="reference",te=Qt.reduce((function(t,e){return t.concat([e+"-"+Xt,e+"-"+Yt])}),[]),ee=[].concat(Qt,[Kt]).reduce((function(t,e){return t.concat([e,e+"-"+Xt,e+"-"+Yt])}),[]),ie="beforeRead",ne="read",se="afterRead",oe="beforeMain",re="main",ae="afterMain",le="beforeWrite",ce="write",he="afterWrite",de=[ie,ne,se,oe,re,ae,le,ce,he];function ue(t){return t?(t.nodeName||"").toLowerCase():null}function fe(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function pe(t){return t instanceof fe(t).Element||t instanceof Element}function me(t){return t instanceof fe(t).HTMLElement||t instanceof HTMLElement}function ge(t){return"undefined"!=typeof ShadowRoot&&(t instanceof fe(t).ShadowRoot||t instanceof ShadowRoot)}const _e={name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var i=e.styles[t]||{},n=e.attributes[t]||{},s=e.elements[t];me(s)&&ue(s)&&(Object.assign(s.style,i),Object.keys(n).forEach((function(t){var e=n[t];!1===e?s.removeAttribute(t):s.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,i={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,i.popper),e.styles=i,e.elements.arrow&&Object.assign(e.elements.arrow.style,i.arrow),function(){Object.keys(e.elements).forEach((function(t){var n=e.elements[t],s=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:i[t]).reduce((function(t,e){return t[e]="",t}),{});me(n)&&ue(n)&&(Object.assign(n.style,o),Object.keys(s).forEach((function(t){n.removeAttribute(t)})))}))}},requires:["computeStyles"]};function be(t){return t.split("-")[0]}var ve=Math.max,ye=Math.min,we=Math.round;function Ae(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function Ee(){return!/^((?!chrome|android).)*safari/i.test(Ae())}function Te(t,e,i){void 0===e&&(e=!1),void 0===i&&(i=!1);var n=t.getBoundingClientRect(),s=1,o=1;e&&me(t)&&(s=t.offsetWidth>0&&we(n.width)/t.offsetWidth||1,o=t.offsetHeight>0&&we(n.height)/t.offsetHeight||1);var r=(pe(t)?fe(t):window).visualViewport,a=!Ee()&&i,l=(n.left+(a&&r?r.offsetLeft:0))/s,c=(n.top+(a&&r?r.offsetTop:0))/o,h=n.width/s,d=n.height/o;return{width:h,height:d,top:c,right:l+h,bottom:c+d,left:l,x:l,y:c}}function Ce(t){var e=Te(t),i=t.offsetWidth,n=t.offsetHeight;return Math.abs(e.width-i)<=1&&(i=e.width),Math.abs(e.height-n)<=1&&(n=e.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:n}}function Oe(t,e){var i=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(i&&ge(i)){var n=e;do{if(n&&t.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function xe(t){return fe(t).getComputedStyle(t)}function ke(t){return["table","td","th"].indexOf(ue(t))>=0}function Le(t){return((pe(t)?t.ownerDocument:t.document)||window.document).documentElement}function Se(t){return"html"===ue(t)?t:t.assignedSlot||t.parentNode||(ge(t)?t.host:null)||Le(t)}function De(t){return me(t)&&"fixed"!==xe(t).position?t.offsetParent:null}function $e(t){for(var e=fe(t),i=De(t);i&&ke(i)&&"static"===xe(i).position;)i=De(i);return i&&("html"===ue(i)||"body"===ue(i)&&"static"===xe(i).position)?e:i||function(t){var e=/firefox/i.test(Ae());if(/Trident/i.test(Ae())&&me(t)&&"fixed"===xe(t).position)return null;var i=Se(t);for(ge(i)&&(i=i.host);me(i)&&["html","body"].indexOf(ue(i))<0;){var n=xe(i);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||e&&"filter"===n.willChange||e&&n.filter&&"none"!==n.filter)return i;i=i.parentNode}return null}(t)||e}function Ie(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function Ne(t,e,i){return ve(t,ye(e,i))}function Pe(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function je(t,e){return e.reduce((function(e,i){return e[i]=t,e}),{})}const Me={name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,i=t.state,n=t.name,s=t.options,o=i.elements.arrow,r=i.modifiersData.popperOffsets,a=be(i.placement),l=Ie(a),c=[Vt,qt].indexOf(a)>=0?"height":"width";if(o&&r){var h=function(t,e){return Pe("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:je(t,Qt))}(s.padding,i),d=Ce(o),u="y"===l?zt:Vt,f="y"===l?Rt:qt,p=i.rects.reference[c]+i.rects.reference[l]-r[l]-i.rects.popper[c],m=r[l]-i.rects.reference[l],g=$e(o),_=g?"y"===l?g.clientHeight||0:g.clientWidth||0:0,b=p/2-m/2,v=h[u],y=_-d[c]-h[f],w=_/2-d[c]/2+b,A=Ne(v,w,y),E=l;i.modifiersData[n]=((e={})[E]=A,e.centerOffset=A-w,e)}},effect:function(t){var e=t.state,i=t.options.element,n=void 0===i?"[data-popper-arrow]":i;null!=n&&("string"!=typeof n||(n=e.elements.popper.querySelector(n)))&&Oe(e.elements.popper,n)&&(e.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function Fe(t){return t.split("-")[1]}var He={top:"auto",right:"auto",bottom:"auto",left:"auto"};function We(t){var e,i=t.popper,n=t.popperRect,s=t.placement,o=t.variation,r=t.offsets,a=t.position,l=t.gpuAcceleration,c=t.adaptive,h=t.roundOffsets,d=t.isFixed,u=r.x,f=void 0===u?0:u,p=r.y,m=void 0===p?0:p,g="function"==typeof h?h({x:f,y:m}):{x:f,y:m};f=g.x,m=g.y;var _=r.hasOwnProperty("x"),b=r.hasOwnProperty("y"),v=Vt,y=zt,w=window;if(c){var A=$e(i),E="clientHeight",T="clientWidth";A===fe(i)&&"static"!==xe(A=Le(i)).position&&"absolute"===a&&(E="scrollHeight",T="scrollWidth"),(s===zt||(s===Vt||s===qt)&&o===Yt)&&(y=Rt,m-=(d&&A===w&&w.visualViewport?w.visualViewport.height:A[E])-n.height,m*=l?1:-1),s!==Vt&&(s!==zt&&s!==Rt||o!==Yt)||(v=qt,f-=(d&&A===w&&w.visualViewport?w.visualViewport.width:A[T])-n.width,f*=l?1:-1)}var C,O=Object.assign({position:a},c&&He),x=!0===h?function(t,e){var i=t.x,n=t.y,s=e.devicePixelRatio||1;return{x:we(i*s)/s||0,y:we(n*s)/s||0}}({x:f,y:m},fe(i)):{x:f,y:m};return f=x.x,m=x.y,l?Object.assign({},O,((C={})[y]=b?"0":"",C[v]=_?"0":"",C.transform=(w.devicePixelRatio||1)<=1?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",C)):Object.assign({},O,((e={})[y]=b?m+"px":"",e[v]=_?f+"px":"",e.transform="",e))}const Be={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,i=t.options,n=i.gpuAcceleration,s=void 0===n||n,o=i.adaptive,r=void 0===o||o,a=i.roundOffsets,l=void 0===a||a,c={placement:be(e.placement),variation:Fe(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:s,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,We(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:r,roundOffsets:l})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,We(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}};var ze={passive:!0};const Re={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,i=t.instance,n=t.options,s=n.scroll,o=void 0===s||s,r=n.resize,a=void 0===r||r,l=fe(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",i.update,ze)})),a&&l.addEventListener("resize",i.update,ze),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",i.update,ze)})),a&&l.removeEventListener("resize",i.update,ze)}},data:{}};var qe={left:"right",right:"left",bottom:"top",top:"bottom"};function Ve(t){return t.replace(/left|right|bottom|top/g,(function(t){return qe[t]}))}var Ke={start:"end",end:"start"};function Qe(t){return t.replace(/start|end/g,(function(t){return Ke[t]}))}function Xe(t){var e=fe(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Ye(t){return Te(Le(t)).left+Xe(t).scrollLeft}function Ue(t){var e=xe(t),i=e.overflow,n=e.overflowX,s=e.overflowY;return/auto|scroll|overlay|hidden/.test(i+s+n)}function Ge(t){return["html","body","#document"].indexOf(ue(t))>=0?t.ownerDocument.body:me(t)&&Ue(t)?t:Ge(Se(t))}function Je(t,e){var i;void 0===e&&(e=[]);var n=Ge(t),s=n===(null==(i=t.ownerDocument)?void 0:i.body),o=fe(n),r=s?[o].concat(o.visualViewport||[],Ue(n)?n:[]):n,a=e.concat(r);return s?a:a.concat(Je(Se(r)))}function Ze(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ti(t,e,i){return e===Gt?Ze(function(t,e){var i=fe(t),n=Le(t),s=i.visualViewport,o=n.clientWidth,r=n.clientHeight,a=0,l=0;if(s){o=s.width,r=s.height;var c=Ee();(c||!c&&"fixed"===e)&&(a=s.offsetLeft,l=s.offsetTop)}return{width:o,height:r,x:a+Ye(t),y:l}}(t,i)):pe(e)?function(t,e){var i=Te(t,!1,"fixed"===e);return i.top=i.top+t.clientTop,i.left=i.left+t.clientLeft,i.bottom=i.top+t.clientHeight,i.right=i.left+t.clientWidth,i.width=t.clientWidth,i.height=t.clientHeight,i.x=i.left,i.y=i.top,i}(e,i):Ze(function(t){var e,i=Le(t),n=Xe(t),s=null==(e=t.ownerDocument)?void 0:e.body,o=ve(i.scrollWidth,i.clientWidth,s?s.scrollWidth:0,s?s.clientWidth:0),r=ve(i.scrollHeight,i.clientHeight,s?s.scrollHeight:0,s?s.clientHeight:0),a=-n.scrollLeft+Ye(t),l=-n.scrollTop;return"rtl"===xe(s||i).direction&&(a+=ve(i.clientWidth,s?s.clientWidth:0)-o),{width:o,height:r,x:a,y:l}}(Le(t)))}function ei(t){var e,i=t.reference,n=t.element,s=t.placement,o=s?be(s):null,r=s?Fe(s):null,a=i.x+i.width/2-n.width/2,l=i.y+i.height/2-n.height/2;switch(o){case zt:e={x:a,y:i.y-n.height};break;case Rt:e={x:a,y:i.y+i.height};break;case qt:e={x:i.x+i.width,y:l};break;case Vt:e={x:i.x-n.width,y:l};break;default:e={x:i.x,y:i.y}}var c=o?Ie(o):null;if(null!=c){var h="y"===c?"height":"width";switch(r){case Xt:e[c]=e[c]-(i[h]/2-n[h]/2);break;case Yt:e[c]=e[c]+(i[h]/2-n[h]/2)}}return e}function ii(t,e){void 0===e&&(e={});var i=e,n=i.placement,s=void 0===n?t.placement:n,o=i.strategy,r=void 0===o?t.strategy:o,a=i.boundary,l=void 0===a?Ut:a,c=i.rootBoundary,h=void 0===c?Gt:c,d=i.elementContext,u=void 0===d?Jt:d,f=i.altBoundary,p=void 0!==f&&f,m=i.padding,g=void 0===m?0:m,_=Pe("number"!=typeof g?g:je(g,Qt)),b=u===Jt?Zt:Jt,v=t.rects.popper,y=t.elements[p?b:u],w=function(t,e,i,n){var s="clippingParents"===e?function(t){var e=Je(Se(t)),i=["absolute","fixed"].indexOf(xe(t).position)>=0&&me(t)?$e(t):t;return pe(i)?e.filter((function(t){return pe(t)&&Oe(t,i)&&"body"!==ue(t)})):[]}(t):[].concat(e),o=[].concat(s,[i]),r=o[0],a=o.reduce((function(e,i){var s=ti(t,i,n);return e.top=ve(s.top,e.top),e.right=ye(s.right,e.right),e.bottom=ye(s.bottom,e.bottom),e.left=ve(s.left,e.left),e}),ti(t,r,n));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(pe(y)?y:y.contextElement||Le(t.elements.popper),l,h,r),A=Te(t.elements.reference),E=ei({reference:A,element:v,strategy:"absolute",placement:s}),T=Ze(Object.assign({},v,E)),C=u===Jt?T:A,O={top:w.top-C.top+_.top,bottom:C.bottom-w.bottom+_.bottom,left:w.left-C.left+_.left,right:C.right-w.right+_.right},x=t.modifiersData.offset;if(u===Jt&&x){var k=x[s];Object.keys(O).forEach((function(t){var e=[qt,Rt].indexOf(t)>=0?1:-1,i=[zt,Rt].indexOf(t)>=0?"y":"x";O[t]+=k[i]*e}))}return O}function ni(t,e){void 0===e&&(e={});var i=e,n=i.placement,s=i.boundary,o=i.rootBoundary,r=i.padding,a=i.flipVariations,l=i.allowedAutoPlacements,c=void 0===l?ee:l,h=Fe(n),d=h?a?te:te.filter((function(t){return Fe(t)===h})):Qt,u=d.filter((function(t){return c.indexOf(t)>=0}));0===u.length&&(u=d);var f=u.reduce((function(e,i){return e[i]=ii(t,{placement:i,boundary:s,rootBoundary:o,padding:r})[be(i)],e}),{});return Object.keys(f).sort((function(t,e){return f[t]-f[e]}))}const si={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name;if(!e.modifiersData[n]._skip){for(var s=i.mainAxis,o=void 0===s||s,r=i.altAxis,a=void 0===r||r,l=i.fallbackPlacements,c=i.padding,h=i.boundary,d=i.rootBoundary,u=i.altBoundary,f=i.flipVariations,p=void 0===f||f,m=i.allowedAutoPlacements,g=e.options.placement,_=be(g),b=l||(_!==g&&p?function(t){if(be(t)===Kt)return[];var e=Ve(t);return[Qe(t),e,Qe(e)]}(g):[Ve(g)]),v=[g].concat(b).reduce((function(t,i){return t.concat(be(i)===Kt?ni(e,{placement:i,boundary:h,rootBoundary:d,padding:c,flipVariations:p,allowedAutoPlacements:m}):i)}),[]),y=e.rects.reference,w=e.rects.popper,A=new Map,E=!0,T=v[0],C=0;C<v.length;C++){var O=v[C],x=be(O),k=Fe(O)===Xt,L=[zt,Rt].indexOf(x)>=0,S=L?"width":"height",D=ii(e,{placement:O,boundary:h,rootBoundary:d,altBoundary:u,padding:c}),$=L?k?qt:Vt:k?Rt:zt;y[S]>w[S]&&($=Ve($));var I=Ve($),N=[];if(o&&N.push(D[x]<=0),a&&N.push(D[$]<=0,D[I]<=0),N.every((function(t){return t}))){T=O,E=!1;break}A.set(O,N)}if(E)for(var P=function(t){var e=v.find((function(e){var i=A.get(e);if(i)return i.slice(0,t).every((function(t){return t}))}));if(e)return T=e,"break"},j=p?3:1;j>0&&"break"!==P(j);j--);e.placement!==T&&(e.modifiersData[n]._skip=!0,e.placement=T,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function oi(t,e,i){return void 0===i&&(i={x:0,y:0}),{top:t.top-e.height-i.y,right:t.right-e.width+i.x,bottom:t.bottom-e.height+i.y,left:t.left-e.width-i.x}}function ri(t){return[zt,qt,Rt,Vt].some((function(e){return t[e]>=0}))}const ai={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,i=t.name,n=e.rects.reference,s=e.rects.popper,o=e.modifiersData.preventOverflow,r=ii(e,{elementContext:"reference"}),a=ii(e,{altBoundary:!0}),l=oi(r,n),c=oi(a,s,o),h=ri(l),d=ri(c);e.modifiersData[i]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:h,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":h,"data-popper-escaped":d})}},li={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,i=t.options,n=t.name,s=i.offset,o=void 0===s?[0,0]:s,r=ee.reduce((function(t,i){return t[i]=function(t,e,i){var n=be(t),s=[Vt,zt].indexOf(n)>=0?-1:1,o="function"==typeof i?i(Object.assign({},e,{placement:t})):i,r=o[0],a=o[1];return r=r||0,a=(a||0)*s,[Vt,qt].indexOf(n)>=0?{x:a,y:r}:{x:r,y:a}}(i,e.rects,o),t}),{}),a=r[e.placement],l=a.x,c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=l,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=r}},ci={name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state,i=t.name;e.modifiersData[i]=ei({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},hi={name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,i=t.options,n=t.name,s=i.mainAxis,o=void 0===s||s,r=i.altAxis,a=void 0!==r&&r,l=i.boundary,c=i.rootBoundary,h=i.altBoundary,d=i.padding,u=i.tether,f=void 0===u||u,p=i.tetherOffset,m=void 0===p?0:p,g=ii(e,{boundary:l,rootBoundary:c,padding:d,altBoundary:h}),_=be(e.placement),b=Fe(e.placement),v=!b,y=Ie(_),w="x"===y?"y":"x",A=e.modifiersData.popperOffsets,E=e.rects.reference,T=e.rects.popper,C="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,O="number"==typeof C?{mainAxis:C,altAxis:C}:Object.assign({mainAxis:0,altAxis:0},C),x=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,k={x:0,y:0};if(A){if(o){var L,S="y"===y?zt:Vt,D="y"===y?Rt:qt,$="y"===y?"height":"width",I=A[y],N=I+g[S],P=I-g[D],j=f?-T[$]/2:0,M=b===Xt?E[$]:T[$],F=b===Xt?-T[$]:-E[$],H=e.elements.arrow,W=f&&H?Ce(H):{width:0,height:0},B=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},z=B[S],R=B[D],q=Ne(0,E[$],W[$]),V=v?E[$]/2-j-q-z-O.mainAxis:M-q-z-O.mainAxis,K=v?-E[$]/2+j+q+R+O.mainAxis:F+q+R+O.mainAxis,Q=e.elements.arrow&&$e(e.elements.arrow),X=Q?"y"===y?Q.clientTop||0:Q.clientLeft||0:0,Y=null!=(L=null==x?void 0:x[y])?L:0,U=I+K-Y,G=Ne(f?ye(N,I+V-Y-X):N,I,f?ve(P,U):P);A[y]=G,k[y]=G-I}if(a){var J,Z="x"===y?zt:Vt,tt="x"===y?Rt:qt,et=A[w],it="y"===w?"height":"width",nt=et+g[Z],st=et-g[tt],ot=-1!==[zt,Vt].indexOf(_),rt=null!=(J=null==x?void 0:x[w])?J:0,at=ot?nt:et-E[it]-T[it]-rt+O.altAxis,lt=ot?et+E[it]+T[it]-rt-O.altAxis:st,ct=f&&ot?function(t,e,i){var n=Ne(t,e,i);return n>i?i:n}(at,et,lt):Ne(f?at:nt,et,f?lt:st);A[w]=ct,k[w]=ct-et}e.modifiersData[n]=k}},requiresIfExists:["offset"]};function di(t,e,i){void 0===i&&(i=!1);var n,s,o=me(e),r=me(e)&&function(t){var e=t.getBoundingClientRect(),i=we(e.width)/t.offsetWidth||1,n=we(e.height)/t.offsetHeight||1;return 1!==i||1!==n}(e),a=Le(e),l=Te(t,r,i),c={scrollLeft:0,scrollTop:0},h={x:0,y:0};return(o||!o&&!i)&&(("body"!==ue(e)||Ue(a))&&(c=(n=e)!==fe(n)&&me(n)?{scrollLeft:(s=n).scrollLeft,scrollTop:s.scrollTop}:Xe(n)),me(e)?((h=Te(e,!0)).x+=e.clientLeft,h.y+=e.clientTop):a&&(h.x=Ye(a))),{x:l.left+c.scrollLeft-h.x,y:l.top+c.scrollTop-h.y,width:l.width,height:l.height}}function ui(t){var e=new Map,i=new Set,n=[];function s(t){i.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!i.has(t)){var n=e.get(t);n&&s(n)}})),n.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){i.has(t.name)||s(t)})),n}var fi={placement:"bottom",modifiers:[],strategy:"absolute"};function pi(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function mi(t){void 0===t&&(t={});var e=t,i=e.defaultModifiers,n=void 0===i?[]:i,s=e.defaultOptions,o=void 0===s?fi:s;return function(t,e,i){void 0===i&&(i=o);var s,r,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},fi,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},l=[],c=!1,h={state:a,setOptions:function(i){var s="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,s),a.scrollParents={reference:pe(t)?Je(t):t.contextElement?Je(t.contextElement):[],popper:Je(e)};var r,c,u=function(t){var e=ui(t);return de.reduce((function(t,i){return t.concat(e.filter((function(t){return t.phase===i})))}),[])}((r=[].concat(n,a.options.modifiers),c=r.reduce((function(t,e){var i=t[e.name];return t[e.name]=i?Object.assign({},i,e,{options:Object.assign({},i.options,e.options),data:Object.assign({},i.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return a.orderedModifiers=u.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.name,i=t.options,n=void 0===i?{}:i,s=t.effect;if("function"==typeof s){var o=s({state:a,name:e,instance:h,options:n});l.push(o||function(){})}})),h.update()},forceUpdate:function(){if(!c){var t=a.elements,e=t.reference,i=t.popper;if(pi(e,i)){a.rects={reference:di(e,$e(i),"fixed"===a.options.strategy),popper:Ce(i)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var n=0;n<a.orderedModifiers.length;n++)if(!0!==a.reset){var s=a.orderedModifiers[n],o=s.fn,r=s.options,l=void 0===r?{}:r,d=s.name;"function"==typeof o&&(a=o({state:a,options:l,name:d,instance:h})||a)}else a.reset=!1,n=-1}}},update:(s=function(){return new Promise((function(t){h.forceUpdate(),t(a)}))},function(){return r||(r=new Promise((function(t){Promise.resolve().then((function(){r=void 0,t(s())}))}))),r}),destroy:function(){d(),c=!0}};if(!pi(t,e))return h;function d(){l.forEach((function(t){return t()})),l=[]}return h.setOptions(i).then((function(t){!c&&i.onFirstUpdate&&i.onFirstUpdate(t)})),h}}var gi=mi(),_i=mi({defaultModifiers:[Re,ci,Be,_e]}),bi=mi({defaultModifiers:[Re,ci,Be,_e,li,si,hi,Me,ai]});const vi=Object.freeze(Object.defineProperty({__proto__:null,afterMain:ae,afterRead:se,afterWrite:he,applyStyles:_e,arrow:Me,auto:Kt,basePlacements:Qt,beforeMain:oe,beforeRead:ie,beforeWrite:le,bottom:Rt,clippingParents:Ut,computeStyles:Be,createPopper:bi,createPopperBase:gi,createPopperLite:_i,detectOverflow:ii,end:Yt,eventListeners:Re,flip:si,hide:ai,left:Vt,main:re,modifierPhases:de,offset:li,placements:ee,popper:Jt,popperGenerator:mi,popperOffsets:ci,preventOverflow:hi,read:ne,reference:Zt,right:qt,start:Xt,top:zt,variationPlacements:te,viewport:Gt,write:ce},Symbol.toStringTag,{value:"Module"})),yi="dropdown",wi=".bs.dropdown",Ai=".data-api",Ei="ArrowUp",Ti="ArrowDown",Ci=`hide${wi}`,Oi=`hidden${wi}`,xi=`show${wi}`,ki=`shown${wi}`,Li=`click${wi}${Ai}`,Si=`keydown${wi}${Ai}`,Di=`keyup${wi}${Ai}`,$i="show",Ii='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',Ni=`${Ii}.${$i}`,Pi=".dropdown-menu",ji=p()?"top-end":"top-start",Mi=p()?"top-start":"top-end",Fi=p()?"bottom-end":"bottom-start",Hi=p()?"bottom-start":"bottom-end",Wi=p()?"left-start":"right-start",Bi=p()?"right-start":"left-start",zi={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},Ri={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"};class qi extends W{constructor(t,e){super(t,e),this._popper=null,this._parent=this._element.parentNode,this._menu=z.next(this._element,Pi)[0]||z.prev(this._element,Pi)[0]||z.findOne(Pi,this._parent),this._inNavbar=this._detectNavbar()}static get Default(){return zi}static get DefaultType(){return Ri}static get NAME(){return yi}toggle(){return this._isShown()?this.hide():this.show()}show(){if(l(this._element)||this._isShown())return;const t={relatedTarget:this._element};if(!N.trigger(this._element,xi,t).defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(".navbar-nav"))for(const t of[].concat(...document.body.children))N.on(t,"mouseover",h);this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add($i),this._element.classList.add($i),N.trigger(this._element,ki,t)}}hide(){if(l(this._element)||!this._isShown())return;const t={relatedTarget:this._element};this._completeHide(t)}dispose(){this._popper&&this._popper.destroy(),super.dispose()}update(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}_completeHide(t){if(!N.trigger(this._element,Ci,t).defaultPrevented){if("ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))N.off(t,"mouseover",h);this._popper&&this._popper.destroy(),this._menu.classList.remove($i),this._element.classList.remove($i),this._element.setAttribute("aria-expanded","false"),F.removeDataAttribute(this._menu,"popper"),N.trigger(this._element,Oi,t)}}_getConfig(t){if("object"==typeof(t=super._getConfig(t)).reference&&!o(t.reference)&&"function"!=typeof t.reference.getBoundingClientRect)throw new TypeError(`${yi.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);return t}_createPopper(){if(void 0===vi)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org)");let t=this._element;"parent"===this._config.reference?t=this._parent:o(this._config.reference)?t=r(this._config.reference):"object"==typeof this._config.reference&&(t=this._config.reference);const e=this._getPopperConfig();this._popper=bi(t,this._menu,e)}_isShown(){return this._menu.classList.contains($i)}_getPlacement(){const t=this._parent;if(t.classList.contains("dropend"))return Wi;if(t.classList.contains("dropstart"))return Bi;if(t.classList.contains("dropup-center"))return"top";if(t.classList.contains("dropdown-center"))return"bottom";const e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim();return t.classList.contains("dropup")?e?Mi:ji:e?Hi:Fi}_detectNavbar(){return null!==this._element.closest(".navbar")}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_getPopperConfig(){const t={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return(this._inNavbar||"static"===this._config.display)&&(F.setDataAttribute(this._menu,"popper","static"),t.modifiers=[{name:"applyStyles",enabled:!1}]),{...t,...g(this._config.popperConfig,[t])}}_selectMenuItem({key:t,target:e}){const i=z.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter((t=>a(t)));i.length&&b(i,e,t===Ti,!i.includes(e)).focus()}static jQueryInterface(t){return this.each((function(){const e=qi.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}static clearMenus(t){if(2===t.button||"keyup"===t.type&&"Tab"!==t.key)return;const e=z.find(Ni);for(const i of e){const e=qi.getInstance(i);if(!e||!1===e._config.autoClose)continue;const n=t.composedPath(),s=n.includes(e._menu);if(n.includes(e._element)||"inside"===e._config.autoClose&&!s||"outside"===e._config.autoClose&&s)continue;if(e._menu.contains(t.target)&&("keyup"===t.type&&"Tab"===t.key||/input|select|option|textarea|form/i.test(t.target.tagName)))continue;const o={relatedTarget:e._element};"click"===t.type&&(o.clickEvent=t),e._completeHide(o)}}static dataApiKeydownHandler(t){const e=/input|textarea/i.test(t.target.tagName),i="Escape"===t.key,n=[Ei,Ti].includes(t.key);if(!n&&!i)return;if(e&&!i)return;t.preventDefault();const s=this.matches(Ii)?this:z.prev(this,Ii)[0]||z.next(this,Ii)[0]||z.findOne(Ii,t.delegateTarget.parentNode),o=qi.getOrCreateInstance(s);if(n)return t.stopPropagation(),o.show(),void o._selectMenuItem(t);o._isShown()&&(t.stopPropagation(),o.hide(),s.focus())}}N.on(document,Si,Ii,qi.dataApiKeydownHandler),N.on(document,Si,Pi,qi.dataApiKeydownHandler),N.on(document,Li,qi.clearMenus),N.on(document,Di,qi.clearMenus),N.on(document,Li,Ii,(function(t){t.preventDefault(),qi.getOrCreateInstance(this).toggle()})),m(qi);const Vi="backdrop",Ki="show",Qi=`mousedown.bs.${Vi}`,Xi={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},Yi={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"};class Ui extends H{constructor(t){super(),this._config=this._getConfig(t),this._isAppended=!1,this._element=null}static get Default(){return Xi}static get DefaultType(){return Yi}static get NAME(){return Vi}show(t){if(!this._config.isVisible)return void g(t);this._append();const e=this._getElement();this._config.isAnimated&&d(e),e.classList.add(Ki),this._emulateAnimation((()=>{g(t)}))}hide(t){this._config.isVisible?(this._getElement().classList.remove(Ki),this._emulateAnimation((()=>{this.dispose(),g(t)}))):g(t)}dispose(){this._isAppended&&(N.off(this._element,Qi),this._element.remove(),this._isAppended=!1)}_getElement(){if(!this._element){const t=document.createElement("div");t.className=this._config.className,this._config.isAnimated&&t.classList.add("fade"),this._element=t}return this._element}_configAfterMerge(t){return t.rootElement=r(t.rootElement),t}_append(){if(this._isAppended)return;const t=this._getElement();this._config.rootElement.append(t),N.on(t,Qi,(()=>{g(this._config.clickCallback)})),this._isAppended=!0}_emulateAnimation(t){_(t,this._getElement(),this._config.isAnimated)}}const Gi=".bs.focustrap",Ji=`focusin${Gi}`,Zi=`keydown.tab${Gi}`,tn="backward",en={autofocus:!0,trapElement:null},nn={autofocus:"boolean",trapElement:"element"};class sn extends H{constructor(t){super(),this._config=this._getConfig(t),this._isActive=!1,this._lastTabNavDirection=null}static get Default(){return en}static get DefaultType(){return nn}static get NAME(){return"focustrap"}activate(){this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),N.off(document,Gi),N.on(document,Ji,(t=>this._handleFocusin(t))),N.on(document,Zi,(t=>this._handleKeydown(t))),this._isActive=!0)}deactivate(){this._isActive&&(this._isActive=!1,N.off(document,Gi))}_handleFocusin(t){const{trapElement:e}=this._config;if(t.target===document||t.target===e||e.contains(t.target))return;const i=z.focusableChildren(e);0===i.length?e.focus():this._lastTabNavDirection===tn?i[i.length-1].focus():i[0].focus()}_handleKeydown(t){"Tab"===t.key&&(this._lastTabNavDirection=t.shiftKey?tn:"forward")}}const on=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",rn=".sticky-top",an="padding-right",ln="margin-right";class cn{constructor(){this._element=document.body}getWidth(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}hide(){const t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,an,(e=>e+t)),this._setElementAttributes(on,an,(e=>e+t)),this._setElementAttributes(rn,ln,(e=>e-t))}reset(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,an),this._resetElementAttributes(on,an),this._resetElementAttributes(rn,ln)}isOverflowing(){return this.getWidth()>0}_disableOverFlow(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}_setElementAttributes(t,e,i){const n=this.getWidth();this._applyManipulationCallback(t,(t=>{if(t!==this._element&&window.innerWidth>t.clientWidth+n)return;this._saveInitialAttribute(t,e);const s=window.getComputedStyle(t).getPropertyValue(e);t.style.setProperty(e,`${i(Number.parseFloat(s))}px`)}))}_saveInitialAttribute(t,e){const i=t.style.getPropertyValue(e);i&&F.setDataAttribute(t,e,i)}_resetElementAttributes(t,e){this._applyManipulationCallback(t,(t=>{const i=F.getDataAttribute(t,e);null!==i?(F.removeDataAttribute(t,e),t.style.setProperty(e,i)):t.style.removeProperty(e)}))}_applyManipulationCallback(t,e){if(o(t))e(t);else for(const i of z.find(t,this._element))e(i)}}const hn=".bs.modal",dn=`hide${hn}`,un=`hidePrevented${hn}`,fn=`hidden${hn}`,pn=`show${hn}`,mn=`shown${hn}`,gn=`resize${hn}`,_n=`click.dismiss${hn}`,bn=`mousedown.dismiss${hn}`,vn=`keydown.dismiss${hn}`,yn=`click${hn}.data-api`,wn="modal-open",An="show",En="modal-static",Tn={backdrop:!0,focus:!0,keyboard:!0},Cn={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"};class On extends W{constructor(t,e){super(t,e),this._dialog=z.findOne(".modal-dialog",this._element),this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._isShown=!1,this._isTransitioning=!1,this._scrollBar=new cn,this._addEventListeners()}static get Default(){return Tn}static get DefaultType(){return Cn}static get NAME(){return"modal"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||this._isTransitioning||N.trigger(this._element,pn,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(wn),this._adjustDialog(),this._backdrop.show((()=>this._showElement(t))))}hide(){this._isShown&&!this._isTransitioning&&(N.trigger(this._element,dn).defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove(An),this._queueCallback((()=>this._hideModal()),this._element,this._isAnimated())))}dispose(){N.off(window,hn),N.off(this._dialog,hn),this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}handleUpdate(){this._adjustDialog()}_initializeBackDrop(){return new Ui({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}_initializeFocusTrap(){return new sn({trapElement:this._element})}_showElement(t){document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0;const e=z.findOne(".modal-body",this._dialog);e&&(e.scrollTop=0),d(this._element),this._element.classList.add(An),this._queueCallback((()=>{this._config.focus&&this._focustrap.activate(),this._isTransitioning=!1,N.trigger(this._element,mn,{relatedTarget:t})}),this._dialog,this._isAnimated())}_addEventListeners(){N.on(this._element,vn,(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():this._triggerBackdropTransition())})),N.on(window,gn,(()=>{this._isShown&&!this._isTransitioning&&this._adjustDialog()})),N.on(this._element,bn,(t=>{N.one(this._element,_n,(e=>{this._element===t.target&&this._element===e.target&&("static"!==this._config.backdrop?this._config.backdrop&&this.hide():this._triggerBackdropTransition())}))}))}_hideModal(){this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide((()=>{document.body.classList.remove(wn),this._resetAdjustments(),this._scrollBar.reset(),N.trigger(this._element,fn)}))}_isAnimated(){return this._element.classList.contains("fade")}_triggerBackdropTransition(){if(N.trigger(this._element,un).defaultPrevented)return;const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._element.style.overflowY;"hidden"===e||this._element.classList.contains(En)||(t||(this._element.style.overflowY="hidden"),this._element.classList.add(En),this._queueCallback((()=>{this._element.classList.remove(En),this._queueCallback((()=>{this._element.style.overflowY=e}),this._dialog)}),this._dialog),this._element.focus())}_adjustDialog(){const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._scrollBar.getWidth(),i=e>0;if(i&&!t){const t=p()?"paddingLeft":"paddingRight";this._element.style[t]=`${e}px`}if(!i&&t){const t=p()?"paddingRight":"paddingLeft";this._element.style[t]=`${e}px`}}_resetAdjustments(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}static jQueryInterface(t,e){return this.each((function(){const i=On.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t](e)}}))}}N.on(document,yn,'[data-bs-toggle="modal"]',(function(t){const e=z.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&t.preventDefault(),N.one(e,pn,(t=>{t.defaultPrevented||N.one(e,fn,(()=>{a(this)&&this.focus()}))}));const i=z.findOne(".modal.show");i&&On.getInstance(i).hide(),On.getOrCreateInstance(e).toggle(this)})),R(On),m(On);const xn=".bs.offcanvas",kn=".data-api",Ln=`load${xn}${kn}`,Sn="show",Dn="showing",$n="hiding",In=".offcanvas.show",Nn=`show${xn}`,Pn=`shown${xn}`,jn=`hide${xn}`,Mn=`hidePrevented${xn}`,Fn=`hidden${xn}`,Hn=`resize${xn}`,Wn=`click${xn}${kn}`,Bn=`keydown.dismiss${xn}`,zn={backdrop:!0,keyboard:!0,scroll:!1},Rn={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"};class qn extends W{constructor(t,e){super(t,e),this._isShown=!1,this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._addEventListeners()}static get Default(){return zn}static get DefaultType(){return Rn}static get NAME(){return"offcanvas"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||N.trigger(this._element,Nn,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._backdrop.show(),this._config.scroll||(new cn).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(Dn),this._queueCallback((()=>{this._config.scroll&&!this._config.backdrop||this._focustrap.activate(),this._element.classList.add(Sn),this._element.classList.remove(Dn),N.trigger(this._element,Pn,{relatedTarget:t})}),this._element,!0))}hide(){this._isShown&&(N.trigger(this._element,jn).defaultPrevented||(this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add($n),this._backdrop.hide(),this._queueCallback((()=>{this._element.classList.remove(Sn,$n),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._config.scroll||(new cn).reset(),N.trigger(this._element,Fn)}),this._element,!0)))}dispose(){this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}_initializeBackDrop(){const t=Boolean(this._config.backdrop);return new Ui({className:"offcanvas-backdrop",isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?()=>{"static"!==this._config.backdrop?this.hide():N.trigger(this._element,Mn)}:null})}_initializeFocusTrap(){return new sn({trapElement:this._element})}_addEventListeners(){N.on(this._element,Bn,(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():N.trigger(this._element,Mn))}))}static jQueryInterface(t){return this.each((function(){const e=qn.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}N.on(document,Wn,'[data-bs-toggle="offcanvas"]',(function(t){const e=z.getElementFromSelector(this);if(["A","AREA"].includes(this.tagName)&&t.preventDefault(),l(this))return;N.one(e,Fn,(()=>{a(this)&&this.focus()}));const i=z.findOne(In);i&&i!==e&&qn.getInstance(i).hide(),qn.getOrCreateInstance(e).toggle(this)})),N.on(window,Ln,(()=>{for(const t of z.find(In))qn.getOrCreateInstance(t).show()})),N.on(window,Hn,(()=>{for(const t of z.find("[aria-modal][class*=show][class*=offcanvas-]"))"fixed"!==getComputedStyle(t).position&&qn.getOrCreateInstance(t).hide()})),R(qn),m(qn);const Vn={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],dd:[],div:[],dl:[],dt:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},Kn=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),Qn=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i,Xn=(t,e)=>{const i=t.nodeName.toLowerCase();return e.includes(i)?!Kn.has(i)||Boolean(Qn.test(t.nodeValue)):e.filter((t=>t instanceof RegExp)).some((t=>t.test(i)))},Yn={allowList:Vn,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"<div></div>"},Un={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},Gn={entry:"(string|element|function|null)",selector:"(string|element)"};class Jn extends H{constructor(t){super(),this._config=this._getConfig(t)}static get Default(){return Yn}static get DefaultType(){return Un}static get NAME(){return"TemplateFactory"}getContent(){return Object.values(this._config.content).map((t=>this._resolvePossibleFunction(t))).filter(Boolean)}hasContent(){return this.getContent().length>0}changeContent(t){return this._checkContent(t),this._config.content={...this._config.content,...t},this}toHtml(){const t=document.createElement("div");t.innerHTML=this._maybeSanitize(this._config.template);for(const[e,i]of Object.entries(this._config.content))this._setContent(t,i,e);const e=t.children[0],i=this._resolvePossibleFunction(this._config.extraClass);return i&&e.classList.add(...i.split(" ")),e}_typeCheckConfig(t){super._typeCheckConfig(t),this._checkContent(t.content)}_checkContent(t){for(const[e,i]of Object.entries(t))super._typeCheckConfig({selector:e,entry:i},Gn)}_setContent(t,e,i){const n=z.findOne(i,t);n&&((e=this._resolvePossibleFunction(e))?o(e)?this._putElementInTemplate(r(e),n):this._config.html?n.innerHTML=this._maybeSanitize(e):n.textContent=e:n.remove())}_maybeSanitize(t){return this._config.sanitize?function(t,e,i){if(!t.length)return t;if(i&&"function"==typeof i)return i(t);const n=(new window.DOMParser).parseFromString(t,"text/html"),s=[].concat(...n.body.querySelectorAll("*"));for(const t of s){const i=t.nodeName.toLowerCase();if(!Object.keys(e).includes(i)){t.remove();continue}const n=[].concat(...t.attributes),s=[].concat(e["*"]||[],e[i]||[]);for(const e of n)Xn(e,s)||t.removeAttribute(e.nodeName)}return n.body.innerHTML}(t,this._config.allowList,this._config.sanitizeFn):t}_resolvePossibleFunction(t){return g(t,[this])}_putElementInTemplate(t,e){if(this._config.html)return e.innerHTML="",void e.append(t);e.textContent=t.textContent}}const Zn=new Set(["sanitize","allowList","sanitizeFn"]),ts="fade",es="show",is=".modal",ns="hide.bs.modal",ss="hover",os="focus",rs={AUTO:"auto",TOP:"top",RIGHT:p()?"left":"right",BOTTOM:"bottom",LEFT:p()?"right":"left"},as={allowList:Vn,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,6],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',title:"",trigger:"hover focus"},ls={allowList:"object",animation:"boolean",boundary:"(string|element)",container:"(string|element|boolean)",customClass:"(string|function)",delay:"(number|object)",fallbackPlacements:"array",html:"boolean",offset:"(array|string|function)",placement:"(string|function)",popperConfig:"(null|object|function)",sanitize:"boolean",sanitizeFn:"(null|function)",selector:"(string|boolean)",template:"string",title:"(string|element|function)",trigger:"string"};class cs extends W{constructor(t,e){if(void 0===vi)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");super(t,e),this._isEnabled=!0,this._timeout=0,this._isHovered=null,this._activeTrigger={},this._popper=null,this._templateFactory=null,this._newContent=null,this.tip=null,this._setListeners(),this._config.selector||this._fixTitle()}static get Default(){return as}static get DefaultType(){return ls}static get NAME(){return"tooltip"}enable(){this._isEnabled=!0}disable(){this._isEnabled=!1}toggleEnabled(){this._isEnabled=!this._isEnabled}toggle(){this._isEnabled&&(this._activeTrigger.click=!this._activeTrigger.click,this._isShown()?this._leave():this._enter())}dispose(){clearTimeout(this._timeout),N.off(this._element.closest(is),ns,this._hideModalHandler),this._element.getAttribute("data-bs-original-title")&&this._element.setAttribute("title",this._element.getAttribute("data-bs-original-title")),this._disposePopper(),super.dispose()}show(){if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(!this._isWithContent()||!this._isEnabled)return;const t=N.trigger(this._element,this.constructor.eventName("show")),e=(c(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(t.defaultPrevented||!e)return;this._disposePopper();const i=this._getTipElement();this._element.setAttribute("aria-describedby",i.getAttribute("id"));const{container:n}=this._config;if(this._element.ownerDocument.documentElement.contains(this.tip)||(n.append(i),N.trigger(this._element,this.constructor.eventName("inserted"))),this._popper=this._createPopper(i),i.classList.add(es),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))N.on(t,"mouseover",h);this._queueCallback((()=>{N.trigger(this._element,this.constructor.eventName("shown")),!1===this._isHovered&&this._leave(),this._isHovered=!1}),this.tip,this._isAnimated())}hide(){if(this._isShown()&&!N.trigger(this._element,this.constructor.eventName("hide")).defaultPrevented){if(this._getTipElement().classList.remove(es),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))N.off(t,"mouseover",h);this._activeTrigger.click=!1,this._activeTrigger[os]=!1,this._activeTrigger[ss]=!1,this._isHovered=null,this._queueCallback((()=>{this._isWithActiveTrigger()||(this._isHovered||this._disposePopper(),this._element.removeAttribute("aria-describedby"),N.trigger(this._element,this.constructor.eventName("hidden")))}),this.tip,this._isAnimated())}}update(){this._popper&&this._popper.update()}_isWithContent(){return Boolean(this._getTitle())}_getTipElement(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}_createTipElement(t){const e=this._getTemplateFactory(t).toHtml();if(!e)return null;e.classList.remove(ts,es),e.classList.add(`bs-${this.constructor.NAME}-auto`);const i=(t=>{do{t+=Math.floor(1e6*Math.random())}while(document.getElementById(t));return t})(this.constructor.NAME).toString();return e.setAttribute("id",i),this._isAnimated()&&e.classList.add(ts),e}setContent(t){this._newContent=t,this._isShown()&&(this._disposePopper(),this.show())}_getTemplateFactory(t){return this._templateFactory?this._templateFactory.changeContent(t):this._templateFactory=new Jn({...this._config,content:t,extraClass:this._resolvePossibleFunction(this._config.customClass)}),this._templateFactory}_getContentForTemplate(){return{".tooltip-inner":this._getTitle()}}_getTitle(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}_initializeOnDelegatedTarget(t){return this.constructor.getOrCreateInstance(t.delegateTarget,this._getDelegateConfig())}_isAnimated(){return this._config.animation||this.tip&&this.tip.classList.contains(ts)}_isShown(){return this.tip&&this.tip.classList.contains(es)}_createPopper(t){const e=g(this._config.placement,[this,t,this._element]),i=rs[e.toUpperCase()];return bi(this._element,t,this._getPopperConfig(i))}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_resolvePossibleFunction(t){return g(t,[this._element])}_getPopperConfig(t){const e={placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:`.${this.constructor.NAME}-arrow`}},{name:"preSetPlacement",enabled:!0,phase:"beforeMain",fn:t=>{this._getTipElement().setAttribute("data-popper-placement",t.state.placement)}}]};return{...e,...g(this._config.popperConfig,[e])}}_setListeners(){const t=this._config.trigger.split(" ");for(const e of t)if("click"===e)N.on(this._element,this.constructor.eventName("click"),this._config.selector,(t=>{this._initializeOnDelegatedTarget(t).toggle()}));else if("manual"!==e){const t=e===ss?this.constructor.eventName("mouseenter"):this.constructor.eventName("focusin"),i=e===ss?this.constructor.eventName("mouseleave"):this.constructor.eventName("focusout");N.on(this._element,t,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusin"===t.type?os:ss]=!0,e._enter()})),N.on(this._element,i,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusout"===t.type?os:ss]=e._element.contains(t.relatedTarget),e._leave()}))}this._hideModalHandler=()=>{this._element&&this.hide()},N.on(this._element.closest(is),ns,this._hideModalHandler)}_fixTitle(){const t=this._element.getAttribute("title");t&&(this._element.getAttribute("aria-label")||this._element.textContent.trim()||this._element.setAttribute("aria-label",t),this._element.setAttribute("data-bs-original-title",t),this._element.removeAttribute("title"))}_enter(){this._isShown()||this._isHovered?this._isHovered=!0:(this._isHovered=!0,this._setTimeout((()=>{this._isHovered&&this.show()}),this._config.delay.show))}_leave(){this._isWithActiveTrigger()||(this._isHovered=!1,this._setTimeout((()=>{this._isHovered||this.hide()}),this._config.delay.hide))}_setTimeout(t,e){clearTimeout(this._timeout),this._timeout=setTimeout(t,e)}_isWithActiveTrigger(){return Object.values(this._activeTrigger).includes(!0)}_getConfig(t){const e=F.getDataAttributes(this._element);for(const t of Object.keys(e))Zn.has(t)&&delete e[t];return t={...e,..."object"==typeof t&&t?t:{}},t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t.container=!1===t.container?document.body:r(t.container),"number"==typeof t.delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),t}_getDelegateConfig(){const t={};for(const[e,i]of Object.entries(this._config))this.constructor.Default[e]!==i&&(t[e]=i);return t.selector=!1,t.trigger="manual",t}_disposePopper(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}static jQueryInterface(t){return this.each((function(){const e=cs.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}m(cs);const hs={...cs.Default,content:"",offset:[0,8],placement:"right",template:'<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',trigger:"click"},ds={...cs.DefaultType,content:"(null|string|element|function)"};class us extends cs{static get Default(){return hs}static get DefaultType(){return ds}static get NAME(){return"popover"}_isWithContent(){return this._getTitle()||this._getContent()}_getContentForTemplate(){return{".popover-header":this._getTitle(),".popover-body":this._getContent()}}_getContent(){return this._resolvePossibleFunction(this._config.content)}static jQueryInterface(t){return this.each((function(){const e=us.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}m(us);const fs=".bs.scrollspy",ps=`activate${fs}`,ms=`click${fs}`,gs=`load${fs}.data-api`,_s="active",bs="[href]",vs=".nav-link",ys=`${vs}, .nav-item > ${vs}, .list-group-item`,ws={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},As={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"};class Es extends W{constructor(t,e){super(t,e),this._targetLinks=new Map,this._observableSections=new Map,this._rootElement="visible"===getComputedStyle(this._element).overflowY?null:this._element,this._activeTarget=null,this._observer=null,this._previousScrollData={visibleEntryTop:0,parentScrollTop:0},this.refresh()}static get Default(){return ws}static get DefaultType(){return As}static get NAME(){return"scrollspy"}refresh(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();for(const t of this._observableSections.values())this._observer.observe(t)}dispose(){this._observer.disconnect(),super.dispose()}_configAfterMerge(t){return t.target=r(t.target)||document.body,t.rootMargin=t.offset?`${t.offset}px 0px -30%`:t.rootMargin,"string"==typeof t.threshold&&(t.threshold=t.threshold.split(",").map((t=>Number.parseFloat(t)))),t}_maybeEnableSmoothScroll(){this._config.smoothScroll&&(N.off(this._config.target,ms),N.on(this._config.target,ms,bs,(t=>{const e=this._observableSections.get(t.target.hash);if(e){t.preventDefault();const i=this._rootElement||window,n=e.offsetTop-this._element.offsetTop;if(i.scrollTo)return void i.scrollTo({top:n,behavior:"smooth"});i.scrollTop=n}})))}_getNewObserver(){const t={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver((t=>this._observerCallback(t)),t)}_observerCallback(t){const e=t=>this._targetLinks.get(`#${t.target.id}`),i=t=>{this._previousScrollData.visibleEntryTop=t.target.offsetTop,this._process(e(t))},n=(this._rootElement||document.documentElement).scrollTop,s=n>=this._previousScrollData.parentScrollTop;this._previousScrollData.parentScrollTop=n;for(const o of t){if(!o.isIntersecting){this._activeTarget=null,this._clearActiveClass(e(o));continue}const t=o.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(s&&t){if(i(o),!n)return}else s||t||i(o)}}_initializeTargetsAndObservables(){this._targetLinks=new Map,this._observableSections=new Map;const t=z.find(bs,this._config.target);for(const e of t){if(!e.hash||l(e))continue;const t=z.findOne(decodeURI(e.hash),this._element);a(t)&&(this._targetLinks.set(decodeURI(e.hash),e),this._observableSections.set(e.hash,t))}}_process(t){this._activeTarget!==t&&(this._clearActiveClass(this._config.target),this._activeTarget=t,t.classList.add(_s),this._activateParents(t),N.trigger(this._element,ps,{relatedTarget:t}))}_activateParents(t){if(t.classList.contains("dropdown-item"))z.findOne(".dropdown-toggle",t.closest(".dropdown")).classList.add(_s);else for(const e of z.parents(t,".nav, .list-group"))for(const t of z.prev(e,ys))t.classList.add(_s)}_clearActiveClass(t){t.classList.remove(_s);const e=z.find(`${bs}.${_s}`,t);for(const t of e)t.classList.remove(_s)}static jQueryInterface(t){return this.each((function(){const e=Es.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}N.on(window,gs,(()=>{for(const t of z.find('[data-bs-spy="scroll"]'))Es.getOrCreateInstance(t)})),m(Es);const Ts=".bs.tab",Cs=`hide${Ts}`,Os=`hidden${Ts}`,xs=`show${Ts}`,ks=`shown${Ts}`,Ls=`click${Ts}`,Ss=`keydown${Ts}`,Ds=`load${Ts}`,$s="ArrowLeft",Is="ArrowRight",Ns="ArrowUp",Ps="ArrowDown",js="Home",Ms="End",Fs="active",Hs="fade",Ws="show",Bs=".dropdown-toggle",zs=`:not(${Bs})`,Rs='[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',qs=`.nav-link${zs}, .list-group-item${zs}, [role="tab"]${zs}, ${Rs}`,Vs=`.${Fs}[data-bs-toggle="tab"], .${Fs}[data-bs-toggle="pill"], .${Fs}[data-bs-toggle="list"]`;class Ks extends W{constructor(t){super(t),this._parent=this._element.closest('.list-group, .nav, [role="tablist"]'),this._parent&&(this._setInitialAttributes(this._parent,this._getChildren()),N.on(this._element,Ss,(t=>this._keydown(t))))}static get NAME(){return"tab"}show(){const t=this._element;if(this._elemIsActive(t))return;const e=this._getActiveElem(),i=e?N.trigger(e,Cs,{relatedTarget:t}):null;N.trigger(t,xs,{relatedTarget:e}).defaultPrevented||i&&i.defaultPrevented||(this._deactivate(e,t),this._activate(t,e))}_activate(t,e){t&&(t.classList.add(Fs),this._activate(z.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.removeAttribute("tabindex"),t.setAttribute("aria-selected",!0),this._toggleDropDown(t,!0),N.trigger(t,ks,{relatedTarget:e})):t.classList.add(Ws)}),t,t.classList.contains(Hs)))}_deactivate(t,e){t&&(t.classList.remove(Fs),t.blur(),this._deactivate(z.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.setAttribute("aria-selected",!1),t.setAttribute("tabindex","-1"),this._toggleDropDown(t,!1),N.trigger(t,Os,{relatedTarget:e})):t.classList.remove(Ws)}),t,t.classList.contains(Hs)))}_keydown(t){if(![$s,Is,Ns,Ps,js,Ms].includes(t.key))return;t.stopPropagation(),t.preventDefault();const e=this._getChildren().filter((t=>!l(t)));let i;if([js,Ms].includes(t.key))i=e[t.key===js?0:e.length-1];else{const n=[Is,Ps].includes(t.key);i=b(e,t.target,n,!0)}i&&(i.focus({preventScroll:!0}),Ks.getOrCreateInstance(i).show())}_getChildren(){return z.find(qs,this._parent)}_getActiveElem(){return this._getChildren().find((t=>this._elemIsActive(t)))||null}_setInitialAttributes(t,e){this._setAttributeIfNotExists(t,"role","tablist");for(const t of e)this._setInitialAttributesOnChild(t)}_setInitialAttributesOnChild(t){t=this._getInnerElement(t);const e=this._elemIsActive(t),i=this._getOuterElement(t);t.setAttribute("aria-selected",e),i!==t&&this._setAttributeIfNotExists(i,"role","presentation"),e||t.setAttribute("tabindex","-1"),this._setAttributeIfNotExists(t,"role","tab"),this._setInitialAttributesOnTargetPanel(t)}_setInitialAttributesOnTargetPanel(t){const e=z.getElementFromSelector(t);e&&(this._setAttributeIfNotExists(e,"role","tabpanel"),t.id&&this._setAttributeIfNotExists(e,"aria-labelledby",`${t.id}`))}_toggleDropDown(t,e){const i=this._getOuterElement(t);if(!i.classList.contains("dropdown"))return;const n=(t,n)=>{const s=z.findOne(t,i);s&&s.classList.toggle(n,e)};n(Bs,Fs),n(".dropdown-menu",Ws),i.setAttribute("aria-expanded",e)}_setAttributeIfNotExists(t,e,i){t.hasAttribute(e)||t.setAttribute(e,i)}_elemIsActive(t){return t.classList.contains(Fs)}_getInnerElement(t){return t.matches(qs)?t:z.findOne(qs,t)}_getOuterElement(t){return t.closest(".nav-item, .list-group-item")||t}static jQueryInterface(t){return this.each((function(){const e=Ks.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}N.on(document,Ls,Rs,(function(t){["A","AREA"].includes(this.tagName)&&t.preventDefault(),l(this)||Ks.getOrCreateInstance(this).show()})),N.on(window,Ds,(()=>{for(const t of z.find(Vs))Ks.getOrCreateInstance(t)})),m(Ks);const Qs=".bs.toast",Xs=`mouseover${Qs}`,Ys=`mouseout${Qs}`,Us=`focusin${Qs}`,Gs=`focusout${Qs}`,Js=`hide${Qs}`,Zs=`hidden${Qs}`,to=`show${Qs}`,eo=`shown${Qs}`,io="hide",no="show",so="showing",oo={animation:"boolean",autohide:"boolean",delay:"number"},ro={animation:!0,autohide:!0,delay:5e3};class ao extends W{constructor(t,e){super(t,e),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return ro}static get DefaultType(){return oo}static get NAME(){return"toast"}show(){N.trigger(this._element,to).defaultPrevented||(this._clearTimeout(),this._config.animation&&this._element.classList.add("fade"),this._element.classList.remove(io),d(this._element),this._element.classList.add(no,so),this._queueCallback((()=>{this._element.classList.remove(so),N.trigger(this._element,eo),this._maybeScheduleHide()}),this._element,this._config.animation))}hide(){this.isShown()&&(N.trigger(this._element,Js).defaultPrevented||(this._element.classList.add(so),this._queueCallback((()=>{this._element.classList.add(io),this._element.classList.remove(so,no),N.trigger(this._element,Zs)}),this._element,this._config.animation)))}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove(no),super.dispose()}isShown(){return this._element.classList.contains(no)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(t,e){switch(t.type){case"mouseover":case"mouseout":this._hasMouseInteraction=e;break;case"focusin":case"focusout":this._hasKeyboardInteraction=e}if(e)return void this._clearTimeout();const i=t.relatedTarget;this._element===i||this._element.contains(i)||this._maybeScheduleHide()}_setListeners(){N.on(this._element,Xs,(t=>this._onInteraction(t,!0))),N.on(this._element,Ys,(t=>this._onInteraction(t,!1))),N.on(this._element,Us,(t=>this._onInteraction(t,!0))),N.on(this._element,Gs,(t=>this._onInteraction(t,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(t){return this.each((function(){const e=ao.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}return R(ao),m(ao),{Alert:Q,Button:Y,Carousel:xt,Collapse:Bt,Dropdown:qi,Modal:On,Offcanvas:qn,Popover:us,ScrollSpy:Es,Tab:Ks,Toast:ao,Tooltip:cs}}));
-//# sourceMappingURL=bootstrap.bundle.min.js.map
\ No newline at end of file
diff --git a/cli/medperf/web_ui/static/js/bootstrap.bundle.min.js.map b/cli/medperf/web_ui/static/js/bootstrap.bundle.min.js.map
deleted file mode 100644
index 69440cc7e..000000000
--- a/cli/medperf/web_ui/static/js/bootstrap.bundle.min.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"names":["elementMap","Map","Data","set","element","key","instance","has","instanceMap","get","size","console","error","Array","from","keys","remove","delete","TRANSITION_END","parseSelector","selector","window","CSS","escape","replace","match","id","triggerTransitionEnd","dispatchEvent","Event","isElement","object","jquery","nodeType","getElement","length","document","querySelector","isVisible","getClientRects","elementIsVisible","getComputedStyle","getPropertyValue","closedDetails","closest","summary","parentNode","isDisabled","Node","ELEMENT_NODE","classList","contains","disabled","hasAttribute","getAttribute","findShadowRoot","documentElement","attachShadow","getRootNode","root","ShadowRoot","noop","reflow","offsetHeight","getjQuery","jQuery","body","DOMContentLoadedCallbacks","isRTL","dir","defineJQueryPlugin","plugin","callback","$","name","NAME","JQUERY_NO_CONFLICT","fn","jQueryInterface","Constructor","noConflict","readyState","addEventListener","push","execute","possibleCallback","args","defaultValue","executeAfterTransition","transitionElement","waitForTransition","emulatedDuration","transitionDuration","transitionDelay","floatTransitionDuration","Number","parseFloat","floatTransitionDelay","split","getTransitionDurationFromElement","called","handler","target","removeEventListener","setTimeout","getNextActiveElement","list","activeElement","shouldGetNext","isCycleAllowed","listLength","index","indexOf","Math","max","min","namespaceRegex","stripNameRegex","stripUidRegex","eventRegistry","uidEvent","customEvents","mouseenter","mouseleave","nativeEvents","Set","makeEventUid","uid","getElementEvents","findHandler","events","callable","delegationSelector","Object","values","find","event","normalizeParameters","originalTypeEvent","delegationFunction","isDelegated","typeEvent","getTypeEvent","addHandler","oneOff","wrapFunction","relatedTarget","delegateTarget","call","this","handlers","previousFunction","domElements","querySelectorAll","domElement","hydrateObj","EventHandler","off","type","apply","bootstrapDelegationHandler","bootstrapHandler","removeHandler","Boolean","removeNamespacedHandlers","namespace","storeElementEvent","handlerKey","entries","includes","on","one","inNamespace","isNamespace","startsWith","elementEvent","slice","keyHandlers","trigger","jQueryEvent","bubbles","nativeDispatch","defaultPrevented","isPropagationStopped","isImmediatePropagationStopped","isDefaultPrevented","evt","cancelable","preventDefault","obj","meta","value","_unused","defineProperty","configurable","normalizeData","toString","JSON","parse","decodeURIComponent","normalizeDataKey","chr","toLowerCase","Manipulator","setDataAttribute","setAttribute","removeDataAttribute","removeAttribute","getDataAttributes","attributes","bsKeys","dataset","filter","pureKey","charAt","getDataAttribute","Config","Default","DefaultType","Error","_getConfig","config","_mergeConfigObj","_configAfterMerge","_typeCheckConfig","jsonConfig","constructor","configTypes","property","expectedTypes","valueType","prototype","RegExp","test","TypeError","toUpperCase","BaseComponent","super","_element","_config","DATA_KEY","dispose","EVENT_KEY","propertyName","getOwnPropertyNames","_queueCallback","isAnimated","getInstance","getOrCreateInstance","VERSION","eventName","getSelector","hrefAttribute","trim","map","sel","join","SelectorEngine","concat","Element","findOne","children","child","matches","parents","ancestor","prev","previous","previousElementSibling","next","nextElementSibling","focusableChildren","focusables","el","getSelectorFromElement","getElementFromSelector","getMultipleElementsFromSelector","enableDismissTrigger","component","method","clickEvent","tagName","EVENT_CLOSE","EVENT_CLOSED","Alert","close","_destroyElement","each","data","undefined","SELECTOR_DATA_TOGGLE","Button","toggle","button","EVENT_TOUCHSTART","EVENT_TOUCHMOVE","EVENT_TOUCHEND","EVENT_POINTERDOWN","EVENT_POINTERUP","endCallback","leftCallback","rightCallback","Swipe","isSupported","_deltaX","_supportPointerEvents","PointerEvent","_initEvents","_start","_eventIsPointerPenTouch","clientX","touches","_end","_handleSwipe","_move","absDeltaX","abs","direction","add","pointerType","navigator","maxTouchPoints","DATA_API_KEY","ORDER_NEXT","ORDER_PREV","DIRECTION_LEFT","DIRECTION_RIGHT","EVENT_SLIDE","EVENT_SLID","EVENT_KEYDOWN","EVENT_MOUSEENTER","EVENT_MOUSELEAVE","EVENT_DRAG_START","EVENT_LOAD_DATA_API","EVENT_CLICK_DATA_API","CLASS_NAME_CAROUSEL","CLASS_NAME_ACTIVE","SELECTOR_ACTIVE","SELECTOR_ITEM","SELECTOR_ACTIVE_ITEM","KEY_TO_DIRECTION","ArrowLeft","ArrowRight","interval","keyboard","pause","ride","touch","wrap","Carousel","_interval","_activeElement","_isSliding","touchTimeout","_swipeHelper","_indicatorsElement","_addEventListeners","cycle","_slide","nextWhenVisible","hidden","_clearInterval","_updateInterval","setInterval","_maybeEnableCycle","to","items","_getItems","activeIndex","_getItemIndex","_getActive","order","defaultInterval","_keydown","_addTouchEventListeners","img","swipeConfig","_directionToOrder","endCallBack","clearTimeout","_setActiveIndicatorElement","activeIndicator","newActiveIndicator","elementInterval","parseInt","isNext","nextElement","nextElementIndex","triggerEvent","_orderToDirection","isCycling","directionalClassName","orderClassName","completeCallBack","_isAnimated","clearInterval","carousel","slideIndex","carousels","EVENT_SHOW","EVENT_SHOWN","EVENT_HIDE","EVENT_HIDDEN","CLASS_NAME_SHOW","CLASS_NAME_COLLAPSE","CLASS_NAME_COLLAPSING","CLASS_NAME_DEEPER_CHILDREN","parent","Collapse","_isTransitioning","_triggerArray","toggleList","elem","filterElement","foundElement","_initializeChildren","_addAriaAndCollapsedClass","_isShown","hide","show","activeChildren","_getFirstLevelChildren","activeInstance","dimension","_getDimension","style","scrollSize","complete","getBoundingClientRect","selected","triggerArray","isOpen","top","bottom","right","left","auto","basePlacements","start","end","clippingParents","viewport","popper","reference","variationPlacements","reduce","acc","placement","placements","beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite","modifierPhases","getNodeName","nodeName","getWindow","node","ownerDocument","defaultView","isHTMLElement","HTMLElement","isShadowRoot","applyStyles$1","enabled","phase","_ref","state","elements","forEach","styles","assign","effect","_ref2","initialStyles","position","options","strategy","margin","arrow","hasOwnProperty","attribute","requires","getBasePlacement","round","getUAString","uaData","userAgentData","brands","isArray","item","brand","version","userAgent","isLayoutViewport","includeScale","isFixedStrategy","clientRect","scaleX","scaleY","offsetWidth","width","height","visualViewport","addVisualOffsets","x","offsetLeft","y","offsetTop","getLayoutRect","rootNode","isSameNode","host","isTableElement","getDocumentElement","getParentNode","assignedSlot","getTrueOffsetParent","offsetParent","getOffsetParent","isFirefox","currentNode","css","transform","perspective","contain","willChange","getContainingBlock","getMainAxisFromPlacement","within","mathMax","mathMin","mergePaddingObject","paddingObject","expandToHashMap","hashMap","arrow$1","_state$modifiersData$","arrowElement","popperOffsets","modifiersData","basePlacement","axis","len","padding","rects","toPaddingObject","arrowRect","minProp","maxProp","endDiff","startDiff","arrowOffsetParent","clientSize","clientHeight","clientWidth","centerToReference","center","offset","axisProp","centerOffset","_options$element","requiresIfExists","getVariation","unsetSides","mapToStyles","_Object$assign2","popperRect","variation","offsets","gpuAcceleration","adaptive","roundOffsets","isFixed","_offsets$x","_offsets$y","_ref3","hasX","hasY","sideX","sideY","win","heightProp","widthProp","_Object$assign","commonStyles","_ref4","dpr","devicePixelRatio","roundOffsetsByDPR","computeStyles$1","_ref5","_options$gpuAccelerat","_options$adaptive","_options$roundOffsets","passive","eventListeners","_options$scroll","scroll","_options$resize","resize","scrollParents","scrollParent","update","hash","getOppositePlacement","matched","getOppositeVariationPlacement","getWindowScroll","scrollLeft","pageXOffset","scrollTop","pageYOffset","getWindowScrollBarX","isScrollParent","_getComputedStyle","overflow","overflowX","overflowY","getScrollParent","listScrollParents","_element$ownerDocumen","isBody","updatedList","rectToClientRect","rect","getClientRectFromMixedType","clippingParent","html","layoutViewport","getViewportRect","clientTop","clientLeft","getInnerBoundingClientRect","winScroll","scrollWidth","scrollHeight","getDocumentRect","computeOffsets","commonX","commonY","mainAxis","detectOverflow","_options","_options$placement","_options$strategy","_options$boundary","boundary","_options$rootBoundary","rootBoundary","_options$elementConte","elementContext","_options$altBoundary","altBoundary","_options$padding","altContext","clippingClientRect","mainClippingParents","clipperElement","getClippingParents","firstClippingParent","clippingRect","accRect","getClippingRect","contextElement","referenceClientRect","popperClientRect","elementClientRect","overflowOffsets","offsetData","multiply","computeAutoPlacement","flipVariations","_options$allowedAutoP","allowedAutoPlacements","allPlacements","allowedPlacements","overflows","sort","a","b","flip$1","_skip","_options$mainAxis","checkMainAxis","_options$altAxis","altAxis","checkAltAxis","specifiedFallbackPlacements","fallbackPlacements","_options$flipVariatio","preferredPlacement","oppositePlacement","getExpandedFallbackPlacements","referenceRect","checksMap","makeFallbackChecks","firstFittingPlacement","i","_basePlacement","isStartVariation","isVertical","mainVariationSide","altVariationSide","checks","every","check","_loop","_i","fittingPlacement","reset","getSideOffsets","preventedOffsets","isAnySideFullyClipped","some","side","hide$1","preventOverflow","referenceOverflow","popperAltOverflow","referenceClippingOffsets","popperEscapeOffsets","isReferenceHidden","hasPopperEscaped","offset$1","_options$offset","invertDistance","skidding","distance","distanceAndSkiddingToXY","_data$state$placement","popperOffsets$1","preventOverflow$1","_options$tether","tether","_options$tetherOffset","tetherOffset","isBasePlacement","tetherOffsetValue","normalizedTetherOffsetValue","offsetModifierState","_offsetModifierState$","mainSide","altSide","additive","minLen","maxLen","arrowPaddingObject","arrowPaddingMin","arrowPaddingMax","arrowLen","minOffset","maxOffset","clientOffset","offsetModifierValue","tetherMax","preventedOffset","_offsetModifierState$2","_mainSide","_altSide","_offset","_len","_min","_max","isOriginSide","_offsetModifierValue","_tetherMin","_tetherMax","_preventedOffset","v","withinMaxClamp","getCompositeRect","elementOrVirtualElement","isOffsetParentAnElement","offsetParentIsScaled","isElementScaled","modifiers","visited","result","modifier","dep","depModifier","DEFAULT_OPTIONS","areValidElements","arguments","_key","popperGenerator","generatorOptions","_generatorOptions","_generatorOptions$def","defaultModifiers","_generatorOptions$def2","defaultOptions","pending","orderedModifiers","effectCleanupFns","isDestroyed","setOptions","setOptionsAction","cleanupModifierEffects","merged","orderModifiers","current","existing","m","_ref$options","cleanupFn","forceUpdate","_state$elements","_state$orderedModifie","_state$orderedModifie2","Promise","resolve","then","destroy","onFirstUpdate","createPopper","computeStyles","applyStyles","flip","ARROW_UP_KEY","ARROW_DOWN_KEY","EVENT_KEYDOWN_DATA_API","EVENT_KEYUP_DATA_API","SELECTOR_DATA_TOGGLE_SHOWN","SELECTOR_MENU","PLACEMENT_TOP","PLACEMENT_TOPEND","PLACEMENT_BOTTOM","PLACEMENT_BOTTOMEND","PLACEMENT_RIGHT","PLACEMENT_LEFT","autoClose","display","popperConfig","Dropdown","_popper","_parent","_menu","_inNavbar","_detectNavbar","_createPopper","focus","_completeHide","Popper","referenceElement","_getPopperConfig","_getPlacement","parentDropdown","isEnd","_getOffset","popperData","defaultBsPopperConfig","_selectMenuItem","clearMenus","openToggles","context","composedPath","isMenuTarget","dataApiKeydownHandler","isInput","isEscapeEvent","isUpOrDownEvent","getToggleButton","stopPropagation","EVENT_MOUSEDOWN","className","clickCallback","rootElement","Backdrop","_isAppended","_append","_getElement","_emulateAnimation","backdrop","createElement","append","EVENT_FOCUSIN","EVENT_KEYDOWN_TAB","TAB_NAV_BACKWARD","autofocus","trapElement","FocusTrap","_isActive","_lastTabNavDirection","activate","_handleFocusin","_handleKeydown","deactivate","shiftKey","SELECTOR_FIXED_CONTENT","SELECTOR_STICKY_CONTENT","PROPERTY_PADDING","PROPERTY_MARGIN","ScrollBarHelper","getWidth","documentWidth","innerWidth","_disableOverFlow","_setElementAttributes","calculatedValue","_resetElementAttributes","isOverflowing","_saveInitialAttribute","styleProperty","scrollbarWidth","_applyManipulationCallback","setProperty","actualValue","removeProperty","callBack","EVENT_HIDE_PREVENTED","EVENT_RESIZE","EVENT_CLICK_DISMISS","EVENT_MOUSEDOWN_DISMISS","EVENT_KEYDOWN_DISMISS","CLASS_NAME_OPEN","CLASS_NAME_STATIC","Modal","_dialog","_backdrop","_initializeBackDrop","_focustrap","_initializeFocusTrap","_scrollBar","_adjustDialog","_showElement","_hideModal","handleUpdate","modalBody","transitionComplete","_triggerBackdropTransition","event2","_resetAdjustments","isModalOverflowing","initialOverflowY","isBodyOverflowing","paddingLeft","paddingRight","showEvent","alreadyOpen","CLASS_NAME_SHOWING","CLASS_NAME_HIDING","OPEN_SELECTOR","Offcanvas","blur","completeCallback","DefaultAllowlist","area","br","col","code","dd","div","dl","dt","em","hr","h1","h2","h3","h4","h5","h6","li","ol","p","pre","s","small","span","sub","sup","strong","u","ul","uriAttributes","SAFE_URL_PATTERN","allowedAttribute","allowedAttributeList","attributeName","nodeValue","attributeRegex","regex","allowList","content","extraClass","sanitize","sanitizeFn","template","DefaultContentType","entry","TemplateFactory","getContent","_resolvePossibleFunction","hasContent","changeContent","_checkContent","toHtml","templateWrapper","innerHTML","_maybeSanitize","text","_setContent","arg","templateElement","_putElementInTemplate","textContent","unsafeHtml","sanitizeFunction","createdDocument","DOMParser","parseFromString","elementName","attributeList","allowedAttributes","sanitizeHtml","DISALLOWED_ATTRIBUTES","CLASS_NAME_FADE","SELECTOR_MODAL","EVENT_MODAL_HIDE","TRIGGER_HOVER","TRIGGER_FOCUS","AttachmentMap","AUTO","TOP","RIGHT","BOTTOM","LEFT","animation","container","customClass","delay","title","Tooltip","_isEnabled","_timeout","_isHovered","_activeTrigger","_templateFactory","_newContent","tip","_setListeners","_fixTitle","enable","disable","toggleEnabled","click","_leave","_enter","_hideModalHandler","_disposePopper","_isWithContent","isInTheDom","_getTipElement","_isWithActiveTrigger","_getTitle","_createTipElement","_getContentForTemplate","_getTemplateFactory","tipId","prefix","floor","random","getElementById","getUID","setContent","_initializeOnDelegatedTarget","_getDelegateConfig","attachment","triggers","eventIn","eventOut","_setTimeout","timeout","dataAttributes","dataAttribute","Popover","_getContent","EVENT_ACTIVATE","EVENT_CLICK","SELECTOR_TARGET_LINKS","SELECTOR_NAV_LINKS","SELECTOR_LINK_ITEMS","rootMargin","smoothScroll","threshold","ScrollSpy","_targetLinks","_observableSections","_rootElement","_activeTarget","_observer","_previousScrollData","visibleEntryTop","parentScrollTop","refresh","_initializeTargetsAndObservables","_maybeEnableSmoothScroll","disconnect","_getNewObserver","section","observe","observableSection","scrollTo","behavior","IntersectionObserver","_observerCallback","targetElement","_process","userScrollsDown","isIntersecting","_clearActiveClass","entryIsLowerThanPrevious","targetLinks","anchor","decodeURI","_activateParents","listGroup","activeNodes","spy","ARROW_LEFT_KEY","ARROW_RIGHT_KEY","HOME_KEY","END_KEY","SELECTOR_DROPDOWN_TOGGLE","NOT_SELECTOR_DROPDOWN_TOGGLE","SELECTOR_INNER_ELEM","SELECTOR_DATA_TOGGLE_ACTIVE","Tab","_setInitialAttributes","_getChildren","innerElem","_elemIsActive","active","_getActiveElem","hideEvent","_deactivate","_activate","relatedElem","_toggleDropDown","nextActiveElement","preventScroll","_setAttributeIfNotExists","_setInitialAttributesOnChild","_getInnerElement","isActive","outerElem","_getOuterElement","_setInitialAttributesOnTargetPanel","open","EVENT_MOUSEOVER","EVENT_MOUSEOUT","EVENT_FOCUSOUT","CLASS_NAME_HIDE","autohide","Toast","_hasMouseInteraction","_hasKeyboardInteraction","_clearTimeout","_maybeScheduleHide","isShown","_onInteraction","isInteracting"],"sources":["../../js/src/dom/data.js","../../js/src/util/index.js","../../js/src/dom/event-handler.js","../../js/src/dom/manipulator.js","../../js/src/util/config.js","../../js/src/base-component.js","../../js/src/dom/selector-engine.js","../../js/src/util/component-functions.js","../../js/src/alert.js","../../js/src/button.js","../../js/src/util/swipe.js","../../js/src/carousel.js","../../js/src/collapse.js","../../node_modules/@popperjs/core/lib/enums.js","../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js","../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js","../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js","../../node_modules/@popperjs/core/lib/modifiers/applyStyles.js","../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js","../../node_modules/@popperjs/core/lib/utils/math.js","../../node_modules/@popperjs/core/lib/utils/userAgent.js","../../node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js","../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js","../../node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js","../../node_modules/@popperjs/core/lib/dom-utils/contains.js","../../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js","../../node_modules/@popperjs/core/lib/dom-utils/isTableElement.js","../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js","../../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js","../../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js","../../node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js","../../node_modules/@popperjs/core/lib/utils/within.js","../../node_modules/@popperjs/core/lib/utils/mergePaddingObject.js","../../node_modules/@popperjs/core/lib/utils/getFreshSideObject.js","../../node_modules/@popperjs/core/lib/utils/expandToHashMap.js","../../node_modules/@popperjs/core/lib/modifiers/arrow.js","../../node_modules/@popperjs/core/lib/utils/getVariation.js","../../node_modules/@popperjs/core/lib/modifiers/computeStyles.js","../../node_modules/@popperjs/core/lib/modifiers/eventListeners.js","../../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js","../../node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js","../../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js","../../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js","../../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js","../../node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js","../../node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js","../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js","../../node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js","../../node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js","../../node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js","../../node_modules/@popperjs/core/lib/utils/computeOffsets.js","../../node_modules/@popperjs/core/lib/utils/detectOverflow.js","../../node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js","../../node_modules/@popperjs/core/lib/modifiers/flip.js","../../node_modules/@popperjs/core/lib/modifiers/hide.js","../../node_modules/@popperjs/core/lib/modifiers/offset.js","../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js","../../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js","../../node_modules/@popperjs/core/lib/utils/getAltAxis.js","../../node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js","../../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js","../../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js","../../node_modules/@popperjs/core/lib/utils/orderModifiers.js","../../node_modules/@popperjs/core/lib/createPopper.js","../../node_modules/@popperjs/core/lib/utils/debounce.js","../../node_modules/@popperjs/core/lib/utils/mergeByName.js","../../node_modules/@popperjs/core/lib/popper-lite.js","../../node_modules/@popperjs/core/lib/popper.js","../../js/src/dropdown.js","../../js/src/util/backdrop.js","../../js/src/util/focustrap.js","../../js/src/util/scrollbar.js","../../js/src/modal.js","../../js/src/offcanvas.js","../../js/src/util/sanitizer.js","../../js/src/util/template-factory.js","../../js/src/tooltip.js","../../js/src/popover.js","../../js/src/scrollspy.js","../../js/src/tab.js","../../js/src/toast.js","../../js/index.umd.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Bootstrap dom/data.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n/**\n * Constants\n */\n\nconst elementMap = new Map()\n\nexport default {\n  set(element, key, instance) {\n    if (!elementMap.has(element)) {\n      elementMap.set(element, new Map())\n    }\n\n    const instanceMap = elementMap.get(element)\n\n    // make it clear we only want one instance per element\n    // can be removed later when multiple key/instances are fine to be used\n    if (!instanceMap.has(key) && instanceMap.size !== 0) {\n      // eslint-disable-next-line no-console\n      console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`)\n      return\n    }\n\n    instanceMap.set(key, instance)\n  },\n\n  get(element, key) {\n    if (elementMap.has(element)) {\n      return elementMap.get(element).get(key) || null\n    }\n\n    return null\n  },\n\n  remove(element, key) {\n    if (!elementMap.has(element)) {\n      return\n    }\n\n    const instanceMap = elementMap.get(element)\n\n    instanceMap.delete(key)\n\n    // free up element references if there are no instances left for an element\n    if (instanceMap.size === 0) {\n      elementMap.delete(element)\n    }\n  }\n}\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/index.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst MAX_UID = 1_000_000\nconst MILLISECONDS_MULTIPLIER = 1000\nconst TRANSITION_END = 'transitionend'\n\n/**\n * Properly escape IDs selectors to handle weird IDs\n * @param {string} selector\n * @returns {string}\n */\nconst parseSelector = selector => {\n  if (selector && window.CSS && window.CSS.escape) {\n    // document.querySelector needs escaping to handle IDs (html5+) containing for instance /\n    selector = selector.replace(/#([^\\s\"#']+)/g, (match, id) => `#${CSS.escape(id)}`)\n  }\n\n  return selector\n}\n\n// Shout-out Angus Croll (https://goo.gl/pxwQGp)\nconst toType = object => {\n  if (object === null || object === undefined) {\n    return `${object}`\n  }\n\n  return Object.prototype.toString.call(object).match(/\\s([a-z]+)/i)[1].toLowerCase()\n}\n\n/**\n * Public Util API\n */\n\nconst getUID = prefix => {\n  do {\n    prefix += Math.floor(Math.random() * MAX_UID)\n  } while (document.getElementById(prefix))\n\n  return prefix\n}\n\nconst getTransitionDurationFromElement = element => {\n  if (!element) {\n    return 0\n  }\n\n  // Get transition-duration of the element\n  let { transitionDuration, transitionDelay } = window.getComputedStyle(element)\n\n  const floatTransitionDuration = Number.parseFloat(transitionDuration)\n  const floatTransitionDelay = Number.parseFloat(transitionDelay)\n\n  // Return 0 if element or transition duration is not found\n  if (!floatTransitionDuration && !floatTransitionDelay) {\n    return 0\n  }\n\n  // If multiple durations are defined, take the first\n  transitionDuration = transitionDuration.split(',')[0]\n  transitionDelay = transitionDelay.split(',')[0]\n\n  return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER\n}\n\nconst triggerTransitionEnd = element => {\n  element.dispatchEvent(new Event(TRANSITION_END))\n}\n\nconst isElement = object => {\n  if (!object || typeof object !== 'object') {\n    return false\n  }\n\n  if (typeof object.jquery !== 'undefined') {\n    object = object[0]\n  }\n\n  return typeof object.nodeType !== 'undefined'\n}\n\nconst getElement = object => {\n  // it's a jQuery object or a node element\n  if (isElement(object)) {\n    return object.jquery ? object[0] : object\n  }\n\n  if (typeof object === 'string' && object.length > 0) {\n    return document.querySelector(parseSelector(object))\n  }\n\n  return null\n}\n\nconst isVisible = element => {\n  if (!isElement(element) || element.getClientRects().length === 0) {\n    return false\n  }\n\n  const elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible'\n  // Handle `details` element as its content may falsie appear visible when it is closed\n  const closedDetails = element.closest('details:not([open])')\n\n  if (!closedDetails) {\n    return elementIsVisible\n  }\n\n  if (closedDetails !== element) {\n    const summary = element.closest('summary')\n    if (summary && summary.parentNode !== closedDetails) {\n      return false\n    }\n\n    if (summary === null) {\n      return false\n    }\n  }\n\n  return elementIsVisible\n}\n\nconst isDisabled = element => {\n  if (!element || element.nodeType !== Node.ELEMENT_NODE) {\n    return true\n  }\n\n  if (element.classList.contains('disabled')) {\n    return true\n  }\n\n  if (typeof element.disabled !== 'undefined') {\n    return element.disabled\n  }\n\n  return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false'\n}\n\nconst findShadowRoot = element => {\n  if (!document.documentElement.attachShadow) {\n    return null\n  }\n\n  // Can find the shadow root otherwise it'll return the document\n  if (typeof element.getRootNode === 'function') {\n    const root = element.getRootNode()\n    return root instanceof ShadowRoot ? root : null\n  }\n\n  if (element instanceof ShadowRoot) {\n    return element\n  }\n\n  // when we don't find a shadow root\n  if (!element.parentNode) {\n    return null\n  }\n\n  return findShadowRoot(element.parentNode)\n}\n\nconst noop = () => {}\n\n/**\n * Trick to restart an element's animation\n *\n * @param {HTMLElement} element\n * @return void\n *\n * @see https://www.charistheo.io/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation\n */\nconst reflow = element => {\n  element.offsetHeight // eslint-disable-line no-unused-expressions\n}\n\nconst getjQuery = () => {\n  if (window.jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {\n    return window.jQuery\n  }\n\n  return null\n}\n\nconst DOMContentLoadedCallbacks = []\n\nconst onDOMContentLoaded = callback => {\n  if (document.readyState === 'loading') {\n    // add listener on the first call when the document is in loading state\n    if (!DOMContentLoadedCallbacks.length) {\n      document.addEventListener('DOMContentLoaded', () => {\n        for (const callback of DOMContentLoadedCallbacks) {\n          callback()\n        }\n      })\n    }\n\n    DOMContentLoadedCallbacks.push(callback)\n  } else {\n    callback()\n  }\n}\n\nconst isRTL = () => document.documentElement.dir === 'rtl'\n\nconst defineJQueryPlugin = plugin => {\n  onDOMContentLoaded(() => {\n    const $ = getjQuery()\n    /* istanbul ignore if */\n    if ($) {\n      const name = plugin.NAME\n      const JQUERY_NO_CONFLICT = $.fn[name]\n      $.fn[name] = plugin.jQueryInterface\n      $.fn[name].Constructor = plugin\n      $.fn[name].noConflict = () => {\n        $.fn[name] = JQUERY_NO_CONFLICT\n        return plugin.jQueryInterface\n      }\n    }\n  })\n}\n\nconst execute = (possibleCallback, args = [], defaultValue = possibleCallback) => {\n  return typeof possibleCallback === 'function' ? possibleCallback(...args) : defaultValue\n}\n\nconst executeAfterTransition = (callback, transitionElement, waitForTransition = true) => {\n  if (!waitForTransition) {\n    execute(callback)\n    return\n  }\n\n  const durationPadding = 5\n  const emulatedDuration = getTransitionDurationFromElement(transitionElement) + durationPadding\n\n  let called = false\n\n  const handler = ({ target }) => {\n    if (target !== transitionElement) {\n      return\n    }\n\n    called = true\n    transitionElement.removeEventListener(TRANSITION_END, handler)\n    execute(callback)\n  }\n\n  transitionElement.addEventListener(TRANSITION_END, handler)\n  setTimeout(() => {\n    if (!called) {\n      triggerTransitionEnd(transitionElement)\n    }\n  }, emulatedDuration)\n}\n\n/**\n * Return the previous/next element of a list.\n *\n * @param {array} list    The list of elements\n * @param activeElement   The active element\n * @param shouldGetNext   Choose to get next or previous element\n * @param isCycleAllowed\n * @return {Element|elem} The proper element\n */\nconst getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => {\n  const listLength = list.length\n  let index = list.indexOf(activeElement)\n\n  // if the element does not exist in the list return an element\n  // depending on the direction and if cycle is allowed\n  if (index === -1) {\n    return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]\n  }\n\n  index += shouldGetNext ? 1 : -1\n\n  if (isCycleAllowed) {\n    index = (index + listLength) % listLength\n  }\n\n  return list[Math.max(0, Math.min(index, listLength - 1))]\n}\n\nexport {\n  defineJQueryPlugin,\n  execute,\n  executeAfterTransition,\n  findShadowRoot,\n  getElement,\n  getjQuery,\n  getNextActiveElement,\n  getTransitionDurationFromElement,\n  getUID,\n  isDisabled,\n  isElement,\n  isRTL,\n  isVisible,\n  noop,\n  onDOMContentLoaded,\n  parseSelector,\n  reflow,\n  triggerTransitionEnd,\n  toType\n}\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap dom/event-handler.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport { getjQuery } from '../util/index.js'\n\n/**\n * Constants\n */\n\nconst namespaceRegex = /[^.]*(?=\\..*)\\.|.*/\nconst stripNameRegex = /\\..*/\nconst stripUidRegex = /::\\d+$/\nconst eventRegistry = {} // Events storage\nlet uidEvent = 1\nconst customEvents = {\n  mouseenter: 'mouseover',\n  mouseleave: 'mouseout'\n}\n\nconst nativeEvents = new Set([\n  'click',\n  'dblclick',\n  'mouseup',\n  'mousedown',\n  'contextmenu',\n  'mousewheel',\n  'DOMMouseScroll',\n  'mouseover',\n  'mouseout',\n  'mousemove',\n  'selectstart',\n  'selectend',\n  'keydown',\n  'keypress',\n  'keyup',\n  'orientationchange',\n  'touchstart',\n  'touchmove',\n  'touchend',\n  'touchcancel',\n  'pointerdown',\n  'pointermove',\n  'pointerup',\n  'pointerleave',\n  'pointercancel',\n  'gesturestart',\n  'gesturechange',\n  'gestureend',\n  'focus',\n  'blur',\n  'change',\n  'reset',\n  'select',\n  'submit',\n  'focusin',\n  'focusout',\n  'load',\n  'unload',\n  'beforeunload',\n  'resize',\n  'move',\n  'DOMContentLoaded',\n  'readystatechange',\n  'error',\n  'abort',\n  'scroll'\n])\n\n/**\n * Private methods\n */\n\nfunction makeEventUid(element, uid) {\n  return (uid && `${uid}::${uidEvent++}`) || element.uidEvent || uidEvent++\n}\n\nfunction getElementEvents(element) {\n  const uid = makeEventUid(element)\n\n  element.uidEvent = uid\n  eventRegistry[uid] = eventRegistry[uid] || {}\n\n  return eventRegistry[uid]\n}\n\nfunction bootstrapHandler(element, fn) {\n  return function handler(event) {\n    hydrateObj(event, { delegateTarget: element })\n\n    if (handler.oneOff) {\n      EventHandler.off(element, event.type, fn)\n    }\n\n    return fn.apply(element, [event])\n  }\n}\n\nfunction bootstrapDelegationHandler(element, selector, fn) {\n  return function handler(event) {\n    const domElements = element.querySelectorAll(selector)\n\n    for (let { target } = event; target && target !== this; target = target.parentNode) {\n      for (const domElement of domElements) {\n        if (domElement !== target) {\n          continue\n        }\n\n        hydrateObj(event, { delegateTarget: target })\n\n        if (handler.oneOff) {\n          EventHandler.off(element, event.type, selector, fn)\n        }\n\n        return fn.apply(target, [event])\n      }\n    }\n  }\n}\n\nfunction findHandler(events, callable, delegationSelector = null) {\n  return Object.values(events)\n    .find(event => event.callable === callable && event.delegationSelector === delegationSelector)\n}\n\nfunction normalizeParameters(originalTypeEvent, handler, delegationFunction) {\n  const isDelegated = typeof handler === 'string'\n  // TODO: tooltip passes `false` instead of selector, so we need to check\n  const callable = isDelegated ? delegationFunction : (handler || delegationFunction)\n  let typeEvent = getTypeEvent(originalTypeEvent)\n\n  if (!nativeEvents.has(typeEvent)) {\n    typeEvent = originalTypeEvent\n  }\n\n  return [isDelegated, callable, typeEvent]\n}\n\nfunction addHandler(element, originalTypeEvent, handler, delegationFunction, oneOff) {\n  if (typeof originalTypeEvent !== 'string' || !element) {\n    return\n  }\n\n  let [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction)\n\n  // in case of mouseenter or mouseleave wrap the handler within a function that checks for its DOM position\n  // this prevents the handler from being dispatched the same way as mouseover or mouseout does\n  if (originalTypeEvent in customEvents) {\n    const wrapFunction = fn => {\n      return function (event) {\n        if (!event.relatedTarget || (event.relatedTarget !== event.delegateTarget && !event.delegateTarget.contains(event.relatedTarget))) {\n          return fn.call(this, event)\n        }\n      }\n    }\n\n    callable = wrapFunction(callable)\n  }\n\n  const events = getElementEvents(element)\n  const handlers = events[typeEvent] || (events[typeEvent] = {})\n  const previousFunction = findHandler(handlers, callable, isDelegated ? handler : null)\n\n  if (previousFunction) {\n    previousFunction.oneOff = previousFunction.oneOff && oneOff\n\n    return\n  }\n\n  const uid = makeEventUid(callable, originalTypeEvent.replace(namespaceRegex, ''))\n  const fn = isDelegated ?\n    bootstrapDelegationHandler(element, handler, callable) :\n    bootstrapHandler(element, callable)\n\n  fn.delegationSelector = isDelegated ? handler : null\n  fn.callable = callable\n  fn.oneOff = oneOff\n  fn.uidEvent = uid\n  handlers[uid] = fn\n\n  element.addEventListener(typeEvent, fn, isDelegated)\n}\n\nfunction removeHandler(element, events, typeEvent, handler, delegationSelector) {\n  const fn = findHandler(events[typeEvent], handler, delegationSelector)\n\n  if (!fn) {\n    return\n  }\n\n  element.removeEventListener(typeEvent, fn, Boolean(delegationSelector))\n  delete events[typeEvent][fn.uidEvent]\n}\n\nfunction removeNamespacedHandlers(element, events, typeEvent, namespace) {\n  const storeElementEvent = events[typeEvent] || {}\n\n  for (const [handlerKey, event] of Object.entries(storeElementEvent)) {\n    if (handlerKey.includes(namespace)) {\n      removeHandler(element, events, typeEvent, event.callable, event.delegationSelector)\n    }\n  }\n}\n\nfunction getTypeEvent(event) {\n  // allow to get the native events from namespaced events ('click.bs.button' --> 'click')\n  event = event.replace(stripNameRegex, '')\n  return customEvents[event] || event\n}\n\nconst EventHandler = {\n  on(element, event, handler, delegationFunction) {\n    addHandler(element, event, handler, delegationFunction, false)\n  },\n\n  one(element, event, handler, delegationFunction) {\n    addHandler(element, event, handler, delegationFunction, true)\n  },\n\n  off(element, originalTypeEvent, handler, delegationFunction) {\n    if (typeof originalTypeEvent !== 'string' || !element) {\n      return\n    }\n\n    const [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction)\n    const inNamespace = typeEvent !== originalTypeEvent\n    const events = getElementEvents(element)\n    const storeElementEvent = events[typeEvent] || {}\n    const isNamespace = originalTypeEvent.startsWith('.')\n\n    if (typeof callable !== 'undefined') {\n      // Simplest case: handler is passed, remove that listener ONLY.\n      if (!Object.keys(storeElementEvent).length) {\n        return\n      }\n\n      removeHandler(element, events, typeEvent, callable, isDelegated ? handler : null)\n      return\n    }\n\n    if (isNamespace) {\n      for (const elementEvent of Object.keys(events)) {\n        removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1))\n      }\n    }\n\n    for (const [keyHandlers, event] of Object.entries(storeElementEvent)) {\n      const handlerKey = keyHandlers.replace(stripUidRegex, '')\n\n      if (!inNamespace || originalTypeEvent.includes(handlerKey)) {\n        removeHandler(element, events, typeEvent, event.callable, event.delegationSelector)\n      }\n    }\n  },\n\n  trigger(element, event, args) {\n    if (typeof event !== 'string' || !element) {\n      return null\n    }\n\n    const $ = getjQuery()\n    const typeEvent = getTypeEvent(event)\n    const inNamespace = event !== typeEvent\n\n    let jQueryEvent = null\n    let bubbles = true\n    let nativeDispatch = true\n    let defaultPrevented = false\n\n    if (inNamespace && $) {\n      jQueryEvent = $.Event(event, args)\n\n      $(element).trigger(jQueryEvent)\n      bubbles = !jQueryEvent.isPropagationStopped()\n      nativeDispatch = !jQueryEvent.isImmediatePropagationStopped()\n      defaultPrevented = jQueryEvent.isDefaultPrevented()\n    }\n\n    const evt = hydrateObj(new Event(event, { bubbles, cancelable: true }), args)\n\n    if (defaultPrevented) {\n      evt.preventDefault()\n    }\n\n    if (nativeDispatch) {\n      element.dispatchEvent(evt)\n    }\n\n    if (evt.defaultPrevented && jQueryEvent) {\n      jQueryEvent.preventDefault()\n    }\n\n    return evt\n  }\n}\n\nfunction hydrateObj(obj, meta = {}) {\n  for (const [key, value] of Object.entries(meta)) {\n    try {\n      obj[key] = value\n    } catch {\n      Object.defineProperty(obj, key, {\n        configurable: true,\n        get() {\n          return value\n        }\n      })\n    }\n  }\n\n  return obj\n}\n\nexport default EventHandler\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap dom/manipulator.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nfunction normalizeData(value) {\n  if (value === 'true') {\n    return true\n  }\n\n  if (value === 'false') {\n    return false\n  }\n\n  if (value === Number(value).toString()) {\n    return Number(value)\n  }\n\n  if (value === '' || value === 'null') {\n    return null\n  }\n\n  if (typeof value !== 'string') {\n    return value\n  }\n\n  try {\n    return JSON.parse(decodeURIComponent(value))\n  } catch {\n    return value\n  }\n}\n\nfunction normalizeDataKey(key) {\n  return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`)\n}\n\nconst Manipulator = {\n  setDataAttribute(element, key, value) {\n    element.setAttribute(`data-bs-${normalizeDataKey(key)}`, value)\n  },\n\n  removeDataAttribute(element, key) {\n    element.removeAttribute(`data-bs-${normalizeDataKey(key)}`)\n  },\n\n  getDataAttributes(element) {\n    if (!element) {\n      return {}\n    }\n\n    const attributes = {}\n    const bsKeys = Object.keys(element.dataset).filter(key => key.startsWith('bs') && !key.startsWith('bsConfig'))\n\n    for (const key of bsKeys) {\n      let pureKey = key.replace(/^bs/, '')\n      pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length)\n      attributes[pureKey] = normalizeData(element.dataset[key])\n    }\n\n    return attributes\n  },\n\n  getDataAttribute(element, key) {\n    return normalizeData(element.getAttribute(`data-bs-${normalizeDataKey(key)}`))\n  }\n}\n\nexport default Manipulator\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/config.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Manipulator from '../dom/manipulator.js'\nimport { isElement, toType } from './index.js'\n\n/**\n * Class definition\n */\n\nclass Config {\n  // Getters\n  static get Default() {\n    return {}\n  }\n\n  static get DefaultType() {\n    return {}\n  }\n\n  static get NAME() {\n    throw new Error('You have to implement the static method \"NAME\", for each component!')\n  }\n\n  _getConfig(config) {\n    config = this._mergeConfigObj(config)\n    config = this._configAfterMerge(config)\n    this._typeCheckConfig(config)\n    return config\n  }\n\n  _configAfterMerge(config) {\n    return config\n  }\n\n  _mergeConfigObj(config, element) {\n    const jsonConfig = isElement(element) ? Manipulator.getDataAttribute(element, 'config') : {} // try to parse\n\n    return {\n      ...this.constructor.Default,\n      ...(typeof jsonConfig === 'object' ? jsonConfig : {}),\n      ...(isElement(element) ? Manipulator.getDataAttributes(element) : {}),\n      ...(typeof config === 'object' ? config : {})\n    }\n  }\n\n  _typeCheckConfig(config, configTypes = this.constructor.DefaultType) {\n    for (const [property, expectedTypes] of Object.entries(configTypes)) {\n      const value = config[property]\n      const valueType = isElement(value) ? 'element' : toType(value)\n\n      if (!new RegExp(expectedTypes).test(valueType)) {\n        throw new TypeError(\n          `${this.constructor.NAME.toUpperCase()}: Option \"${property}\" provided type \"${valueType}\" but expected type \"${expectedTypes}\".`\n        )\n      }\n    }\n  }\n}\n\nexport default Config\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap base-component.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Data from './dom/data.js'\nimport EventHandler from './dom/event-handler.js'\nimport Config from './util/config.js'\nimport { executeAfterTransition, getElement } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst VERSION = '5.3.3'\n\n/**\n * Class definition\n */\n\nclass BaseComponent extends Config {\n  constructor(element, config) {\n    super()\n\n    element = getElement(element)\n    if (!element) {\n      return\n    }\n\n    this._element = element\n    this._config = this._getConfig(config)\n\n    Data.set(this._element, this.constructor.DATA_KEY, this)\n  }\n\n  // Public\n  dispose() {\n    Data.remove(this._element, this.constructor.DATA_KEY)\n    EventHandler.off(this._element, this.constructor.EVENT_KEY)\n\n    for (const propertyName of Object.getOwnPropertyNames(this)) {\n      this[propertyName] = null\n    }\n  }\n\n  _queueCallback(callback, element, isAnimated = true) {\n    executeAfterTransition(callback, element, isAnimated)\n  }\n\n  _getConfig(config) {\n    config = this._mergeConfigObj(config, this._element)\n    config = this._configAfterMerge(config)\n    this._typeCheckConfig(config)\n    return config\n  }\n\n  // Static\n  static getInstance(element) {\n    return Data.get(getElement(element), this.DATA_KEY)\n  }\n\n  static getOrCreateInstance(element, config = {}) {\n    return this.getInstance(element) || new this(element, typeof config === 'object' ? config : null)\n  }\n\n  static get VERSION() {\n    return VERSION\n  }\n\n  static get DATA_KEY() {\n    return `bs.${this.NAME}`\n  }\n\n  static get EVENT_KEY() {\n    return `.${this.DATA_KEY}`\n  }\n\n  static eventName(name) {\n    return `${name}${this.EVENT_KEY}`\n  }\n}\n\nexport default BaseComponent\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap dom/selector-engine.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport { isDisabled, isVisible, parseSelector } from '../util/index.js'\n\nconst getSelector = element => {\n  let selector = element.getAttribute('data-bs-target')\n\n  if (!selector || selector === '#') {\n    let hrefAttribute = element.getAttribute('href')\n\n    // The only valid content that could double as a selector are IDs or classes,\n    // so everything starting with `#` or `.`. If a \"real\" URL is used as the selector,\n    // `document.querySelector` will rightfully complain it is invalid.\n    // See https://github.com/twbs/bootstrap/issues/32273\n    if (!hrefAttribute || (!hrefAttribute.includes('#') && !hrefAttribute.startsWith('.'))) {\n      return null\n    }\n\n    // Just in case some CMS puts out a full URL with the anchor appended\n    if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) {\n      hrefAttribute = `#${hrefAttribute.split('#')[1]}`\n    }\n\n    selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null\n  }\n\n  return selector ? selector.split(',').map(sel => parseSelector(sel)).join(',') : null\n}\n\nconst SelectorEngine = {\n  find(selector, element = document.documentElement) {\n    return [].concat(...Element.prototype.querySelectorAll.call(element, selector))\n  },\n\n  findOne(selector, element = document.documentElement) {\n    return Element.prototype.querySelector.call(element, selector)\n  },\n\n  children(element, selector) {\n    return [].concat(...element.children).filter(child => child.matches(selector))\n  },\n\n  parents(element, selector) {\n    const parents = []\n    let ancestor = element.parentNode.closest(selector)\n\n    while (ancestor) {\n      parents.push(ancestor)\n      ancestor = ancestor.parentNode.closest(selector)\n    }\n\n    return parents\n  },\n\n  prev(element, selector) {\n    let previous = element.previousElementSibling\n\n    while (previous) {\n      if (previous.matches(selector)) {\n        return [previous]\n      }\n\n      previous = previous.previousElementSibling\n    }\n\n    return []\n  },\n  // TODO: this is now unused; remove later along with prev()\n  next(element, selector) {\n    let next = element.nextElementSibling\n\n    while (next) {\n      if (next.matches(selector)) {\n        return [next]\n      }\n\n      next = next.nextElementSibling\n    }\n\n    return []\n  },\n\n  focusableChildren(element) {\n    const focusables = [\n      'a',\n      'button',\n      'input',\n      'textarea',\n      'select',\n      'details',\n      '[tabindex]',\n      '[contenteditable=\"true\"]'\n    ].map(selector => `${selector}:not([tabindex^=\"-\"])`).join(',')\n\n    return this.find(focusables, element).filter(el => !isDisabled(el) && isVisible(el))\n  },\n\n  getSelectorFromElement(element) {\n    const selector = getSelector(element)\n\n    if (selector) {\n      return SelectorEngine.findOne(selector) ? selector : null\n    }\n\n    return null\n  },\n\n  getElementFromSelector(element) {\n    const selector = getSelector(element)\n\n    return selector ? SelectorEngine.findOne(selector) : null\n  },\n\n  getMultipleElementsFromSelector(element) {\n    const selector = getSelector(element)\n\n    return selector ? SelectorEngine.find(selector) : []\n  }\n}\n\nexport default SelectorEngine\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/component-functions.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport EventHandler from '../dom/event-handler.js'\nimport SelectorEngine from '../dom/selector-engine.js'\nimport { isDisabled } from './index.js'\n\nconst enableDismissTrigger = (component, method = 'hide') => {\n  const clickEvent = `click.dismiss${component.EVENT_KEY}`\n  const name = component.NAME\n\n  EventHandler.on(document, clickEvent, `[data-bs-dismiss=\"${name}\"]`, function (event) {\n    if (['A', 'AREA'].includes(this.tagName)) {\n      event.preventDefault()\n    }\n\n    if (isDisabled(this)) {\n      return\n    }\n\n    const target = SelectorEngine.getElementFromSelector(this) || this.closest(`.${name}`)\n    const instance = component.getOrCreateInstance(target)\n\n    // Method argument is left, for Alert and only, as it doesn't implement the 'hide' method\n    instance[method]()\n  })\n}\n\nexport {\n  enableDismissTrigger\n}\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport { enableDismissTrigger } from './util/component-functions.js'\nimport { defineJQueryPlugin } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'alert'\nconst DATA_KEY = 'bs.alert'\nconst EVENT_KEY = `.${DATA_KEY}`\n\nconst EVENT_CLOSE = `close${EVENT_KEY}`\nconst EVENT_CLOSED = `closed${EVENT_KEY}`\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\n\n/**\n * Class definition\n */\n\nclass Alert extends BaseComponent {\n  // Getters\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  close() {\n    const closeEvent = EventHandler.trigger(this._element, EVENT_CLOSE)\n\n    if (closeEvent.defaultPrevented) {\n      return\n    }\n\n    this._element.classList.remove(CLASS_NAME_SHOW)\n\n    const isAnimated = this._element.classList.contains(CLASS_NAME_FADE)\n    this._queueCallback(() => this._destroyElement(), this._element, isAnimated)\n  }\n\n  // Private\n  _destroyElement() {\n    this._element.remove()\n    EventHandler.trigger(this._element, EVENT_CLOSED)\n    this.dispose()\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Alert.getOrCreateInstance(this)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config](this)\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nenableDismissTrigger(Alert, 'close')\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Alert)\n\nexport default Alert\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap button.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport { defineJQueryPlugin } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'button'\nconst DATA_KEY = 'bs.button'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst CLASS_NAME_ACTIVE = 'active'\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"button\"]'\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\n/**\n * Class definition\n */\n\nclass Button extends BaseComponent {\n  // Getters\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  toggle() {\n    // Toggle class and sync the `aria-pressed` attribute with the return value of the `.toggle()` method\n    this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE))\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Button.getOrCreateInstance(this)\n\n      if (config === 'toggle') {\n        data[config]()\n      }\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, event => {\n  event.preventDefault()\n\n  const button = event.target.closest(SELECTOR_DATA_TOGGLE)\n  const data = Button.getOrCreateInstance(button)\n\n  data.toggle()\n})\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Button)\n\nexport default Button\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/swipe.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport EventHandler from '../dom/event-handler.js'\nimport Config from './config.js'\nimport { execute } from './index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'swipe'\nconst EVENT_KEY = '.bs.swipe'\nconst EVENT_TOUCHSTART = `touchstart${EVENT_KEY}`\nconst EVENT_TOUCHMOVE = `touchmove${EVENT_KEY}`\nconst EVENT_TOUCHEND = `touchend${EVENT_KEY}`\nconst EVENT_POINTERDOWN = `pointerdown${EVENT_KEY}`\nconst EVENT_POINTERUP = `pointerup${EVENT_KEY}`\nconst POINTER_TYPE_TOUCH = 'touch'\nconst POINTER_TYPE_PEN = 'pen'\nconst CLASS_NAME_POINTER_EVENT = 'pointer-event'\nconst SWIPE_THRESHOLD = 40\n\nconst Default = {\n  endCallback: null,\n  leftCallback: null,\n  rightCallback: null\n}\n\nconst DefaultType = {\n  endCallback: '(function|null)',\n  leftCallback: '(function|null)',\n  rightCallback: '(function|null)'\n}\n\n/**\n * Class definition\n */\n\nclass Swipe extends Config {\n  constructor(element, config) {\n    super()\n    this._element = element\n\n    if (!element || !Swipe.isSupported()) {\n      return\n    }\n\n    this._config = this._getConfig(config)\n    this._deltaX = 0\n    this._supportPointerEvents = Boolean(window.PointerEvent)\n    this._initEvents()\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  dispose() {\n    EventHandler.off(this._element, EVENT_KEY)\n  }\n\n  // Private\n  _start(event) {\n    if (!this._supportPointerEvents) {\n      this._deltaX = event.touches[0].clientX\n\n      return\n    }\n\n    if (this._eventIsPointerPenTouch(event)) {\n      this._deltaX = event.clientX\n    }\n  }\n\n  _end(event) {\n    if (this._eventIsPointerPenTouch(event)) {\n      this._deltaX = event.clientX - this._deltaX\n    }\n\n    this._handleSwipe()\n    execute(this._config.endCallback)\n  }\n\n  _move(event) {\n    this._deltaX = event.touches && event.touches.length > 1 ?\n      0 :\n      event.touches[0].clientX - this._deltaX\n  }\n\n  _handleSwipe() {\n    const absDeltaX = Math.abs(this._deltaX)\n\n    if (absDeltaX <= SWIPE_THRESHOLD) {\n      return\n    }\n\n    const direction = absDeltaX / this._deltaX\n\n    this._deltaX = 0\n\n    if (!direction) {\n      return\n    }\n\n    execute(direction > 0 ? this._config.rightCallback : this._config.leftCallback)\n  }\n\n  _initEvents() {\n    if (this._supportPointerEvents) {\n      EventHandler.on(this._element, EVENT_POINTERDOWN, event => this._start(event))\n      EventHandler.on(this._element, EVENT_POINTERUP, event => this._end(event))\n\n      this._element.classList.add(CLASS_NAME_POINTER_EVENT)\n    } else {\n      EventHandler.on(this._element, EVENT_TOUCHSTART, event => this._start(event))\n      EventHandler.on(this._element, EVENT_TOUCHMOVE, event => this._move(event))\n      EventHandler.on(this._element, EVENT_TOUCHEND, event => this._end(event))\n    }\n  }\n\n  _eventIsPointerPenTouch(event) {\n    return this._supportPointerEvents && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH)\n  }\n\n  // Static\n  static isSupported() {\n    return 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0\n  }\n}\n\nexport default Swipe\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport Manipulator from './dom/manipulator.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport {\n  defineJQueryPlugin,\n  getNextActiveElement,\n  isRTL,\n  isVisible,\n  reflow,\n  triggerTransitionEnd\n} from './util/index.js'\nimport Swipe from './util/swipe.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'carousel'\nconst DATA_KEY = 'bs.carousel'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst ARROW_LEFT_KEY = 'ArrowLeft'\nconst ARROW_RIGHT_KEY = 'ArrowRight'\nconst TOUCHEVENT_COMPAT_WAIT = 500 // Time for mouse compat events to fire after touch\n\nconst ORDER_NEXT = 'next'\nconst ORDER_PREV = 'prev'\nconst DIRECTION_LEFT = 'left'\nconst DIRECTION_RIGHT = 'right'\n\nconst EVENT_SLIDE = `slide${EVENT_KEY}`\nconst EVENT_SLID = `slid${EVENT_KEY}`\nconst EVENT_KEYDOWN = `keydown${EVENT_KEY}`\nconst EVENT_MOUSEENTER = `mouseenter${EVENT_KEY}`\nconst EVENT_MOUSELEAVE = `mouseleave${EVENT_KEY}`\nconst EVENT_DRAG_START = `dragstart${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_CAROUSEL = 'carousel'\nconst CLASS_NAME_ACTIVE = 'active'\nconst CLASS_NAME_SLIDE = 'slide'\nconst CLASS_NAME_END = 'carousel-item-end'\nconst CLASS_NAME_START = 'carousel-item-start'\nconst CLASS_NAME_NEXT = 'carousel-item-next'\nconst CLASS_NAME_PREV = 'carousel-item-prev'\n\nconst SELECTOR_ACTIVE = '.active'\nconst SELECTOR_ITEM = '.carousel-item'\nconst SELECTOR_ACTIVE_ITEM = SELECTOR_ACTIVE + SELECTOR_ITEM\nconst SELECTOR_ITEM_IMG = '.carousel-item img'\nconst SELECTOR_INDICATORS = '.carousel-indicators'\nconst SELECTOR_DATA_SLIDE = '[data-bs-slide], [data-bs-slide-to]'\nconst SELECTOR_DATA_RIDE = '[data-bs-ride=\"carousel\"]'\n\nconst KEY_TO_DIRECTION = {\n  [ARROW_LEFT_KEY]: DIRECTION_RIGHT,\n  [ARROW_RIGHT_KEY]: DIRECTION_LEFT\n}\n\nconst Default = {\n  interval: 5000,\n  keyboard: true,\n  pause: 'hover',\n  ride: false,\n  touch: true,\n  wrap: true\n}\n\nconst DefaultType = {\n  interval: '(number|boolean)', // TODO:v6 remove boolean support\n  keyboard: 'boolean',\n  pause: '(string|boolean)',\n  ride: '(boolean|string)',\n  touch: 'boolean',\n  wrap: 'boolean'\n}\n\n/**\n * Class definition\n */\n\nclass Carousel extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._interval = null\n    this._activeElement = null\n    this._isSliding = false\n    this.touchTimeout = null\n    this._swipeHelper = null\n\n    this._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, this._element)\n    this._addEventListeners()\n\n    if (this._config.ride === CLASS_NAME_CAROUSEL) {\n      this.cycle()\n    }\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  next() {\n    this._slide(ORDER_NEXT)\n  }\n\n  nextWhenVisible() {\n    // FIXME TODO use `document.visibilityState`\n    // Don't call next when the page isn't visible\n    // or the carousel or its parent isn't visible\n    if (!document.hidden && isVisible(this._element)) {\n      this.next()\n    }\n  }\n\n  prev() {\n    this._slide(ORDER_PREV)\n  }\n\n  pause() {\n    if (this._isSliding) {\n      triggerTransitionEnd(this._element)\n    }\n\n    this._clearInterval()\n  }\n\n  cycle() {\n    this._clearInterval()\n    this._updateInterval()\n\n    this._interval = setInterval(() => this.nextWhenVisible(), this._config.interval)\n  }\n\n  _maybeEnableCycle() {\n    if (!this._config.ride) {\n      return\n    }\n\n    if (this._isSliding) {\n      EventHandler.one(this._element, EVENT_SLID, () => this.cycle())\n      return\n    }\n\n    this.cycle()\n  }\n\n  to(index) {\n    const items = this._getItems()\n    if (index > items.length - 1 || index < 0) {\n      return\n    }\n\n    if (this._isSliding) {\n      EventHandler.one(this._element, EVENT_SLID, () => this.to(index))\n      return\n    }\n\n    const activeIndex = this._getItemIndex(this._getActive())\n    if (activeIndex === index) {\n      return\n    }\n\n    const order = index > activeIndex ? ORDER_NEXT : ORDER_PREV\n\n    this._slide(order, items[index])\n  }\n\n  dispose() {\n    if (this._swipeHelper) {\n      this._swipeHelper.dispose()\n    }\n\n    super.dispose()\n  }\n\n  // Private\n  _configAfterMerge(config) {\n    config.defaultInterval = config.interval\n    return config\n  }\n\n  _addEventListeners() {\n    if (this._config.keyboard) {\n      EventHandler.on(this._element, EVENT_KEYDOWN, event => this._keydown(event))\n    }\n\n    if (this._config.pause === 'hover') {\n      EventHandler.on(this._element, EVENT_MOUSEENTER, () => this.pause())\n      EventHandler.on(this._element, EVENT_MOUSELEAVE, () => this._maybeEnableCycle())\n    }\n\n    if (this._config.touch && Swipe.isSupported()) {\n      this._addTouchEventListeners()\n    }\n  }\n\n  _addTouchEventListeners() {\n    for (const img of SelectorEngine.find(SELECTOR_ITEM_IMG, this._element)) {\n      EventHandler.on(img, EVENT_DRAG_START, event => event.preventDefault())\n    }\n\n    const endCallBack = () => {\n      if (this._config.pause !== 'hover') {\n        return\n      }\n\n      // If it's a touch-enabled device, mouseenter/leave are fired as\n      // part of the mouse compatibility events on first tap - the carousel\n      // would stop cycling until user tapped out of it;\n      // here, we listen for touchend, explicitly pause the carousel\n      // (as if it's the second time we tap on it, mouseenter compat event\n      // is NOT fired) and after a timeout (to allow for mouse compatibility\n      // events to fire) we explicitly restart cycling\n\n      this.pause()\n      if (this.touchTimeout) {\n        clearTimeout(this.touchTimeout)\n      }\n\n      this.touchTimeout = setTimeout(() => this._maybeEnableCycle(), TOUCHEVENT_COMPAT_WAIT + this._config.interval)\n    }\n\n    const swipeConfig = {\n      leftCallback: () => this._slide(this._directionToOrder(DIRECTION_LEFT)),\n      rightCallback: () => this._slide(this._directionToOrder(DIRECTION_RIGHT)),\n      endCallback: endCallBack\n    }\n\n    this._swipeHelper = new Swipe(this._element, swipeConfig)\n  }\n\n  _keydown(event) {\n    if (/input|textarea/i.test(event.target.tagName)) {\n      return\n    }\n\n    const direction = KEY_TO_DIRECTION[event.key]\n    if (direction) {\n      event.preventDefault()\n      this._slide(this._directionToOrder(direction))\n    }\n  }\n\n  _getItemIndex(element) {\n    return this._getItems().indexOf(element)\n  }\n\n  _setActiveIndicatorElement(index) {\n    if (!this._indicatorsElement) {\n      return\n    }\n\n    const activeIndicator = SelectorEngine.findOne(SELECTOR_ACTIVE, this._indicatorsElement)\n\n    activeIndicator.classList.remove(CLASS_NAME_ACTIVE)\n    activeIndicator.removeAttribute('aria-current')\n\n    const newActiveIndicator = SelectorEngine.findOne(`[data-bs-slide-to=\"${index}\"]`, this._indicatorsElement)\n\n    if (newActiveIndicator) {\n      newActiveIndicator.classList.add(CLASS_NAME_ACTIVE)\n      newActiveIndicator.setAttribute('aria-current', 'true')\n    }\n  }\n\n  _updateInterval() {\n    const element = this._activeElement || this._getActive()\n\n    if (!element) {\n      return\n    }\n\n    const elementInterval = Number.parseInt(element.getAttribute('data-bs-interval'), 10)\n\n    this._config.interval = elementInterval || this._config.defaultInterval\n  }\n\n  _slide(order, element = null) {\n    if (this._isSliding) {\n      return\n    }\n\n    const activeElement = this._getActive()\n    const isNext = order === ORDER_NEXT\n    const nextElement = element || getNextActiveElement(this._getItems(), activeElement, isNext, this._config.wrap)\n\n    if (nextElement === activeElement) {\n      return\n    }\n\n    const nextElementIndex = this._getItemIndex(nextElement)\n\n    const triggerEvent = eventName => {\n      return EventHandler.trigger(this._element, eventName, {\n        relatedTarget: nextElement,\n        direction: this._orderToDirection(order),\n        from: this._getItemIndex(activeElement),\n        to: nextElementIndex\n      })\n    }\n\n    const slideEvent = triggerEvent(EVENT_SLIDE)\n\n    if (slideEvent.defaultPrevented) {\n      return\n    }\n\n    if (!activeElement || !nextElement) {\n      // Some weirdness is happening, so we bail\n      // TODO: change tests that use empty divs to avoid this check\n      return\n    }\n\n    const isCycling = Boolean(this._interval)\n    this.pause()\n\n    this._isSliding = true\n\n    this._setActiveIndicatorElement(nextElementIndex)\n    this._activeElement = nextElement\n\n    const directionalClassName = isNext ? CLASS_NAME_START : CLASS_NAME_END\n    const orderClassName = isNext ? CLASS_NAME_NEXT : CLASS_NAME_PREV\n\n    nextElement.classList.add(orderClassName)\n\n    reflow(nextElement)\n\n    activeElement.classList.add(directionalClassName)\n    nextElement.classList.add(directionalClassName)\n\n    const completeCallBack = () => {\n      nextElement.classList.remove(directionalClassName, orderClassName)\n      nextElement.classList.add(CLASS_NAME_ACTIVE)\n\n      activeElement.classList.remove(CLASS_NAME_ACTIVE, orderClassName, directionalClassName)\n\n      this._isSliding = false\n\n      triggerEvent(EVENT_SLID)\n    }\n\n    this._queueCallback(completeCallBack, activeElement, this._isAnimated())\n\n    if (isCycling) {\n      this.cycle()\n    }\n  }\n\n  _isAnimated() {\n    return this._element.classList.contains(CLASS_NAME_SLIDE)\n  }\n\n  _getActive() {\n    return SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element)\n  }\n\n  _getItems() {\n    return SelectorEngine.find(SELECTOR_ITEM, this._element)\n  }\n\n  _clearInterval() {\n    if (this._interval) {\n      clearInterval(this._interval)\n      this._interval = null\n    }\n  }\n\n  _directionToOrder(direction) {\n    if (isRTL()) {\n      return direction === DIRECTION_LEFT ? ORDER_PREV : ORDER_NEXT\n    }\n\n    return direction === DIRECTION_LEFT ? ORDER_NEXT : ORDER_PREV\n  }\n\n  _orderToDirection(order) {\n    if (isRTL()) {\n      return order === ORDER_PREV ? DIRECTION_LEFT : DIRECTION_RIGHT\n    }\n\n    return order === ORDER_PREV ? DIRECTION_RIGHT : DIRECTION_LEFT\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Carousel.getOrCreateInstance(this, config)\n\n      if (typeof config === 'number') {\n        data.to(config)\n        return\n      }\n\n      if (typeof config === 'string') {\n        if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n          throw new TypeError(`No method named \"${config}\"`)\n        }\n\n        data[config]()\n      }\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, function (event) {\n  const target = SelectorEngine.getElementFromSelector(this)\n\n  if (!target || !target.classList.contains(CLASS_NAME_CAROUSEL)) {\n    return\n  }\n\n  event.preventDefault()\n\n  const carousel = Carousel.getOrCreateInstance(target)\n  const slideIndex = this.getAttribute('data-bs-slide-to')\n\n  if (slideIndex) {\n    carousel.to(slideIndex)\n    carousel._maybeEnableCycle()\n    return\n  }\n\n  if (Manipulator.getDataAttribute(this, 'slide') === 'next') {\n    carousel.next()\n    carousel._maybeEnableCycle()\n    return\n  }\n\n  carousel.prev()\n  carousel._maybeEnableCycle()\n})\n\nEventHandler.on(window, EVENT_LOAD_DATA_API, () => {\n  const carousels = SelectorEngine.find(SELECTOR_DATA_RIDE)\n\n  for (const carousel of carousels) {\n    Carousel.getOrCreateInstance(carousel)\n  }\n})\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Carousel)\n\nexport default Carousel\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport {\n  defineJQueryPlugin,\n  getElement,\n  reflow\n} from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'collapse'\nconst DATA_KEY = 'bs.collapse'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_COLLAPSE = 'collapse'\nconst CLASS_NAME_COLLAPSING = 'collapsing'\nconst CLASS_NAME_COLLAPSED = 'collapsed'\nconst CLASS_NAME_DEEPER_CHILDREN = `:scope .${CLASS_NAME_COLLAPSE} .${CLASS_NAME_COLLAPSE}`\nconst CLASS_NAME_HORIZONTAL = 'collapse-horizontal'\n\nconst WIDTH = 'width'\nconst HEIGHT = 'height'\n\nconst SELECTOR_ACTIVES = '.collapse.show, .collapse.collapsing'\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"collapse\"]'\n\nconst Default = {\n  parent: null,\n  toggle: true\n}\n\nconst DefaultType = {\n  parent: '(null|element)',\n  toggle: 'boolean'\n}\n\n/**\n * Class definition\n */\n\nclass Collapse extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._isTransitioning = false\n    this._triggerArray = []\n\n    const toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE)\n\n    for (const elem of toggleList) {\n      const selector = SelectorEngine.getSelectorFromElement(elem)\n      const filterElement = SelectorEngine.find(selector)\n        .filter(foundElement => foundElement === this._element)\n\n      if (selector !== null && filterElement.length) {\n        this._triggerArray.push(elem)\n      }\n    }\n\n    this._initializeChildren()\n\n    if (!this._config.parent) {\n      this._addAriaAndCollapsedClass(this._triggerArray, this._isShown())\n    }\n\n    if (this._config.toggle) {\n      this.toggle()\n    }\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  toggle() {\n    if (this._isShown()) {\n      this.hide()\n    } else {\n      this.show()\n    }\n  }\n\n  show() {\n    if (this._isTransitioning || this._isShown()) {\n      return\n    }\n\n    let activeChildren = []\n\n    // find active children\n    if (this._config.parent) {\n      activeChildren = this._getFirstLevelChildren(SELECTOR_ACTIVES)\n        .filter(element => element !== this._element)\n        .map(element => Collapse.getOrCreateInstance(element, { toggle: false }))\n    }\n\n    if (activeChildren.length && activeChildren[0]._isTransitioning) {\n      return\n    }\n\n    const startEvent = EventHandler.trigger(this._element, EVENT_SHOW)\n    if (startEvent.defaultPrevented) {\n      return\n    }\n\n    for (const activeInstance of activeChildren) {\n      activeInstance.hide()\n    }\n\n    const dimension = this._getDimension()\n\n    this._element.classList.remove(CLASS_NAME_COLLAPSE)\n    this._element.classList.add(CLASS_NAME_COLLAPSING)\n\n    this._element.style[dimension] = 0\n\n    this._addAriaAndCollapsedClass(this._triggerArray, true)\n    this._isTransitioning = true\n\n    const complete = () => {\n      this._isTransitioning = false\n\n      this._element.classList.remove(CLASS_NAME_COLLAPSING)\n      this._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW)\n\n      this._element.style[dimension] = ''\n\n      EventHandler.trigger(this._element, EVENT_SHOWN)\n    }\n\n    const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n    const scrollSize = `scroll${capitalizedDimension}`\n\n    this._queueCallback(complete, this._element, true)\n    this._element.style[dimension] = `${this._element[scrollSize]}px`\n  }\n\n  hide() {\n    if (this._isTransitioning || !this._isShown()) {\n      return\n    }\n\n    const startEvent = EventHandler.trigger(this._element, EVENT_HIDE)\n    if (startEvent.defaultPrevented) {\n      return\n    }\n\n    const dimension = this._getDimension()\n\n    this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n    reflow(this._element)\n\n    this._element.classList.add(CLASS_NAME_COLLAPSING)\n    this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW)\n\n    for (const trigger of this._triggerArray) {\n      const element = SelectorEngine.getElementFromSelector(trigger)\n\n      if (element && !this._isShown(element)) {\n        this._addAriaAndCollapsedClass([trigger], false)\n      }\n    }\n\n    this._isTransitioning = true\n\n    const complete = () => {\n      this._isTransitioning = false\n      this._element.classList.remove(CLASS_NAME_COLLAPSING)\n      this._element.classList.add(CLASS_NAME_COLLAPSE)\n      EventHandler.trigger(this._element, EVENT_HIDDEN)\n    }\n\n    this._element.style[dimension] = ''\n\n    this._queueCallback(complete, this._element, true)\n  }\n\n  _isShown(element = this._element) {\n    return element.classList.contains(CLASS_NAME_SHOW)\n  }\n\n  // Private\n  _configAfterMerge(config) {\n    config.toggle = Boolean(config.toggle) // Coerce string values\n    config.parent = getElement(config.parent)\n    return config\n  }\n\n  _getDimension() {\n    return this._element.classList.contains(CLASS_NAME_HORIZONTAL) ? WIDTH : HEIGHT\n  }\n\n  _initializeChildren() {\n    if (!this._config.parent) {\n      return\n    }\n\n    const children = this._getFirstLevelChildren(SELECTOR_DATA_TOGGLE)\n\n    for (const element of children) {\n      const selected = SelectorEngine.getElementFromSelector(element)\n\n      if (selected) {\n        this._addAriaAndCollapsedClass([element], this._isShown(selected))\n      }\n    }\n  }\n\n  _getFirstLevelChildren(selector) {\n    const children = SelectorEngine.find(CLASS_NAME_DEEPER_CHILDREN, this._config.parent)\n    // remove children if greater depth\n    return SelectorEngine.find(selector, this._config.parent).filter(element => !children.includes(element))\n  }\n\n  _addAriaAndCollapsedClass(triggerArray, isOpen) {\n    if (!triggerArray.length) {\n      return\n    }\n\n    for (const element of triggerArray) {\n      element.classList.toggle(CLASS_NAME_COLLAPSED, !isOpen)\n      element.setAttribute('aria-expanded', isOpen)\n    }\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    const _config = {}\n    if (typeof config === 'string' && /show|hide/.test(config)) {\n      _config.toggle = false\n    }\n\n    return this.each(function () {\n      const data = Collapse.getOrCreateInstance(this, _config)\n\n      if (typeof config === 'string') {\n        if (typeof data[config] === 'undefined') {\n          throw new TypeError(`No method named \"${config}\"`)\n        }\n\n        data[config]()\n      }\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n  // preventDefault only for <a> elements (which change the URL) not inside the collapsible element\n  if (event.target.tagName === 'A' || (event.delegateTarget && event.delegateTarget.tagName === 'A')) {\n    event.preventDefault()\n  }\n\n  for (const element of SelectorEngine.getMultipleElementsFromSelector(this)) {\n    Collapse.getOrCreateInstance(element, { toggle: false }).toggle()\n  }\n})\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Collapse)\n\nexport default Collapse\n","export var top = 'top';\nexport var bottom = 'bottom';\nexport var right = 'right';\nexport var left = 'left';\nexport var auto = 'auto';\nexport var basePlacements = [top, bottom, right, left];\nexport var start = 'start';\nexport var end = 'end';\nexport var clippingParents = 'clippingParents';\nexport var viewport = 'viewport';\nexport var popper = 'popper';\nexport var reference = 'reference';\nexport var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) {\n  return acc.concat([placement + \"-\" + start, placement + \"-\" + end]);\n}, []);\nexport var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) {\n  return acc.concat([placement, placement + \"-\" + start, placement + \"-\" + end]);\n}, []); // modifiers that need to read the DOM\n\nexport var beforeRead = 'beforeRead';\nexport var read = 'read';\nexport var afterRead = 'afterRead'; // pure-logic modifiers\n\nexport var beforeMain = 'beforeMain';\nexport var main = 'main';\nexport var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state)\n\nexport var beforeWrite = 'beforeWrite';\nexport var write = 'write';\nexport var afterWrite = 'afterWrite';\nexport var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];","export default function getNodeName(element) {\n  return element ? (element.nodeName || '').toLowerCase() : null;\n}","export default function getWindow(node) {\n  if (node == null) {\n    return window;\n  }\n\n  if (node.toString() !== '[object Window]') {\n    var ownerDocument = node.ownerDocument;\n    return ownerDocument ? ownerDocument.defaultView || window : window;\n  }\n\n  return node;\n}","import getWindow from \"./getWindow.js\";\n\nfunction isElement(node) {\n  var OwnElement = getWindow(node).Element;\n  return node instanceof OwnElement || node instanceof Element;\n}\n\nfunction isHTMLElement(node) {\n  var OwnElement = getWindow(node).HTMLElement;\n  return node instanceof OwnElement || node instanceof HTMLElement;\n}\n\nfunction isShadowRoot(node) {\n  // IE 11 has no ShadowRoot\n  if (typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n\n  var OwnElement = getWindow(node).ShadowRoot;\n  return node instanceof OwnElement || node instanceof ShadowRoot;\n}\n\nexport { isElement, isHTMLElement, isShadowRoot };","import getNodeName from \"../dom-utils/getNodeName.js\";\nimport { isHTMLElement } from \"../dom-utils/instanceOf.js\"; // This modifier takes the styles prepared by the `computeStyles` modifier\n// and applies them to the HTMLElements such as popper and arrow\n\nfunction applyStyles(_ref) {\n  var state = _ref.state;\n  Object.keys(state.elements).forEach(function (name) {\n    var style = state.styles[name] || {};\n    var attributes = state.attributes[name] || {};\n    var element = state.elements[name]; // arrow is optional + virtual elements\n\n    if (!isHTMLElement(element) || !getNodeName(element)) {\n      return;\n    } // Flow doesn't support to extend this property, but it's the most\n    // effective way to apply styles to an HTMLElement\n    // $FlowFixMe[cannot-write]\n\n\n    Object.assign(element.style, style);\n    Object.keys(attributes).forEach(function (name) {\n      var value = attributes[name];\n\n      if (value === false) {\n        element.removeAttribute(name);\n      } else {\n        element.setAttribute(name, value === true ? '' : value);\n      }\n    });\n  });\n}\n\nfunction effect(_ref2) {\n  var state = _ref2.state;\n  var initialStyles = {\n    popper: {\n      position: state.options.strategy,\n      left: '0',\n      top: '0',\n      margin: '0'\n    },\n    arrow: {\n      position: 'absolute'\n    },\n    reference: {}\n  };\n  Object.assign(state.elements.popper.style, initialStyles.popper);\n  state.styles = initialStyles;\n\n  if (state.elements.arrow) {\n    Object.assign(state.elements.arrow.style, initialStyles.arrow);\n  }\n\n  return function () {\n    Object.keys(state.elements).forEach(function (name) {\n      var element = state.elements[name];\n      var attributes = state.attributes[name] || {};\n      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them\n\n      var style = styleProperties.reduce(function (style, property) {\n        style[property] = '';\n        return style;\n      }, {}); // arrow is optional + virtual elements\n\n      if (!isHTMLElement(element) || !getNodeName(element)) {\n        return;\n      }\n\n      Object.assign(element.style, style);\n      Object.keys(attributes).forEach(function (attribute) {\n        element.removeAttribute(attribute);\n      });\n    });\n  };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'applyStyles',\n  enabled: true,\n  phase: 'write',\n  fn: applyStyles,\n  effect: effect,\n  requires: ['computeStyles']\n};","import { auto } from \"../enums.js\";\nexport default function getBasePlacement(placement) {\n  return placement.split('-')[0];\n}","export var max = Math.max;\nexport var min = Math.min;\nexport var round = Math.round;","export default function getUAString() {\n  var uaData = navigator.userAgentData;\n\n  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {\n    return uaData.brands.map(function (item) {\n      return item.brand + \"/\" + item.version;\n    }).join(' ');\n  }\n\n  return navigator.userAgent;\n}","import getUAString from \"../utils/userAgent.js\";\nexport default function isLayoutViewport() {\n  return !/^((?!chrome|android).)*safari/i.test(getUAString());\n}","import { isElement, isHTMLElement } from \"./instanceOf.js\";\nimport { round } from \"../utils/math.js\";\nimport getWindow from \"./getWindow.js\";\nimport isLayoutViewport from \"./isLayoutViewport.js\";\nexport default function getBoundingClientRect(element, includeScale, isFixedStrategy) {\n  if (includeScale === void 0) {\n    includeScale = false;\n  }\n\n  if (isFixedStrategy === void 0) {\n    isFixedStrategy = false;\n  }\n\n  var clientRect = element.getBoundingClientRect();\n  var scaleX = 1;\n  var scaleY = 1;\n\n  if (includeScale && isHTMLElement(element)) {\n    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;\n    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;\n  }\n\n  var _ref = isElement(element) ? getWindow(element) : window,\n      visualViewport = _ref.visualViewport;\n\n  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;\n  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;\n  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;\n  var width = clientRect.width / scaleX;\n  var height = clientRect.height / scaleY;\n  return {\n    width: width,\n    height: height,\n    top: y,\n    right: x + width,\n    bottom: y + height,\n    left: x,\n    x: x,\n    y: y\n  };\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\"; // Returns the layout rect of an element relative to its offsetParent. Layout\n// means it doesn't take into account transforms.\n\nexport default function getLayoutRect(element) {\n  var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.\n  // Fixes https://github.com/popperjs/popper-core/issues/1223\n\n  var width = element.offsetWidth;\n  var height = element.offsetHeight;\n\n  if (Math.abs(clientRect.width - width) <= 1) {\n    width = clientRect.width;\n  }\n\n  if (Math.abs(clientRect.height - height) <= 1) {\n    height = clientRect.height;\n  }\n\n  return {\n    x: element.offsetLeft,\n    y: element.offsetTop,\n    width: width,\n    height: height\n  };\n}","import { isShadowRoot } from \"./instanceOf.js\";\nexport default function contains(parent, child) {\n  var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method\n\n  if (parent.contains(child)) {\n    return true;\n  } // then fallback to custom implementation with Shadow DOM support\n  else if (rootNode && isShadowRoot(rootNode)) {\n      var next = child;\n\n      do {\n        if (next && parent.isSameNode(next)) {\n          return true;\n        } // $FlowFixMe[prop-missing]: need a better way to handle this...\n\n\n        next = next.parentNode || next.host;\n      } while (next);\n    } // Give up, the result is false\n\n\n  return false;\n}","import getWindow from \"./getWindow.js\";\nexport default function getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}","import getNodeName from \"./getNodeName.js\";\nexport default function isTableElement(element) {\n  return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;\n}","import { isElement } from \"./instanceOf.js\";\nexport default function getDocumentElement(element) {\n  // $FlowFixMe[incompatible-return]: assume body is always available\n  return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]\n  element.document) || window.document).documentElement;\n}","import getNodeName from \"./getNodeName.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport { isShadowRoot } from \"./instanceOf.js\";\nexport default function getParentNode(element) {\n  if (getNodeName(element) === 'html') {\n    return element;\n  }\n\n  return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle\n    // $FlowFixMe[incompatible-return]\n    // $FlowFixMe[prop-missing]\n    element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n    element.parentNode || ( // DOM Element detected\n    isShadowRoot(element) ? element.host : null) || // ShadowRoot detected\n    // $FlowFixMe[incompatible-call]: HTMLElement is a Node\n    getDocumentElement(element) // fallback\n\n  );\n}","import getWindow from \"./getWindow.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isHTMLElement, isShadowRoot } from \"./instanceOf.js\";\nimport isTableElement from \"./isTableElement.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getUAString from \"../utils/userAgent.js\";\n\nfunction getTrueOffsetParent(element) {\n  if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837\n  getComputedStyle(element).position === 'fixed') {\n    return null;\n  }\n\n  return element.offsetParent;\n} // `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\n\n\nfunction getContainingBlock(element) {\n  var isFirefox = /firefox/i.test(getUAString());\n  var isIE = /Trident/i.test(getUAString());\n\n  if (isIE && isHTMLElement(element)) {\n    // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport\n    var elementCss = getComputedStyle(element);\n\n    if (elementCss.position === 'fixed') {\n      return null;\n    }\n  }\n\n  var currentNode = getParentNode(element);\n\n  if (isShadowRoot(currentNode)) {\n    currentNode = currentNode.host;\n  }\n\n  while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {\n    var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that\n    // create a containing block.\n    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n    if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {\n      return currentNode;\n    } else {\n      currentNode = currentNode.parentNode;\n    }\n  }\n\n  return null;\n} // Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\n\n\nexport default function getOffsetParent(element) {\n  var window = getWindow(element);\n  var offsetParent = getTrueOffsetParent(element);\n\n  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n    offsetParent = getTrueOffsetParent(offsetParent);\n  }\n\n  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) {\n    return window;\n  }\n\n  return offsetParent || getContainingBlock(element) || window;\n}","export default function getMainAxisFromPlacement(placement) {\n  return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}","import { max as mathMax, min as mathMin } from \"./math.js\";\nexport function within(min, value, max) {\n  return mathMax(min, mathMin(value, max));\n}\nexport function withinMaxClamp(min, value, max) {\n  var v = within(min, value, max);\n  return v > max ? max : v;\n}","import getFreshSideObject from \"./getFreshSideObject.js\";\nexport default function mergePaddingObject(paddingObject) {\n  return Object.assign({}, getFreshSideObject(), paddingObject);\n}","export default function getFreshSideObject() {\n  return {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0\n  };\n}","export default function expandToHashMap(value, keys) {\n  return keys.reduce(function (hashMap, key) {\n    hashMap[key] = value;\n    return hashMap;\n  }, {});\n}","import getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getLayoutRect from \"../dom-utils/getLayoutRect.js\";\nimport contains from \"../dom-utils/contains.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport getMainAxisFromPlacement from \"../utils/getMainAxisFromPlacement.js\";\nimport { within } from \"../utils/within.js\";\nimport mergePaddingObject from \"../utils/mergePaddingObject.js\";\nimport expandToHashMap from \"../utils/expandToHashMap.js\";\nimport { left, right, basePlacements, top, bottom } from \"../enums.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar toPaddingObject = function toPaddingObject(padding, state) {\n  padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {\n    placement: state.placement\n  })) : padding;\n  return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n};\n\nfunction arrow(_ref) {\n  var _state$modifiersData$;\n\n  var state = _ref.state,\n      name = _ref.name,\n      options = _ref.options;\n  var arrowElement = state.elements.arrow;\n  var popperOffsets = state.modifiersData.popperOffsets;\n  var basePlacement = getBasePlacement(state.placement);\n  var axis = getMainAxisFromPlacement(basePlacement);\n  var isVertical = [left, right].indexOf(basePlacement) >= 0;\n  var len = isVertical ? 'height' : 'width';\n\n  if (!arrowElement || !popperOffsets) {\n    return;\n  }\n\n  var paddingObject = toPaddingObject(options.padding, state);\n  var arrowRect = getLayoutRect(arrowElement);\n  var minProp = axis === 'y' ? top : left;\n  var maxProp = axis === 'y' ? bottom : right;\n  var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];\n  var startDiff = popperOffsets[axis] - state.rects.reference[axis];\n  var arrowOffsetParent = getOffsetParent(arrowElement);\n  var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;\n  var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is\n  // outside of the popper bounds\n\n  var min = paddingObject[minProp];\n  var max = clientSize - arrowRect[len] - paddingObject[maxProp];\n  var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;\n  var offset = within(min, center, max); // Prevents breaking syntax highlighting...\n\n  var axisProp = axis;\n  state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);\n}\n\nfunction effect(_ref2) {\n  var state = _ref2.state,\n      options = _ref2.options;\n  var _options$element = options.element,\n      arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;\n\n  if (arrowElement == null) {\n    return;\n  } // CSS selector\n\n\n  if (typeof arrowElement === 'string') {\n    arrowElement = state.elements.popper.querySelector(arrowElement);\n\n    if (!arrowElement) {\n      return;\n    }\n  }\n\n  if (!contains(state.elements.popper, arrowElement)) {\n    return;\n  }\n\n  state.elements.arrow = arrowElement;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'arrow',\n  enabled: true,\n  phase: 'main',\n  fn: arrow,\n  effect: effect,\n  requires: ['popperOffsets'],\n  requiresIfExists: ['preventOverflow']\n};","export default function getVariation(placement) {\n  return placement.split('-')[1];\n}","import { top, left, right, bottom, end } from \"../enums.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport getWindow from \"../dom-utils/getWindow.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getComputedStyle from \"../dom-utils/getComputedStyle.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getVariation from \"../utils/getVariation.js\";\nimport { round } from \"../utils/math.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar unsetSides = {\n  top: 'auto',\n  right: 'auto',\n  bottom: 'auto',\n  left: 'auto'\n}; // Round the offsets to the nearest suitable subpixel based on the DPR.\n// Zooming can change the DPR, but it seems to report a value that will\n// cleanly divide the values into the appropriate subpixels.\n\nfunction roundOffsetsByDPR(_ref, win) {\n  var x = _ref.x,\n      y = _ref.y;\n  var dpr = win.devicePixelRatio || 1;\n  return {\n    x: round(x * dpr) / dpr || 0,\n    y: round(y * dpr) / dpr || 0\n  };\n}\n\nexport function mapToStyles(_ref2) {\n  var _Object$assign2;\n\n  var popper = _ref2.popper,\n      popperRect = _ref2.popperRect,\n      placement = _ref2.placement,\n      variation = _ref2.variation,\n      offsets = _ref2.offsets,\n      position = _ref2.position,\n      gpuAcceleration = _ref2.gpuAcceleration,\n      adaptive = _ref2.adaptive,\n      roundOffsets = _ref2.roundOffsets,\n      isFixed = _ref2.isFixed;\n  var _offsets$x = offsets.x,\n      x = _offsets$x === void 0 ? 0 : _offsets$x,\n      _offsets$y = offsets.y,\n      y = _offsets$y === void 0 ? 0 : _offsets$y;\n\n  var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({\n    x: x,\n    y: y\n  }) : {\n    x: x,\n    y: y\n  };\n\n  x = _ref3.x;\n  y = _ref3.y;\n  var hasX = offsets.hasOwnProperty('x');\n  var hasY = offsets.hasOwnProperty('y');\n  var sideX = left;\n  var sideY = top;\n  var win = window;\n\n  if (adaptive) {\n    var offsetParent = getOffsetParent(popper);\n    var heightProp = 'clientHeight';\n    var widthProp = 'clientWidth';\n\n    if (offsetParent === getWindow(popper)) {\n      offsetParent = getDocumentElement(popper);\n\n      if (getComputedStyle(offsetParent).position !== 'static' && position === 'absolute') {\n        heightProp = 'scrollHeight';\n        widthProp = 'scrollWidth';\n      }\n    } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it\n\n\n    offsetParent = offsetParent;\n\n    if (placement === top || (placement === left || placement === right) && variation === end) {\n      sideY = bottom;\n      var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]\n      offsetParent[heightProp];\n      y -= offsetY - popperRect.height;\n      y *= gpuAcceleration ? 1 : -1;\n    }\n\n    if (placement === left || (placement === top || placement === bottom) && variation === end) {\n      sideX = right;\n      var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]\n      offsetParent[widthProp];\n      x -= offsetX - popperRect.width;\n      x *= gpuAcceleration ? 1 : -1;\n    }\n  }\n\n  var commonStyles = Object.assign({\n    position: position\n  }, adaptive && unsetSides);\n\n  var _ref4 = roundOffsets === true ? roundOffsetsByDPR({\n    x: x,\n    y: y\n  }, getWindow(popper)) : {\n    x: x,\n    y: y\n  };\n\n  x = _ref4.x;\n  y = _ref4.y;\n\n  if (gpuAcceleration) {\n    var _Object$assign;\n\n    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? \"translate(\" + x + \"px, \" + y + \"px)\" : \"translate3d(\" + x + \"px, \" + y + \"px, 0)\", _Object$assign));\n  }\n\n  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + \"px\" : '', _Object$assign2[sideX] = hasX ? x + \"px\" : '', _Object$assign2.transform = '', _Object$assign2));\n}\n\nfunction computeStyles(_ref5) {\n  var state = _ref5.state,\n      options = _ref5.options;\n  var _options$gpuAccelerat = options.gpuAcceleration,\n      gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,\n      _options$adaptive = options.adaptive,\n      adaptive = _options$adaptive === void 0 ? true : _options$adaptive,\n      _options$roundOffsets = options.roundOffsets,\n      roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;\n  var commonStyles = {\n    placement: getBasePlacement(state.placement),\n    variation: getVariation(state.placement),\n    popper: state.elements.popper,\n    popperRect: state.rects.popper,\n    gpuAcceleration: gpuAcceleration,\n    isFixed: state.options.strategy === 'fixed'\n  };\n\n  if (state.modifiersData.popperOffsets != null) {\n    state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {\n      offsets: state.modifiersData.popperOffsets,\n      position: state.options.strategy,\n      adaptive: adaptive,\n      roundOffsets: roundOffsets\n    })));\n  }\n\n  if (state.modifiersData.arrow != null) {\n    state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {\n      offsets: state.modifiersData.arrow,\n      position: 'absolute',\n      adaptive: false,\n      roundOffsets: roundOffsets\n    })));\n  }\n\n  state.attributes.popper = Object.assign({}, state.attributes.popper, {\n    'data-popper-placement': state.placement\n  });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'computeStyles',\n  enabled: true,\n  phase: 'beforeWrite',\n  fn: computeStyles,\n  data: {}\n};","import getWindow from \"../dom-utils/getWindow.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar passive = {\n  passive: true\n};\n\nfunction effect(_ref) {\n  var state = _ref.state,\n      instance = _ref.instance,\n      options = _ref.options;\n  var _options$scroll = options.scroll,\n      scroll = _options$scroll === void 0 ? true : _options$scroll,\n      _options$resize = options.resize,\n      resize = _options$resize === void 0 ? true : _options$resize;\n  var window = getWindow(state.elements.popper);\n  var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);\n\n  if (scroll) {\n    scrollParents.forEach(function (scrollParent) {\n      scrollParent.addEventListener('scroll', instance.update, passive);\n    });\n  }\n\n  if (resize) {\n    window.addEventListener('resize', instance.update, passive);\n  }\n\n  return function () {\n    if (scroll) {\n      scrollParents.forEach(function (scrollParent) {\n        scrollParent.removeEventListener('scroll', instance.update, passive);\n      });\n    }\n\n    if (resize) {\n      window.removeEventListener('resize', instance.update, passive);\n    }\n  };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'eventListeners',\n  enabled: true,\n  phase: 'write',\n  fn: function fn() {},\n  effect: effect,\n  data: {}\n};","var hash = {\n  left: 'right',\n  right: 'left',\n  bottom: 'top',\n  top: 'bottom'\n};\nexport default function getOppositePlacement(placement) {\n  return placement.replace(/left|right|bottom|top/g, function (matched) {\n    return hash[matched];\n  });\n}","var hash = {\n  start: 'end',\n  end: 'start'\n};\nexport default function getOppositeVariationPlacement(placement) {\n  return placement.replace(/start|end/g, function (matched) {\n    return hash[matched];\n  });\n}","import getWindow from \"./getWindow.js\";\nexport default function getWindowScroll(node) {\n  var win = getWindow(node);\n  var scrollLeft = win.pageXOffset;\n  var scrollTop = win.pageYOffset;\n  return {\n    scrollLeft: scrollLeft,\n    scrollTop: scrollTop\n  };\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nexport default function getWindowScrollBarX(element) {\n  // If <html> has a CSS width greater than the viewport, then this will be\n  // incorrect for RTL.\n  // Popper 1 is broken in this case and never had a bug report so let's assume\n  // it's not an issue. I don't think anyone ever specifies width on <html>\n  // anyway.\n  // Browsers where the left scrollbar doesn't cause an issue report `0` for\n  // this (e.g. Edge 2019, IE11, Safari)\n  return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;\n}","import getComputedStyle from \"./getComputedStyle.js\";\nexport default function isScrollParent(element) {\n  // Firefox wants us to check `-x` and `-y` variations as well\n  var _getComputedStyle = getComputedStyle(element),\n      overflow = _getComputedStyle.overflow,\n      overflowX = _getComputedStyle.overflowX,\n      overflowY = _getComputedStyle.overflowY;\n\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}","import getParentNode from \"./getParentNode.js\";\nimport isScrollParent from \"./isScrollParent.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nexport default function getScrollParent(node) {\n  if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {\n    // $FlowFixMe[incompatible-return]: assume body is always available\n    return node.ownerDocument.body;\n  }\n\n  if (isHTMLElement(node) && isScrollParent(node)) {\n    return node;\n  }\n\n  return getScrollParent(getParentNode(node));\n}","import getScrollParent from \"./getScrollParent.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getWindow from \"./getWindow.js\";\nimport isScrollParent from \"./isScrollParent.js\";\n/*\ngiven a DOM element, return the list of all scroll parents, up the list of ancesors\nuntil we get to the top window object. This list is what we attach scroll listeners\nto, because if any of these parent elements scroll, we'll need to re-calculate the\nreference element's position.\n*/\n\nexport default function listScrollParents(element, list) {\n  var _element$ownerDocumen;\n\n  if (list === void 0) {\n    list = [];\n  }\n\n  var scrollParent = getScrollParent(element);\n  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);\n  var win = getWindow(scrollParent);\n  var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;\n  var updatedList = list.concat(target);\n  return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here\n  updatedList.concat(listScrollParents(getParentNode(target)));\n}","export default function rectToClientRect(rect) {\n  return Object.assign({}, rect, {\n    left: rect.x,\n    top: rect.y,\n    right: rect.x + rect.width,\n    bottom: rect.y + rect.height\n  });\n}","import { viewport } from \"../enums.js\";\nimport getViewportRect from \"./getViewportRect.js\";\nimport getDocumentRect from \"./getDocumentRect.js\";\nimport listScrollParents from \"./listScrollParents.js\";\nimport getOffsetParent from \"./getOffsetParent.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isElement, isHTMLElement } from \"./instanceOf.js\";\nimport getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport contains from \"./contains.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport rectToClientRect from \"../utils/rectToClientRect.js\";\nimport { max, min } from \"../utils/math.js\";\n\nfunction getInnerBoundingClientRect(element, strategy) {\n  var rect = getBoundingClientRect(element, false, strategy === 'fixed');\n  rect.top = rect.top + element.clientTop;\n  rect.left = rect.left + element.clientLeft;\n  rect.bottom = rect.top + element.clientHeight;\n  rect.right = rect.left + element.clientWidth;\n  rect.width = element.clientWidth;\n  rect.height = element.clientHeight;\n  rect.x = rect.left;\n  rect.y = rect.top;\n  return rect;\n}\n\nfunction getClientRectFromMixedType(element, clippingParent, strategy) {\n  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));\n} // A \"clipping parent\" is an overflowable container with the characteristic of\n// clipping (or hiding) overflowing elements with a position different from\n// `initial`\n\n\nfunction getClippingParents(element) {\n  var clippingParents = listScrollParents(getParentNode(element));\n  var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;\n  var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;\n\n  if (!isElement(clipperElement)) {\n    return [];\n  } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414\n\n\n  return clippingParents.filter(function (clippingParent) {\n    return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';\n  });\n} // Gets the maximum area that the element is visible in due to any number of\n// clipping parents\n\n\nexport default function getClippingRect(element, boundary, rootBoundary, strategy) {\n  var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);\n  var clippingParents = [].concat(mainClippingParents, [rootBoundary]);\n  var firstClippingParent = clippingParents[0];\n  var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {\n    var rect = getClientRectFromMixedType(element, clippingParent, strategy);\n    accRect.top = max(rect.top, accRect.top);\n    accRect.right = min(rect.right, accRect.right);\n    accRect.bottom = min(rect.bottom, accRect.bottom);\n    accRect.left = max(rect.left, accRect.left);\n    return accRect;\n  }, getClientRectFromMixedType(element, firstClippingParent, strategy));\n  clippingRect.width = clippingRect.right - clippingRect.left;\n  clippingRect.height = clippingRect.bottom - clippingRect.top;\n  clippingRect.x = clippingRect.left;\n  clippingRect.y = clippingRect.top;\n  return clippingRect;\n}","import getWindow from \"./getWindow.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport isLayoutViewport from \"./isLayoutViewport.js\";\nexport default function getViewportRect(element, strategy) {\n  var win = getWindow(element);\n  var html = getDocumentElement(element);\n  var visualViewport = win.visualViewport;\n  var width = html.clientWidth;\n  var height = html.clientHeight;\n  var x = 0;\n  var y = 0;\n\n  if (visualViewport) {\n    width = visualViewport.width;\n    height = visualViewport.height;\n    var layoutViewport = isLayoutViewport();\n\n    if (layoutViewport || !layoutViewport && strategy === 'fixed') {\n      x = visualViewport.offsetLeft;\n      y = visualViewport.offsetTop;\n    }\n  }\n\n  return {\n    width: width,\n    height: height,\n    x: x + getWindowScrollBarX(element),\n    y: y\n  };\n}","import getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nimport { max } from \"../utils/math.js\"; // Gets the entire size of the scrollable document area, even extending outside\n// of the `<html>` and `<body>` rect bounds if horizontally scrollable\n\nexport default function getDocumentRect(element) {\n  var _element$ownerDocumen;\n\n  var html = getDocumentElement(element);\n  var winScroll = getWindowScroll(element);\n  var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;\n  var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);\n  var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);\n  var x = -winScroll.scrollLeft + getWindowScrollBarX(element);\n  var y = -winScroll.scrollTop;\n\n  if (getComputedStyle(body || html).direction === 'rtl') {\n    x += max(html.clientWidth, body ? body.clientWidth : 0) - width;\n  }\n\n  return {\n    width: width,\n    height: height,\n    x: x,\n    y: y\n  };\n}","import getBasePlacement from \"./getBasePlacement.js\";\nimport getVariation from \"./getVariation.js\";\nimport getMainAxisFromPlacement from \"./getMainAxisFromPlacement.js\";\nimport { top, right, bottom, left, start, end } from \"../enums.js\";\nexport default function computeOffsets(_ref) {\n  var reference = _ref.reference,\n      element = _ref.element,\n      placement = _ref.placement;\n  var basePlacement = placement ? getBasePlacement(placement) : null;\n  var variation = placement ? getVariation(placement) : null;\n  var commonX = reference.x + reference.width / 2 - element.width / 2;\n  var commonY = reference.y + reference.height / 2 - element.height / 2;\n  var offsets;\n\n  switch (basePlacement) {\n    case top:\n      offsets = {\n        x: commonX,\n        y: reference.y - element.height\n      };\n      break;\n\n    case bottom:\n      offsets = {\n        x: commonX,\n        y: reference.y + reference.height\n      };\n      break;\n\n    case right:\n      offsets = {\n        x: reference.x + reference.width,\n        y: commonY\n      };\n      break;\n\n    case left:\n      offsets = {\n        x: reference.x - element.width,\n        y: commonY\n      };\n      break;\n\n    default:\n      offsets = {\n        x: reference.x,\n        y: reference.y\n      };\n  }\n\n  var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;\n\n  if (mainAxis != null) {\n    var len = mainAxis === 'y' ? 'height' : 'width';\n\n    switch (variation) {\n      case start:\n        offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);\n        break;\n\n      case end:\n        offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);\n        break;\n\n      default:\n    }\n  }\n\n  return offsets;\n}","import getClippingRect from \"../dom-utils/getClippingRect.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getBoundingClientRect from \"../dom-utils/getBoundingClientRect.js\";\nimport computeOffsets from \"./computeOffsets.js\";\nimport rectToClientRect from \"./rectToClientRect.js\";\nimport { clippingParents, reference, popper, bottom, top, right, basePlacements, viewport } from \"../enums.js\";\nimport { isElement } from \"../dom-utils/instanceOf.js\";\nimport mergePaddingObject from \"./mergePaddingObject.js\";\nimport expandToHashMap from \"./expandToHashMap.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport default function detectOverflow(state, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  var _options = options,\n      _options$placement = _options.placement,\n      placement = _options$placement === void 0 ? state.placement : _options$placement,\n      _options$strategy = _options.strategy,\n      strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,\n      _options$boundary = _options.boundary,\n      boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,\n      _options$rootBoundary = _options.rootBoundary,\n      rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,\n      _options$elementConte = _options.elementContext,\n      elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,\n      _options$altBoundary = _options.altBoundary,\n      altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,\n      _options$padding = _options.padding,\n      padding = _options$padding === void 0 ? 0 : _options$padding;\n  var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n  var altContext = elementContext === popper ? reference : popper;\n  var popperRect = state.rects.popper;\n  var element = state.elements[altBoundary ? altContext : elementContext];\n  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);\n  var referenceClientRect = getBoundingClientRect(state.elements.reference);\n  var popperOffsets = computeOffsets({\n    reference: referenceClientRect,\n    element: popperRect,\n    strategy: 'absolute',\n    placement: placement\n  });\n  var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));\n  var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect\n  // 0 or negative = within the clipping rect\n\n  var overflowOffsets = {\n    top: clippingClientRect.top - elementClientRect.top + paddingObject.top,\n    bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,\n    left: clippingClientRect.left - elementClientRect.left + paddingObject.left,\n    right: elementClientRect.right - clippingClientRect.right + paddingObject.right\n  };\n  var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element\n\n  if (elementContext === popper && offsetData) {\n    var offset = offsetData[placement];\n    Object.keys(overflowOffsets).forEach(function (key) {\n      var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;\n      var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';\n      overflowOffsets[key] += offset[axis] * multiply;\n    });\n  }\n\n  return overflowOffsets;\n}","import getVariation from \"./getVariation.js\";\nimport { variationPlacements, basePlacements, placements as allPlacements } from \"../enums.js\";\nimport detectOverflow from \"./detectOverflow.js\";\nimport getBasePlacement from \"./getBasePlacement.js\";\nexport default function computeAutoPlacement(state, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  var _options = options,\n      placement = _options.placement,\n      boundary = _options.boundary,\n      rootBoundary = _options.rootBoundary,\n      padding = _options.padding,\n      flipVariations = _options.flipVariations,\n      _options$allowedAutoP = _options.allowedAutoPlacements,\n      allowedAutoPlacements = _options$allowedAutoP === void 0 ? allPlacements : _options$allowedAutoP;\n  var variation = getVariation(placement);\n  var placements = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {\n    return getVariation(placement) === variation;\n  }) : basePlacements;\n  var allowedPlacements = placements.filter(function (placement) {\n    return allowedAutoPlacements.indexOf(placement) >= 0;\n  });\n\n  if (allowedPlacements.length === 0) {\n    allowedPlacements = placements;\n  } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...\n\n\n  var overflows = allowedPlacements.reduce(function (acc, placement) {\n    acc[placement] = detectOverflow(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      padding: padding\n    })[getBasePlacement(placement)];\n    return acc;\n  }, {});\n  return Object.keys(overflows).sort(function (a, b) {\n    return overflows[a] - overflows[b];\n  });\n}","import getOppositePlacement from \"../utils/getOppositePlacement.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getOppositeVariationPlacement from \"../utils/getOppositeVariationPlacement.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport computeAutoPlacement from \"../utils/computeAutoPlacement.js\";\nimport { bottom, top, start, right, left, auto } from \"../enums.js\";\nimport getVariation from \"../utils/getVariation.js\"; // eslint-disable-next-line import/no-unused-modules\n\nfunction getExpandedFallbackPlacements(placement) {\n  if (getBasePlacement(placement) === auto) {\n    return [];\n  }\n\n  var oppositePlacement = getOppositePlacement(placement);\n  return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];\n}\n\nfunction flip(_ref) {\n  var state = _ref.state,\n      options = _ref.options,\n      name = _ref.name;\n\n  if (state.modifiersData[name]._skip) {\n    return;\n  }\n\n  var _options$mainAxis = options.mainAxis,\n      checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n      _options$altAxis = options.altAxis,\n      checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,\n      specifiedFallbackPlacements = options.fallbackPlacements,\n      padding = options.padding,\n      boundary = options.boundary,\n      rootBoundary = options.rootBoundary,\n      altBoundary = options.altBoundary,\n      _options$flipVariatio = options.flipVariations,\n      flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,\n      allowedAutoPlacements = options.allowedAutoPlacements;\n  var preferredPlacement = state.options.placement;\n  var basePlacement = getBasePlacement(preferredPlacement);\n  var isBasePlacement = basePlacement === preferredPlacement;\n  var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));\n  var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {\n    return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      padding: padding,\n      flipVariations: flipVariations,\n      allowedAutoPlacements: allowedAutoPlacements\n    }) : placement);\n  }, []);\n  var referenceRect = state.rects.reference;\n  var popperRect = state.rects.popper;\n  var checksMap = new Map();\n  var makeFallbackChecks = true;\n  var firstFittingPlacement = placements[0];\n\n  for (var i = 0; i < placements.length; i++) {\n    var placement = placements[i];\n\n    var _basePlacement = getBasePlacement(placement);\n\n    var isStartVariation = getVariation(placement) === start;\n    var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;\n    var len = isVertical ? 'width' : 'height';\n    var overflow = detectOverflow(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      altBoundary: altBoundary,\n      padding: padding\n    });\n    var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;\n\n    if (referenceRect[len] > popperRect[len]) {\n      mainVariationSide = getOppositePlacement(mainVariationSide);\n    }\n\n    var altVariationSide = getOppositePlacement(mainVariationSide);\n    var checks = [];\n\n    if (checkMainAxis) {\n      checks.push(overflow[_basePlacement] <= 0);\n    }\n\n    if (checkAltAxis) {\n      checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);\n    }\n\n    if (checks.every(function (check) {\n      return check;\n    })) {\n      firstFittingPlacement = placement;\n      makeFallbackChecks = false;\n      break;\n    }\n\n    checksMap.set(placement, checks);\n  }\n\n  if (makeFallbackChecks) {\n    // `2` may be desired in some cases – research later\n    var numberOfChecks = flipVariations ? 3 : 1;\n\n    var _loop = function _loop(_i) {\n      var fittingPlacement = placements.find(function (placement) {\n        var checks = checksMap.get(placement);\n\n        if (checks) {\n          return checks.slice(0, _i).every(function (check) {\n            return check;\n          });\n        }\n      });\n\n      if (fittingPlacement) {\n        firstFittingPlacement = fittingPlacement;\n        return \"break\";\n      }\n    };\n\n    for (var _i = numberOfChecks; _i > 0; _i--) {\n      var _ret = _loop(_i);\n\n      if (_ret === \"break\") break;\n    }\n  }\n\n  if (state.placement !== firstFittingPlacement) {\n    state.modifiersData[name]._skip = true;\n    state.placement = firstFittingPlacement;\n    state.reset = true;\n  }\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'flip',\n  enabled: true,\n  phase: 'main',\n  fn: flip,\n  requiresIfExists: ['offset'],\n  data: {\n    _skip: false\n  }\n};","import { top, bottom, left, right } from \"../enums.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\n\nfunction getSideOffsets(overflow, rect, preventedOffsets) {\n  if (preventedOffsets === void 0) {\n    preventedOffsets = {\n      x: 0,\n      y: 0\n    };\n  }\n\n  return {\n    top: overflow.top - rect.height - preventedOffsets.y,\n    right: overflow.right - rect.width + preventedOffsets.x,\n    bottom: overflow.bottom - rect.height + preventedOffsets.y,\n    left: overflow.left - rect.width - preventedOffsets.x\n  };\n}\n\nfunction isAnySideFullyClipped(overflow) {\n  return [top, right, bottom, left].some(function (side) {\n    return overflow[side] >= 0;\n  });\n}\n\nfunction hide(_ref) {\n  var state = _ref.state,\n      name = _ref.name;\n  var referenceRect = state.rects.reference;\n  var popperRect = state.rects.popper;\n  var preventedOffsets = state.modifiersData.preventOverflow;\n  var referenceOverflow = detectOverflow(state, {\n    elementContext: 'reference'\n  });\n  var popperAltOverflow = detectOverflow(state, {\n    altBoundary: true\n  });\n  var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);\n  var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);\n  var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);\n  var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);\n  state.modifiersData[name] = {\n    referenceClippingOffsets: referenceClippingOffsets,\n    popperEscapeOffsets: popperEscapeOffsets,\n    isReferenceHidden: isReferenceHidden,\n    hasPopperEscaped: hasPopperEscaped\n  };\n  state.attributes.popper = Object.assign({}, state.attributes.popper, {\n    'data-popper-reference-hidden': isReferenceHidden,\n    'data-popper-escaped': hasPopperEscaped\n  });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'hide',\n  enabled: true,\n  phase: 'main',\n  requiresIfExists: ['preventOverflow'],\n  fn: hide\n};","import getBasePlacement from \"../utils/getBasePlacement.js\";\nimport { top, left, right, placements } from \"../enums.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport function distanceAndSkiddingToXY(placement, rects, offset) {\n  var basePlacement = getBasePlacement(placement);\n  var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;\n\n  var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {\n    placement: placement\n  })) : offset,\n      skidding = _ref[0],\n      distance = _ref[1];\n\n  skidding = skidding || 0;\n  distance = (distance || 0) * invertDistance;\n  return [left, right].indexOf(basePlacement) >= 0 ? {\n    x: distance,\n    y: skidding\n  } : {\n    x: skidding,\n    y: distance\n  };\n}\n\nfunction offset(_ref2) {\n  var state = _ref2.state,\n      options = _ref2.options,\n      name = _ref2.name;\n  var _options$offset = options.offset,\n      offset = _options$offset === void 0 ? [0, 0] : _options$offset;\n  var data = placements.reduce(function (acc, placement) {\n    acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);\n    return acc;\n  }, {});\n  var _data$state$placement = data[state.placement],\n      x = _data$state$placement.x,\n      y = _data$state$placement.y;\n\n  if (state.modifiersData.popperOffsets != null) {\n    state.modifiersData.popperOffsets.x += x;\n    state.modifiersData.popperOffsets.y += y;\n  }\n\n  state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'offset',\n  enabled: true,\n  phase: 'main',\n  requires: ['popperOffsets'],\n  fn: offset\n};","import computeOffsets from \"../utils/computeOffsets.js\";\n\nfunction popperOffsets(_ref) {\n  var state = _ref.state,\n      name = _ref.name;\n  // Offsets are the actual position the popper needs to have to be\n  // properly positioned near its reference element\n  // This is the most basic placement, and will be adjusted by\n  // the modifiers in the next step\n  state.modifiersData[name] = computeOffsets({\n    reference: state.rects.reference,\n    element: state.rects.popper,\n    strategy: 'absolute',\n    placement: state.placement\n  });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'popperOffsets',\n  enabled: true,\n  phase: 'read',\n  fn: popperOffsets,\n  data: {}\n};","import { top, left, right, bottom, start } from \"../enums.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getMainAxisFromPlacement from \"../utils/getMainAxisFromPlacement.js\";\nimport getAltAxis from \"../utils/getAltAxis.js\";\nimport { within, withinMaxClamp } from \"../utils/within.js\";\nimport getLayoutRect from \"../dom-utils/getLayoutRect.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport getVariation from \"../utils/getVariation.js\";\nimport getFreshSideObject from \"../utils/getFreshSideObject.js\";\nimport { min as mathMin, max as mathMax } from \"../utils/math.js\";\n\nfunction preventOverflow(_ref) {\n  var state = _ref.state,\n      options = _ref.options,\n      name = _ref.name;\n  var _options$mainAxis = options.mainAxis,\n      checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n      _options$altAxis = options.altAxis,\n      checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,\n      boundary = options.boundary,\n      rootBoundary = options.rootBoundary,\n      altBoundary = options.altBoundary,\n      padding = options.padding,\n      _options$tether = options.tether,\n      tether = _options$tether === void 0 ? true : _options$tether,\n      _options$tetherOffset = options.tetherOffset,\n      tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;\n  var overflow = detectOverflow(state, {\n    boundary: boundary,\n    rootBoundary: rootBoundary,\n    padding: padding,\n    altBoundary: altBoundary\n  });\n  var basePlacement = getBasePlacement(state.placement);\n  var variation = getVariation(state.placement);\n  var isBasePlacement = !variation;\n  var mainAxis = getMainAxisFromPlacement(basePlacement);\n  var altAxis = getAltAxis(mainAxis);\n  var popperOffsets = state.modifiersData.popperOffsets;\n  var referenceRect = state.rects.reference;\n  var popperRect = state.rects.popper;\n  var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {\n    placement: state.placement\n  })) : tetherOffset;\n  var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {\n    mainAxis: tetherOffsetValue,\n    altAxis: tetherOffsetValue\n  } : Object.assign({\n    mainAxis: 0,\n    altAxis: 0\n  }, tetherOffsetValue);\n  var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;\n  var data = {\n    x: 0,\n    y: 0\n  };\n\n  if (!popperOffsets) {\n    return;\n  }\n\n  if (checkMainAxis) {\n    var _offsetModifierState$;\n\n    var mainSide = mainAxis === 'y' ? top : left;\n    var altSide = mainAxis === 'y' ? bottom : right;\n    var len = mainAxis === 'y' ? 'height' : 'width';\n    var offset = popperOffsets[mainAxis];\n    var min = offset + overflow[mainSide];\n    var max = offset - overflow[altSide];\n    var additive = tether ? -popperRect[len] / 2 : 0;\n    var minLen = variation === start ? referenceRect[len] : popperRect[len];\n    var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go\n    // outside the reference bounds\n\n    var arrowElement = state.elements.arrow;\n    var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {\n      width: 0,\n      height: 0\n    };\n    var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();\n    var arrowPaddingMin = arrowPaddingObject[mainSide];\n    var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want\n    // to include its full size in the calculation. If the reference is small\n    // and near the edge of a boundary, the popper can overflow even if the\n    // reference is not overflowing as well (e.g. virtual elements with no\n    // width or height)\n\n    var arrowLen = within(0, referenceRect[len], arrowRect[len]);\n    var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;\n    var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;\n    var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);\n    var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;\n    var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;\n    var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;\n    var tetherMax = offset + maxOffset - offsetModifierValue;\n    var preventedOffset = within(tether ? mathMin(min, tetherMin) : min, offset, tether ? mathMax(max, tetherMax) : max);\n    popperOffsets[mainAxis] = preventedOffset;\n    data[mainAxis] = preventedOffset - offset;\n  }\n\n  if (checkAltAxis) {\n    var _offsetModifierState$2;\n\n    var _mainSide = mainAxis === 'x' ? top : left;\n\n    var _altSide = mainAxis === 'x' ? bottom : right;\n\n    var _offset = popperOffsets[altAxis];\n\n    var _len = altAxis === 'y' ? 'height' : 'width';\n\n    var _min = _offset + overflow[_mainSide];\n\n    var _max = _offset - overflow[_altSide];\n\n    var isOriginSide = [top, left].indexOf(basePlacement) !== -1;\n\n    var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;\n\n    var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;\n\n    var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;\n\n    var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);\n\n    popperOffsets[altAxis] = _preventedOffset;\n    data[altAxis] = _preventedOffset - _offset;\n  }\n\n  state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'preventOverflow',\n  enabled: true,\n  phase: 'main',\n  fn: preventOverflow,\n  requiresIfExists: ['offset']\n};","export default function getAltAxis(axis) {\n  return axis === 'x' ? 'y' : 'x';\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getNodeScroll from \"./getNodeScroll.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport isScrollParent from \"./isScrollParent.js\";\nimport { round } from \"../utils/math.js\";\n\nfunction isElementScaled(element) {\n  var rect = element.getBoundingClientRect();\n  var scaleX = round(rect.width) / element.offsetWidth || 1;\n  var scaleY = round(rect.height) / element.offsetHeight || 1;\n  return scaleX !== 1 || scaleY !== 1;\n} // Returns the composite rect of an element relative to its offsetParent.\n// Composite means it takes into account transforms as well as layout.\n\n\nexport default function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {\n  if (isFixed === void 0) {\n    isFixed = false;\n  }\n\n  var isOffsetParentAnElement = isHTMLElement(offsetParent);\n  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);\n  var documentElement = getDocumentElement(offsetParent);\n  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);\n  var scroll = {\n    scrollLeft: 0,\n    scrollTop: 0\n  };\n  var offsets = {\n    x: 0,\n    y: 0\n  };\n\n  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n    if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078\n    isScrollParent(documentElement)) {\n      scroll = getNodeScroll(offsetParent);\n    }\n\n    if (isHTMLElement(offsetParent)) {\n      offsets = getBoundingClientRect(offsetParent, true);\n      offsets.x += offsetParent.clientLeft;\n      offsets.y += offsetParent.clientTop;\n    } else if (documentElement) {\n      offsets.x = getWindowScrollBarX(documentElement);\n    }\n  }\n\n  return {\n    x: rect.left + scroll.scrollLeft - offsets.x,\n    y: rect.top + scroll.scrollTop - offsets.y,\n    width: rect.width,\n    height: rect.height\n  };\n}","import getWindowScroll from \"./getWindowScroll.js\";\nimport getWindow from \"./getWindow.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getHTMLElementScroll from \"./getHTMLElementScroll.js\";\nexport default function getNodeScroll(node) {\n  if (node === getWindow(node) || !isHTMLElement(node)) {\n    return getWindowScroll(node);\n  } else {\n    return getHTMLElementScroll(node);\n  }\n}","export default function getHTMLElementScroll(element) {\n  return {\n    scrollLeft: element.scrollLeft,\n    scrollTop: element.scrollTop\n  };\n}","import { modifierPhases } from \"../enums.js\"; // source: https://stackoverflow.com/questions/49875255\n\nfunction order(modifiers) {\n  var map = new Map();\n  var visited = new Set();\n  var result = [];\n  modifiers.forEach(function (modifier) {\n    map.set(modifier.name, modifier);\n  }); // On visiting object, check for its dependencies and visit them recursively\n\n  function sort(modifier) {\n    visited.add(modifier.name);\n    var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);\n    requires.forEach(function (dep) {\n      if (!visited.has(dep)) {\n        var depModifier = map.get(dep);\n\n        if (depModifier) {\n          sort(depModifier);\n        }\n      }\n    });\n    result.push(modifier);\n  }\n\n  modifiers.forEach(function (modifier) {\n    if (!visited.has(modifier.name)) {\n      // check for visited object\n      sort(modifier);\n    }\n  });\n  return result;\n}\n\nexport default function orderModifiers(modifiers) {\n  // order based on dependencies\n  var orderedModifiers = order(modifiers); // order based on phase\n\n  return modifierPhases.reduce(function (acc, phase) {\n    return acc.concat(orderedModifiers.filter(function (modifier) {\n      return modifier.phase === phase;\n    }));\n  }, []);\n}","import getCompositeRect from \"./dom-utils/getCompositeRect.js\";\nimport getLayoutRect from \"./dom-utils/getLayoutRect.js\";\nimport listScrollParents from \"./dom-utils/listScrollParents.js\";\nimport getOffsetParent from \"./dom-utils/getOffsetParent.js\";\nimport orderModifiers from \"./utils/orderModifiers.js\";\nimport debounce from \"./utils/debounce.js\";\nimport mergeByName from \"./utils/mergeByName.js\";\nimport detectOverflow from \"./utils/detectOverflow.js\";\nimport { isElement } from \"./dom-utils/instanceOf.js\";\nvar DEFAULT_OPTIONS = {\n  placement: 'bottom',\n  modifiers: [],\n  strategy: 'absolute'\n};\n\nfunction areValidElements() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  return !args.some(function (element) {\n    return !(element && typeof element.getBoundingClientRect === 'function');\n  });\n}\n\nexport function popperGenerator(generatorOptions) {\n  if (generatorOptions === void 0) {\n    generatorOptions = {};\n  }\n\n  var _generatorOptions = generatorOptions,\n      _generatorOptions$def = _generatorOptions.defaultModifiers,\n      defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,\n      _generatorOptions$def2 = _generatorOptions.defaultOptions,\n      defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;\n  return function createPopper(reference, popper, options) {\n    if (options === void 0) {\n      options = defaultOptions;\n    }\n\n    var state = {\n      placement: 'bottom',\n      orderedModifiers: [],\n      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),\n      modifiersData: {},\n      elements: {\n        reference: reference,\n        popper: popper\n      },\n      attributes: {},\n      styles: {}\n    };\n    var effectCleanupFns = [];\n    var isDestroyed = false;\n    var instance = {\n      state: state,\n      setOptions: function setOptions(setOptionsAction) {\n        var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;\n        cleanupModifierEffects();\n        state.options = Object.assign({}, defaultOptions, state.options, options);\n        state.scrollParents = {\n          reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],\n          popper: listScrollParents(popper)\n        }; // Orders the modifiers based on their dependencies and `phase`\n        // properties\n\n        var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers\n\n        state.orderedModifiers = orderedModifiers.filter(function (m) {\n          return m.enabled;\n        });\n        runModifierEffects();\n        return instance.update();\n      },\n      // Sync update – it will always be executed, even if not necessary. This\n      // is useful for low frequency updates where sync behavior simplifies the\n      // logic.\n      // For high frequency updates (e.g. `resize` and `scroll` events), always\n      // prefer the async Popper#update method\n      forceUpdate: function forceUpdate() {\n        if (isDestroyed) {\n          return;\n        }\n\n        var _state$elements = state.elements,\n            reference = _state$elements.reference,\n            popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements\n        // anymore\n\n        if (!areValidElements(reference, popper)) {\n          return;\n        } // Store the reference and popper rects to be read by modifiers\n\n\n        state.rects = {\n          reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),\n          popper: getLayoutRect(popper)\n        }; // Modifiers have the ability to reset the current update cycle. The\n        // most common use case for this is the `flip` modifier changing the\n        // placement, which then needs to re-run all the modifiers, because the\n        // logic was previously ran for the previous placement and is therefore\n        // stale/incorrect\n\n        state.reset = false;\n        state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier\n        // is filled with the initial data specified by the modifier. This means\n        // it doesn't persist and is fresh on each update.\n        // To ensure persistent data, use `${name}#persistent`\n\n        state.orderedModifiers.forEach(function (modifier) {\n          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);\n        });\n\n        for (var index = 0; index < state.orderedModifiers.length; index++) {\n          if (state.reset === true) {\n            state.reset = false;\n            index = -1;\n            continue;\n          }\n\n          var _state$orderedModifie = state.orderedModifiers[index],\n              fn = _state$orderedModifie.fn,\n              _state$orderedModifie2 = _state$orderedModifie.options,\n              _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,\n              name = _state$orderedModifie.name;\n\n          if (typeof fn === 'function') {\n            state = fn({\n              state: state,\n              options: _options,\n              name: name,\n              instance: instance\n            }) || state;\n          }\n        }\n      },\n      // Async and optimistically optimized update – it will not be executed if\n      // not necessary (debounced to run at most once-per-tick)\n      update: debounce(function () {\n        return new Promise(function (resolve) {\n          instance.forceUpdate();\n          resolve(state);\n        });\n      }),\n      destroy: function destroy() {\n        cleanupModifierEffects();\n        isDestroyed = true;\n      }\n    };\n\n    if (!areValidElements(reference, popper)) {\n      return instance;\n    }\n\n    instance.setOptions(options).then(function (state) {\n      if (!isDestroyed && options.onFirstUpdate) {\n        options.onFirstUpdate(state);\n      }\n    }); // Modifiers have the ability to execute arbitrary code before the first\n    // update cycle runs. They will be executed in the same order as the update\n    // cycle. This is useful when a modifier adds some persistent data that\n    // other modifiers need to use, but the modifier is run after the dependent\n    // one.\n\n    function runModifierEffects() {\n      state.orderedModifiers.forEach(function (_ref) {\n        var name = _ref.name,\n            _ref$options = _ref.options,\n            options = _ref$options === void 0 ? {} : _ref$options,\n            effect = _ref.effect;\n\n        if (typeof effect === 'function') {\n          var cleanupFn = effect({\n            state: state,\n            name: name,\n            instance: instance,\n            options: options\n          });\n\n          var noopFn = function noopFn() {};\n\n          effectCleanupFns.push(cleanupFn || noopFn);\n        }\n      });\n    }\n\n    function cleanupModifierEffects() {\n      effectCleanupFns.forEach(function (fn) {\n        return fn();\n      });\n      effectCleanupFns = [];\n    }\n\n    return instance;\n  };\n}\nexport var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line import/no-unused-modules\n\nexport { detectOverflow };","export default function debounce(fn) {\n  var pending;\n  return function () {\n    if (!pending) {\n      pending = new Promise(function (resolve) {\n        Promise.resolve().then(function () {\n          pending = undefined;\n          resolve(fn());\n        });\n      });\n    }\n\n    return pending;\n  };\n}","export default function mergeByName(modifiers) {\n  var merged = modifiers.reduce(function (merged, current) {\n    var existing = merged[current.name];\n    merged[current.name] = existing ? Object.assign({}, existing, current, {\n      options: Object.assign({}, existing.options, current.options),\n      data: Object.assign({}, existing.data, current.data)\n    }) : current;\n    return merged;\n  }, {}); // IE11 does not support Object.values\n\n  return Object.keys(merged).map(function (key) {\n    return merged[key];\n  });\n}","import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles];\nvar createPopper = /*#__PURE__*/popperGenerator({\n  defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow };","import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nimport offset from \"./modifiers/offset.js\";\nimport flip from \"./modifiers/flip.js\";\nimport preventOverflow from \"./modifiers/preventOverflow.js\";\nimport arrow from \"./modifiers/arrow.js\";\nimport hide from \"./modifiers/hide.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];\nvar createPopper = /*#__PURE__*/popperGenerator({\n  defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow }; // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper as createPopperLite } from \"./popper-lite.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport * from \"./modifiers/index.js\";","/**\n * --------------------------------------------------------------------------\n * Bootstrap dropdown.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport * as Popper from '@popperjs/core'\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport Manipulator from './dom/manipulator.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport {\n  defineJQueryPlugin,\n  execute,\n  getElement,\n  getNextActiveElement,\n  isDisabled,\n  isElement,\n  isRTL,\n  isVisible,\n  noop\n} from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'dropdown'\nconst DATA_KEY = 'bs.dropdown'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst ESCAPE_KEY = 'Escape'\nconst TAB_KEY = 'Tab'\nconst ARROW_UP_KEY = 'ArrowUp'\nconst ARROW_DOWN_KEY = 'ArrowDown'\nconst RIGHT_MOUSE_BUTTON = 2 // MouseEvent.button value for the secondary button, usually the right button\n\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_KEYDOWN_DATA_API = `keydown${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_DROPUP = 'dropup'\nconst CLASS_NAME_DROPEND = 'dropend'\nconst CLASS_NAME_DROPSTART = 'dropstart'\nconst CLASS_NAME_DROPUP_CENTER = 'dropup-center'\nconst CLASS_NAME_DROPDOWN_CENTER = 'dropdown-center'\n\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"dropdown\"]:not(.disabled):not(:disabled)'\nconst SELECTOR_DATA_TOGGLE_SHOWN = `${SELECTOR_DATA_TOGGLE}.${CLASS_NAME_SHOW}`\nconst SELECTOR_MENU = '.dropdown-menu'\nconst SELECTOR_NAVBAR = '.navbar'\nconst SELECTOR_NAVBAR_NAV = '.navbar-nav'\nconst SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)'\n\nconst PLACEMENT_TOP = isRTL() ? 'top-end' : 'top-start'\nconst PLACEMENT_TOPEND = isRTL() ? 'top-start' : 'top-end'\nconst PLACEMENT_BOTTOM = isRTL() ? 'bottom-end' : 'bottom-start'\nconst PLACEMENT_BOTTOMEND = isRTL() ? 'bottom-start' : 'bottom-end'\nconst PLACEMENT_RIGHT = isRTL() ? 'left-start' : 'right-start'\nconst PLACEMENT_LEFT = isRTL() ? 'right-start' : 'left-start'\nconst PLACEMENT_TOPCENTER = 'top'\nconst PLACEMENT_BOTTOMCENTER = 'bottom'\n\nconst Default = {\n  autoClose: true,\n  boundary: 'clippingParents',\n  display: 'dynamic',\n  offset: [0, 2],\n  popperConfig: null,\n  reference: 'toggle'\n}\n\nconst DefaultType = {\n  autoClose: '(boolean|string)',\n  boundary: '(string|element)',\n  display: 'string',\n  offset: '(array|string|function)',\n  popperConfig: '(null|object|function)',\n  reference: '(string|element|object)'\n}\n\n/**\n * Class definition\n */\n\nclass Dropdown extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._popper = null\n    this._parent = this._element.parentNode // dropdown wrapper\n    // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/\n    this._menu = SelectorEngine.next(this._element, SELECTOR_MENU)[0] ||\n      SelectorEngine.prev(this._element, SELECTOR_MENU)[0] ||\n      SelectorEngine.findOne(SELECTOR_MENU, this._parent)\n    this._inNavbar = this._detectNavbar()\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  toggle() {\n    return this._isShown() ? this.hide() : this.show()\n  }\n\n  show() {\n    if (isDisabled(this._element) || this._isShown()) {\n      return\n    }\n\n    const relatedTarget = {\n      relatedTarget: this._element\n    }\n\n    const showEvent = EventHandler.trigger(this._element, EVENT_SHOW, relatedTarget)\n\n    if (showEvent.defaultPrevented) {\n      return\n    }\n\n    this._createPopper()\n\n    // If this is a touch-enabled device we add extra\n    // empty mouseover listeners to the body's immediate children;\n    // only needed because of broken event delegation on iOS\n    // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n    if ('ontouchstart' in document.documentElement && !this._parent.closest(SELECTOR_NAVBAR_NAV)) {\n      for (const element of [].concat(...document.body.children)) {\n        EventHandler.on(element, 'mouseover', noop)\n      }\n    }\n\n    this._element.focus()\n    this._element.setAttribute('aria-expanded', true)\n\n    this._menu.classList.add(CLASS_NAME_SHOW)\n    this._element.classList.add(CLASS_NAME_SHOW)\n    EventHandler.trigger(this._element, EVENT_SHOWN, relatedTarget)\n  }\n\n  hide() {\n    if (isDisabled(this._element) || !this._isShown()) {\n      return\n    }\n\n    const relatedTarget = {\n      relatedTarget: this._element\n    }\n\n    this._completeHide(relatedTarget)\n  }\n\n  dispose() {\n    if (this._popper) {\n      this._popper.destroy()\n    }\n\n    super.dispose()\n  }\n\n  update() {\n    this._inNavbar = this._detectNavbar()\n    if (this._popper) {\n      this._popper.update()\n    }\n  }\n\n  // Private\n  _completeHide(relatedTarget) {\n    const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE, relatedTarget)\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    // If this is a touch-enabled device we remove the extra\n    // empty mouseover listeners we added for iOS support\n    if ('ontouchstart' in document.documentElement) {\n      for (const element of [].concat(...document.body.children)) {\n        EventHandler.off(element, 'mouseover', noop)\n      }\n    }\n\n    if (this._popper) {\n      this._popper.destroy()\n    }\n\n    this._menu.classList.remove(CLASS_NAME_SHOW)\n    this._element.classList.remove(CLASS_NAME_SHOW)\n    this._element.setAttribute('aria-expanded', 'false')\n    Manipulator.removeDataAttribute(this._menu, 'popper')\n    EventHandler.trigger(this._element, EVENT_HIDDEN, relatedTarget)\n  }\n\n  _getConfig(config) {\n    config = super._getConfig(config)\n\n    if (typeof config.reference === 'object' && !isElement(config.reference) &&\n      typeof config.reference.getBoundingClientRect !== 'function'\n    ) {\n      // Popper virtual elements require a getBoundingClientRect method\n      throw new TypeError(`${NAME.toUpperCase()}: Option \"reference\" provided type \"object\" without a required \"getBoundingClientRect\" method.`)\n    }\n\n    return config\n  }\n\n  _createPopper() {\n    if (typeof Popper === 'undefined') {\n      throw new TypeError('Bootstrap\\'s dropdowns require Popper (https://popper.js.org)')\n    }\n\n    let referenceElement = this._element\n\n    if (this._config.reference === 'parent') {\n      referenceElement = this._parent\n    } else if (isElement(this._config.reference)) {\n      referenceElement = getElement(this._config.reference)\n    } else if (typeof this._config.reference === 'object') {\n      referenceElement = this._config.reference\n    }\n\n    const popperConfig = this._getPopperConfig()\n    this._popper = Popper.createPopper(referenceElement, this._menu, popperConfig)\n  }\n\n  _isShown() {\n    return this._menu.classList.contains(CLASS_NAME_SHOW)\n  }\n\n  _getPlacement() {\n    const parentDropdown = this._parent\n\n    if (parentDropdown.classList.contains(CLASS_NAME_DROPEND)) {\n      return PLACEMENT_RIGHT\n    }\n\n    if (parentDropdown.classList.contains(CLASS_NAME_DROPSTART)) {\n      return PLACEMENT_LEFT\n    }\n\n    if (parentDropdown.classList.contains(CLASS_NAME_DROPUP_CENTER)) {\n      return PLACEMENT_TOPCENTER\n    }\n\n    if (parentDropdown.classList.contains(CLASS_NAME_DROPDOWN_CENTER)) {\n      return PLACEMENT_BOTTOMCENTER\n    }\n\n    // We need to trim the value because custom properties can also include spaces\n    const isEnd = getComputedStyle(this._menu).getPropertyValue('--bs-position').trim() === 'end'\n\n    if (parentDropdown.classList.contains(CLASS_NAME_DROPUP)) {\n      return isEnd ? PLACEMENT_TOPEND : PLACEMENT_TOP\n    }\n\n    return isEnd ? PLACEMENT_BOTTOMEND : PLACEMENT_BOTTOM\n  }\n\n  _detectNavbar() {\n    return this._element.closest(SELECTOR_NAVBAR) !== null\n  }\n\n  _getOffset() {\n    const { offset } = this._config\n\n    if (typeof offset === 'string') {\n      return offset.split(',').map(value => Number.parseInt(value, 10))\n    }\n\n    if (typeof offset === 'function') {\n      return popperData => offset(popperData, this._element)\n    }\n\n    return offset\n  }\n\n  _getPopperConfig() {\n    const defaultBsPopperConfig = {\n      placement: this._getPlacement(),\n      modifiers: [{\n        name: 'preventOverflow',\n        options: {\n          boundary: this._config.boundary\n        }\n      },\n      {\n        name: 'offset',\n        options: {\n          offset: this._getOffset()\n        }\n      }]\n    }\n\n    // Disable Popper if we have a static display or Dropdown is in Navbar\n    if (this._inNavbar || this._config.display === 'static') {\n      Manipulator.setDataAttribute(this._menu, 'popper', 'static') // TODO: v6 remove\n      defaultBsPopperConfig.modifiers = [{\n        name: 'applyStyles',\n        enabled: false\n      }]\n    }\n\n    return {\n      ...defaultBsPopperConfig,\n      ...execute(this._config.popperConfig, [defaultBsPopperConfig])\n    }\n  }\n\n  _selectMenuItem({ key, target }) {\n    const items = SelectorEngine.find(SELECTOR_VISIBLE_ITEMS, this._menu).filter(element => isVisible(element))\n\n    if (!items.length) {\n      return\n    }\n\n    // if target isn't included in items (e.g. when expanding the dropdown)\n    // allow cycling to get the last item in case key equals ARROW_UP_KEY\n    getNextActiveElement(items, target, key === ARROW_DOWN_KEY, !items.includes(target)).focus()\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Dropdown.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (typeof data[config] === 'undefined') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config]()\n    })\n  }\n\n  static clearMenus(event) {\n    if (event.button === RIGHT_MOUSE_BUTTON || (event.type === 'keyup' && event.key !== TAB_KEY)) {\n      return\n    }\n\n    const openToggles = SelectorEngine.find(SELECTOR_DATA_TOGGLE_SHOWN)\n\n    for (const toggle of openToggles) {\n      const context = Dropdown.getInstance(toggle)\n      if (!context || context._config.autoClose === false) {\n        continue\n      }\n\n      const composedPath = event.composedPath()\n      const isMenuTarget = composedPath.includes(context._menu)\n      if (\n        composedPath.includes(context._element) ||\n        (context._config.autoClose === 'inside' && !isMenuTarget) ||\n        (context._config.autoClose === 'outside' && isMenuTarget)\n      ) {\n        continue\n      }\n\n      // Tab navigation through the dropdown menu or events from contained inputs shouldn't close the menu\n      if (context._menu.contains(event.target) && ((event.type === 'keyup' && event.key === TAB_KEY) || /input|select|option|textarea|form/i.test(event.target.tagName))) {\n        continue\n      }\n\n      const relatedTarget = { relatedTarget: context._element }\n\n      if (event.type === 'click') {\n        relatedTarget.clickEvent = event\n      }\n\n      context._completeHide(relatedTarget)\n    }\n  }\n\n  static dataApiKeydownHandler(event) {\n    // If not an UP | DOWN | ESCAPE key => not a dropdown command\n    // If input/textarea && if key is other than ESCAPE => not a dropdown command\n\n    const isInput = /input|textarea/i.test(event.target.tagName)\n    const isEscapeEvent = event.key === ESCAPE_KEY\n    const isUpOrDownEvent = [ARROW_UP_KEY, ARROW_DOWN_KEY].includes(event.key)\n\n    if (!isUpOrDownEvent && !isEscapeEvent) {\n      return\n    }\n\n    if (isInput && !isEscapeEvent) {\n      return\n    }\n\n    event.preventDefault()\n\n    // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/\n    const getToggleButton = this.matches(SELECTOR_DATA_TOGGLE) ?\n      this :\n      (SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE)[0] ||\n        SelectorEngine.next(this, SELECTOR_DATA_TOGGLE)[0] ||\n        SelectorEngine.findOne(SELECTOR_DATA_TOGGLE, event.delegateTarget.parentNode))\n\n    const instance = Dropdown.getOrCreateInstance(getToggleButton)\n\n    if (isUpOrDownEvent) {\n      event.stopPropagation()\n      instance.show()\n      instance._selectMenuItem(event)\n      return\n    }\n\n    if (instance._isShown()) { // else is escape and we check if it is shown\n      event.stopPropagation()\n      instance.hide()\n      getToggleButton.focus()\n    }\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_DATA_TOGGLE, Dropdown.dataApiKeydownHandler)\nEventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_MENU, Dropdown.dataApiKeydownHandler)\nEventHandler.on(document, EVENT_CLICK_DATA_API, Dropdown.clearMenus)\nEventHandler.on(document, EVENT_KEYUP_DATA_API, Dropdown.clearMenus)\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n  event.preventDefault()\n  Dropdown.getOrCreateInstance(this).toggle()\n})\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Dropdown)\n\nexport default Dropdown\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/backdrop.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport EventHandler from '../dom/event-handler.js'\nimport Config from './config.js'\nimport {\n  execute, executeAfterTransition, getElement, reflow\n} from './index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'backdrop'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\nconst EVENT_MOUSEDOWN = `mousedown.bs.${NAME}`\n\nconst Default = {\n  className: 'modal-backdrop',\n  clickCallback: null,\n  isAnimated: false,\n  isVisible: true, // if false, we use the backdrop helper without adding any element to the dom\n  rootElement: 'body' // give the choice to place backdrop under different elements\n}\n\nconst DefaultType = {\n  className: 'string',\n  clickCallback: '(function|null)',\n  isAnimated: 'boolean',\n  isVisible: 'boolean',\n  rootElement: '(element|string)'\n}\n\n/**\n * Class definition\n */\n\nclass Backdrop extends Config {\n  constructor(config) {\n    super()\n    this._config = this._getConfig(config)\n    this._isAppended = false\n    this._element = null\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  show(callback) {\n    if (!this._config.isVisible) {\n      execute(callback)\n      return\n    }\n\n    this._append()\n\n    const element = this._getElement()\n    if (this._config.isAnimated) {\n      reflow(element)\n    }\n\n    element.classList.add(CLASS_NAME_SHOW)\n\n    this._emulateAnimation(() => {\n      execute(callback)\n    })\n  }\n\n  hide(callback) {\n    if (!this._config.isVisible) {\n      execute(callback)\n      return\n    }\n\n    this._getElement().classList.remove(CLASS_NAME_SHOW)\n\n    this._emulateAnimation(() => {\n      this.dispose()\n      execute(callback)\n    })\n  }\n\n  dispose() {\n    if (!this._isAppended) {\n      return\n    }\n\n    EventHandler.off(this._element, EVENT_MOUSEDOWN)\n\n    this._element.remove()\n    this._isAppended = false\n  }\n\n  // Private\n  _getElement() {\n    if (!this._element) {\n      const backdrop = document.createElement('div')\n      backdrop.className = this._config.className\n      if (this._config.isAnimated) {\n        backdrop.classList.add(CLASS_NAME_FADE)\n      }\n\n      this._element = backdrop\n    }\n\n    return this._element\n  }\n\n  _configAfterMerge(config) {\n    // use getElement() with the default \"body\" to get a fresh Element on each instantiation\n    config.rootElement = getElement(config.rootElement)\n    return config\n  }\n\n  _append() {\n    if (this._isAppended) {\n      return\n    }\n\n    const element = this._getElement()\n    this._config.rootElement.append(element)\n\n    EventHandler.on(element, EVENT_MOUSEDOWN, () => {\n      execute(this._config.clickCallback)\n    })\n\n    this._isAppended = true\n  }\n\n  _emulateAnimation(callback) {\n    executeAfterTransition(callback, this._getElement(), this._config.isAnimated)\n  }\n}\n\nexport default Backdrop\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/focustrap.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport EventHandler from '../dom/event-handler.js'\nimport SelectorEngine from '../dom/selector-engine.js'\nimport Config from './config.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'focustrap'\nconst DATA_KEY = 'bs.focustrap'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst EVENT_FOCUSIN = `focusin${EVENT_KEY}`\nconst EVENT_KEYDOWN_TAB = `keydown.tab${EVENT_KEY}`\n\nconst TAB_KEY = 'Tab'\nconst TAB_NAV_FORWARD = 'forward'\nconst TAB_NAV_BACKWARD = 'backward'\n\nconst Default = {\n  autofocus: true,\n  trapElement: null // The element to trap focus inside of\n}\n\nconst DefaultType = {\n  autofocus: 'boolean',\n  trapElement: 'element'\n}\n\n/**\n * Class definition\n */\n\nclass FocusTrap extends Config {\n  constructor(config) {\n    super()\n    this._config = this._getConfig(config)\n    this._isActive = false\n    this._lastTabNavDirection = null\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  activate() {\n    if (this._isActive) {\n      return\n    }\n\n    if (this._config.autofocus) {\n      this._config.trapElement.focus()\n    }\n\n    EventHandler.off(document, EVENT_KEY) // guard against infinite focus loop\n    EventHandler.on(document, EVENT_FOCUSIN, event => this._handleFocusin(event))\n    EventHandler.on(document, EVENT_KEYDOWN_TAB, event => this._handleKeydown(event))\n\n    this._isActive = true\n  }\n\n  deactivate() {\n    if (!this._isActive) {\n      return\n    }\n\n    this._isActive = false\n    EventHandler.off(document, EVENT_KEY)\n  }\n\n  // Private\n  _handleFocusin(event) {\n    const { trapElement } = this._config\n\n    if (event.target === document || event.target === trapElement || trapElement.contains(event.target)) {\n      return\n    }\n\n    const elements = SelectorEngine.focusableChildren(trapElement)\n\n    if (elements.length === 0) {\n      trapElement.focus()\n    } else if (this._lastTabNavDirection === TAB_NAV_BACKWARD) {\n      elements[elements.length - 1].focus()\n    } else {\n      elements[0].focus()\n    }\n  }\n\n  _handleKeydown(event) {\n    if (event.key !== TAB_KEY) {\n      return\n    }\n\n    this._lastTabNavDirection = event.shiftKey ? TAB_NAV_BACKWARD : TAB_NAV_FORWARD\n  }\n}\n\nexport default FocusTrap\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/scrollBar.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Manipulator from '../dom/manipulator.js'\nimport SelectorEngine from '../dom/selector-engine.js'\nimport { isElement } from './index.js'\n\n/**\n * Constants\n */\n\nconst SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top'\nconst SELECTOR_STICKY_CONTENT = '.sticky-top'\nconst PROPERTY_PADDING = 'padding-right'\nconst PROPERTY_MARGIN = 'margin-right'\n\n/**\n * Class definition\n */\n\nclass ScrollBarHelper {\n  constructor() {\n    this._element = document.body\n  }\n\n  // Public\n  getWidth() {\n    // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes\n    const documentWidth = document.documentElement.clientWidth\n    return Math.abs(window.innerWidth - documentWidth)\n  }\n\n  hide() {\n    const width = this.getWidth()\n    this._disableOverFlow()\n    // give padding to element to balance the hidden scrollbar width\n    this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width)\n    // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth\n    this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width)\n    this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width)\n  }\n\n  reset() {\n    this._resetElementAttributes(this._element, 'overflow')\n    this._resetElementAttributes(this._element, PROPERTY_PADDING)\n    this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING)\n    this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN)\n  }\n\n  isOverflowing() {\n    return this.getWidth() > 0\n  }\n\n  // Private\n  _disableOverFlow() {\n    this._saveInitialAttribute(this._element, 'overflow')\n    this._element.style.overflow = 'hidden'\n  }\n\n  _setElementAttributes(selector, styleProperty, callback) {\n    const scrollbarWidth = this.getWidth()\n    const manipulationCallBack = element => {\n      if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) {\n        return\n      }\n\n      this._saveInitialAttribute(element, styleProperty)\n      const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty)\n      element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`)\n    }\n\n    this._applyManipulationCallback(selector, manipulationCallBack)\n  }\n\n  _saveInitialAttribute(element, styleProperty) {\n    const actualValue = element.style.getPropertyValue(styleProperty)\n    if (actualValue) {\n      Manipulator.setDataAttribute(element, styleProperty, actualValue)\n    }\n  }\n\n  _resetElementAttributes(selector, styleProperty) {\n    const manipulationCallBack = element => {\n      const value = Manipulator.getDataAttribute(element, styleProperty)\n      // We only want to remove the property if the value is `null`; the value can also be zero\n      if (value === null) {\n        element.style.removeProperty(styleProperty)\n        return\n      }\n\n      Manipulator.removeDataAttribute(element, styleProperty)\n      element.style.setProperty(styleProperty, value)\n    }\n\n    this._applyManipulationCallback(selector, manipulationCallBack)\n  }\n\n  _applyManipulationCallback(selector, callBack) {\n    if (isElement(selector)) {\n      callBack(selector)\n      return\n    }\n\n    for (const sel of SelectorEngine.find(selector, this._element)) {\n      callBack(sel)\n    }\n  }\n}\n\nexport default ScrollBarHelper\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport Backdrop from './util/backdrop.js'\nimport { enableDismissTrigger } from './util/component-functions.js'\nimport FocusTrap from './util/focustrap.js'\nimport {\n  defineJQueryPlugin, isRTL, isVisible, reflow\n} from './util/index.js'\nimport ScrollBarHelper from './util/scrollbar.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'modal'\nconst DATA_KEY = 'bs.modal'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst ESCAPE_KEY = 'Escape'\n\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_RESIZE = `resize${EVENT_KEY}`\nconst EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY}`\nconst EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY}`\nconst EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_OPEN = 'modal-open'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_STATIC = 'modal-static'\n\nconst OPEN_SELECTOR = '.modal.show'\nconst SELECTOR_DIALOG = '.modal-dialog'\nconst SELECTOR_MODAL_BODY = '.modal-body'\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"modal\"]'\n\nconst Default = {\n  backdrop: true,\n  focus: true,\n  keyboard: true\n}\n\nconst DefaultType = {\n  backdrop: '(boolean|string)',\n  focus: 'boolean',\n  keyboard: 'boolean'\n}\n\n/**\n * Class definition\n */\n\nclass Modal extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, this._element)\n    this._backdrop = this._initializeBackDrop()\n    this._focustrap = this._initializeFocusTrap()\n    this._isShown = false\n    this._isTransitioning = false\n    this._scrollBar = new ScrollBarHelper()\n\n    this._addEventListeners()\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  toggle(relatedTarget) {\n    return this._isShown ? this.hide() : this.show(relatedTarget)\n  }\n\n  show(relatedTarget) {\n    if (this._isShown || this._isTransitioning) {\n      return\n    }\n\n    const showEvent = EventHandler.trigger(this._element, EVENT_SHOW, {\n      relatedTarget\n    })\n\n    if (showEvent.defaultPrevented) {\n      return\n    }\n\n    this._isShown = true\n    this._isTransitioning = true\n\n    this._scrollBar.hide()\n\n    document.body.classList.add(CLASS_NAME_OPEN)\n\n    this._adjustDialog()\n\n    this._backdrop.show(() => this._showElement(relatedTarget))\n  }\n\n  hide() {\n    if (!this._isShown || this._isTransitioning) {\n      return\n    }\n\n    const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE)\n\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    this._isShown = false\n    this._isTransitioning = true\n    this._focustrap.deactivate()\n\n    this._element.classList.remove(CLASS_NAME_SHOW)\n\n    this._queueCallback(() => this._hideModal(), this._element, this._isAnimated())\n  }\n\n  dispose() {\n    EventHandler.off(window, EVENT_KEY)\n    EventHandler.off(this._dialog, EVENT_KEY)\n\n    this._backdrop.dispose()\n    this._focustrap.deactivate()\n\n    super.dispose()\n  }\n\n  handleUpdate() {\n    this._adjustDialog()\n  }\n\n  // Private\n  _initializeBackDrop() {\n    return new Backdrop({\n      isVisible: Boolean(this._config.backdrop), // 'static' option will be translated to true, and booleans will keep their value,\n      isAnimated: this._isAnimated()\n    })\n  }\n\n  _initializeFocusTrap() {\n    return new FocusTrap({\n      trapElement: this._element\n    })\n  }\n\n  _showElement(relatedTarget) {\n    // try to append dynamic modal\n    if (!document.body.contains(this._element)) {\n      document.body.append(this._element)\n    }\n\n    this._element.style.display = 'block'\n    this._element.removeAttribute('aria-hidden')\n    this._element.setAttribute('aria-modal', true)\n    this._element.setAttribute('role', 'dialog')\n    this._element.scrollTop = 0\n\n    const modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog)\n    if (modalBody) {\n      modalBody.scrollTop = 0\n    }\n\n    reflow(this._element)\n\n    this._element.classList.add(CLASS_NAME_SHOW)\n\n    const transitionComplete = () => {\n      if (this._config.focus) {\n        this._focustrap.activate()\n      }\n\n      this._isTransitioning = false\n      EventHandler.trigger(this._element, EVENT_SHOWN, {\n        relatedTarget\n      })\n    }\n\n    this._queueCallback(transitionComplete, this._dialog, this._isAnimated())\n  }\n\n  _addEventListeners() {\n    EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, event => {\n      if (event.key !== ESCAPE_KEY) {\n        return\n      }\n\n      if (this._config.keyboard) {\n        this.hide()\n        return\n      }\n\n      this._triggerBackdropTransition()\n    })\n\n    EventHandler.on(window, EVENT_RESIZE, () => {\n      if (this._isShown && !this._isTransitioning) {\n        this._adjustDialog()\n      }\n    })\n\n    EventHandler.on(this._element, EVENT_MOUSEDOWN_DISMISS, event => {\n      // a bad trick to segregate clicks that may start inside dialog but end outside, and avoid listen to scrollbar clicks\n      EventHandler.one(this._element, EVENT_CLICK_DISMISS, event2 => {\n        if (this._element !== event.target || this._element !== event2.target) {\n          return\n        }\n\n        if (this._config.backdrop === 'static') {\n          this._triggerBackdropTransition()\n          return\n        }\n\n        if (this._config.backdrop) {\n          this.hide()\n        }\n      })\n    })\n  }\n\n  _hideModal() {\n    this._element.style.display = 'none'\n    this._element.setAttribute('aria-hidden', true)\n    this._element.removeAttribute('aria-modal')\n    this._element.removeAttribute('role')\n    this._isTransitioning = false\n\n    this._backdrop.hide(() => {\n      document.body.classList.remove(CLASS_NAME_OPEN)\n      this._resetAdjustments()\n      this._scrollBar.reset()\n      EventHandler.trigger(this._element, EVENT_HIDDEN)\n    })\n  }\n\n  _isAnimated() {\n    return this._element.classList.contains(CLASS_NAME_FADE)\n  }\n\n  _triggerBackdropTransition() {\n    const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED)\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight\n    const initialOverflowY = this._element.style.overflowY\n    // return if the following background transition hasn't yet completed\n    if (initialOverflowY === 'hidden' || this._element.classList.contains(CLASS_NAME_STATIC)) {\n      return\n    }\n\n    if (!isModalOverflowing) {\n      this._element.style.overflowY = 'hidden'\n    }\n\n    this._element.classList.add(CLASS_NAME_STATIC)\n    this._queueCallback(() => {\n      this._element.classList.remove(CLASS_NAME_STATIC)\n      this._queueCallback(() => {\n        this._element.style.overflowY = initialOverflowY\n      }, this._dialog)\n    }, this._dialog)\n\n    this._element.focus()\n  }\n\n  /**\n   * The following methods are used to handle overflowing modals\n   */\n\n  _adjustDialog() {\n    const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight\n    const scrollbarWidth = this._scrollBar.getWidth()\n    const isBodyOverflowing = scrollbarWidth > 0\n\n    if (isBodyOverflowing && !isModalOverflowing) {\n      const property = isRTL() ? 'paddingLeft' : 'paddingRight'\n      this._element.style[property] = `${scrollbarWidth}px`\n    }\n\n    if (!isBodyOverflowing && isModalOverflowing) {\n      const property = isRTL() ? 'paddingRight' : 'paddingLeft'\n      this._element.style[property] = `${scrollbarWidth}px`\n    }\n  }\n\n  _resetAdjustments() {\n    this._element.style.paddingLeft = ''\n    this._element.style.paddingRight = ''\n  }\n\n  // Static\n  static jQueryInterface(config, relatedTarget) {\n    return this.each(function () {\n      const data = Modal.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (typeof data[config] === 'undefined') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config](relatedTarget)\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n  const target = SelectorEngine.getElementFromSelector(this)\n\n  if (['A', 'AREA'].includes(this.tagName)) {\n    event.preventDefault()\n  }\n\n  EventHandler.one(target, EVENT_SHOW, showEvent => {\n    if (showEvent.defaultPrevented) {\n      // only register focus restorer if modal will actually get shown\n      return\n    }\n\n    EventHandler.one(target, EVENT_HIDDEN, () => {\n      if (isVisible(this)) {\n        this.focus()\n      }\n    })\n  })\n\n  // avoid conflict when clicking modal toggler while another one is open\n  const alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR)\n  if (alreadyOpen) {\n    Modal.getInstance(alreadyOpen).hide()\n  }\n\n  const data = Modal.getOrCreateInstance(target)\n\n  data.toggle(this)\n})\n\nenableDismissTrigger(Modal)\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Modal)\n\nexport default Modal\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap offcanvas.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport Backdrop from './util/backdrop.js'\nimport { enableDismissTrigger } from './util/component-functions.js'\nimport FocusTrap from './util/focustrap.js'\nimport {\n  defineJQueryPlugin,\n  isDisabled,\n  isVisible\n} from './util/index.js'\nimport ScrollBarHelper from './util/scrollbar.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'offcanvas'\nconst DATA_KEY = 'bs.offcanvas'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\nconst ESCAPE_KEY = 'Escape'\n\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_SHOWING = 'showing'\nconst CLASS_NAME_HIDING = 'hiding'\nconst CLASS_NAME_BACKDROP = 'offcanvas-backdrop'\nconst OPEN_SELECTOR = '.offcanvas.show'\n\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_RESIZE = `resize${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY}`\n\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"offcanvas\"]'\n\nconst Default = {\n  backdrop: true,\n  keyboard: true,\n  scroll: false\n}\n\nconst DefaultType = {\n  backdrop: '(boolean|string)',\n  keyboard: 'boolean',\n  scroll: 'boolean'\n}\n\n/**\n * Class definition\n */\n\nclass Offcanvas extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._isShown = false\n    this._backdrop = this._initializeBackDrop()\n    this._focustrap = this._initializeFocusTrap()\n    this._addEventListeners()\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  toggle(relatedTarget) {\n    return this._isShown ? this.hide() : this.show(relatedTarget)\n  }\n\n  show(relatedTarget) {\n    if (this._isShown) {\n      return\n    }\n\n    const showEvent = EventHandler.trigger(this._element, EVENT_SHOW, { relatedTarget })\n\n    if (showEvent.defaultPrevented) {\n      return\n    }\n\n    this._isShown = true\n    this._backdrop.show()\n\n    if (!this._config.scroll) {\n      new ScrollBarHelper().hide()\n    }\n\n    this._element.setAttribute('aria-modal', true)\n    this._element.setAttribute('role', 'dialog')\n    this._element.classList.add(CLASS_NAME_SHOWING)\n\n    const completeCallBack = () => {\n      if (!this._config.scroll || this._config.backdrop) {\n        this._focustrap.activate()\n      }\n\n      this._element.classList.add(CLASS_NAME_SHOW)\n      this._element.classList.remove(CLASS_NAME_SHOWING)\n      EventHandler.trigger(this._element, EVENT_SHOWN, { relatedTarget })\n    }\n\n    this._queueCallback(completeCallBack, this._element, true)\n  }\n\n  hide() {\n    if (!this._isShown) {\n      return\n    }\n\n    const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE)\n\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    this._focustrap.deactivate()\n    this._element.blur()\n    this._isShown = false\n    this._element.classList.add(CLASS_NAME_HIDING)\n    this._backdrop.hide()\n\n    const completeCallback = () => {\n      this._element.classList.remove(CLASS_NAME_SHOW, CLASS_NAME_HIDING)\n      this._element.removeAttribute('aria-modal')\n      this._element.removeAttribute('role')\n\n      if (!this._config.scroll) {\n        new ScrollBarHelper().reset()\n      }\n\n      EventHandler.trigger(this._element, EVENT_HIDDEN)\n    }\n\n    this._queueCallback(completeCallback, this._element, true)\n  }\n\n  dispose() {\n    this._backdrop.dispose()\n    this._focustrap.deactivate()\n    super.dispose()\n  }\n\n  // Private\n  _initializeBackDrop() {\n    const clickCallback = () => {\n      if (this._config.backdrop === 'static') {\n        EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED)\n        return\n      }\n\n      this.hide()\n    }\n\n    // 'static' option will be translated to true, and booleans will keep their value\n    const isVisible = Boolean(this._config.backdrop)\n\n    return new Backdrop({\n      className: CLASS_NAME_BACKDROP,\n      isVisible,\n      isAnimated: true,\n      rootElement: this._element.parentNode,\n      clickCallback: isVisible ? clickCallback : null\n    })\n  }\n\n  _initializeFocusTrap() {\n    return new FocusTrap({\n      trapElement: this._element\n    })\n  }\n\n  _addEventListeners() {\n    EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, event => {\n      if (event.key !== ESCAPE_KEY) {\n        return\n      }\n\n      if (this._config.keyboard) {\n        this.hide()\n        return\n      }\n\n      EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED)\n    })\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Offcanvas.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config](this)\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n  const target = SelectorEngine.getElementFromSelector(this)\n\n  if (['A', 'AREA'].includes(this.tagName)) {\n    event.preventDefault()\n  }\n\n  if (isDisabled(this)) {\n    return\n  }\n\n  EventHandler.one(target, EVENT_HIDDEN, () => {\n    // focus on trigger when it is closed\n    if (isVisible(this)) {\n      this.focus()\n    }\n  })\n\n  // avoid conflict when clicking a toggler of an offcanvas, while another is open\n  const alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR)\n  if (alreadyOpen && alreadyOpen !== target) {\n    Offcanvas.getInstance(alreadyOpen).hide()\n  }\n\n  const data = Offcanvas.getOrCreateInstance(target)\n  data.toggle(this)\n})\n\nEventHandler.on(window, EVENT_LOAD_DATA_API, () => {\n  for (const selector of SelectorEngine.find(OPEN_SELECTOR)) {\n    Offcanvas.getOrCreateInstance(selector).show()\n  }\n})\n\nEventHandler.on(window, EVENT_RESIZE, () => {\n  for (const element of SelectorEngine.find('[aria-modal][class*=show][class*=offcanvas-]')) {\n    if (getComputedStyle(element).position !== 'fixed') {\n      Offcanvas.getOrCreateInstance(element).hide()\n    }\n  }\n})\n\nenableDismissTrigger(Offcanvas)\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Offcanvas)\n\nexport default Offcanvas\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/sanitizer.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n// js-docs-start allow-list\nconst ARIA_ATTRIBUTE_PATTERN = /^aria-[\\w-]*$/i\n\nexport const DefaultAllowlist = {\n  // Global attributes allowed on any supplied element below.\n  '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],\n  a: ['target', 'href', 'title', 'rel'],\n  area: [],\n  b: [],\n  br: [],\n  col: [],\n  code: [],\n  dd: [],\n  div: [],\n  dl: [],\n  dt: [],\n  em: [],\n  hr: [],\n  h1: [],\n  h2: [],\n  h3: [],\n  h4: [],\n  h5: [],\n  h6: [],\n  i: [],\n  img: ['src', 'srcset', 'alt', 'title', 'width', 'height'],\n  li: [],\n  ol: [],\n  p: [],\n  pre: [],\n  s: [],\n  small: [],\n  span: [],\n  sub: [],\n  sup: [],\n  strong: [],\n  u: [],\n  ul: []\n}\n// js-docs-end allow-list\n\nconst uriAttributes = new Set([\n  'background',\n  'cite',\n  'href',\n  'itemtype',\n  'longdesc',\n  'poster',\n  'src',\n  'xlink:href'\n])\n\n/**\n * A pattern that recognizes URLs that are safe wrt. XSS in URL navigation\n * contexts.\n *\n * Shout-out to Angular https://github.com/angular/angular/blob/15.2.8/packages/core/src/sanitization/url_sanitizer.ts#L38\n */\n// eslint-disable-next-line unicorn/better-regex\nconst SAFE_URL_PATTERN = /^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i\n\nconst allowedAttribute = (attribute, allowedAttributeList) => {\n  const attributeName = attribute.nodeName.toLowerCase()\n\n  if (allowedAttributeList.includes(attributeName)) {\n    if (uriAttributes.has(attributeName)) {\n      return Boolean(SAFE_URL_PATTERN.test(attribute.nodeValue))\n    }\n\n    return true\n  }\n\n  // Check if a regular expression validates the attribute.\n  return allowedAttributeList.filter(attributeRegex => attributeRegex instanceof RegExp)\n    .some(regex => regex.test(attributeName))\n}\n\nexport function sanitizeHtml(unsafeHtml, allowList, sanitizeFunction) {\n  if (!unsafeHtml.length) {\n    return unsafeHtml\n  }\n\n  if (sanitizeFunction && typeof sanitizeFunction === 'function') {\n    return sanitizeFunction(unsafeHtml)\n  }\n\n  const domParser = new window.DOMParser()\n  const createdDocument = domParser.parseFromString(unsafeHtml, 'text/html')\n  const elements = [].concat(...createdDocument.body.querySelectorAll('*'))\n\n  for (const element of elements) {\n    const elementName = element.nodeName.toLowerCase()\n\n    if (!Object.keys(allowList).includes(elementName)) {\n      element.remove()\n      continue\n    }\n\n    const attributeList = [].concat(...element.attributes)\n    const allowedAttributes = [].concat(allowList['*'] || [], allowList[elementName] || [])\n\n    for (const attribute of attributeList) {\n      if (!allowedAttribute(attribute, allowedAttributes)) {\n        element.removeAttribute(attribute.nodeName)\n      }\n    }\n  }\n\n  return createdDocument.body.innerHTML\n}\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/template-factory.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport SelectorEngine from '../dom/selector-engine.js'\nimport Config from './config.js'\nimport { DefaultAllowlist, sanitizeHtml } from './sanitizer.js'\nimport { execute, getElement, isElement } from './index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'TemplateFactory'\n\nconst Default = {\n  allowList: DefaultAllowlist,\n  content: {}, // { selector : text ,  selector2 : text2 , }\n  extraClass: '',\n  html: false,\n  sanitize: true,\n  sanitizeFn: null,\n  template: '<div></div>'\n}\n\nconst DefaultType = {\n  allowList: 'object',\n  content: 'object',\n  extraClass: '(string|function)',\n  html: 'boolean',\n  sanitize: 'boolean',\n  sanitizeFn: '(null|function)',\n  template: 'string'\n}\n\nconst DefaultContentType = {\n  entry: '(string|element|function|null)',\n  selector: '(string|element)'\n}\n\n/**\n * Class definition\n */\n\nclass TemplateFactory extends Config {\n  constructor(config) {\n    super()\n    this._config = this._getConfig(config)\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  getContent() {\n    return Object.values(this._config.content)\n      .map(config => this._resolvePossibleFunction(config))\n      .filter(Boolean)\n  }\n\n  hasContent() {\n    return this.getContent().length > 0\n  }\n\n  changeContent(content) {\n    this._checkContent(content)\n    this._config.content = { ...this._config.content, ...content }\n    return this\n  }\n\n  toHtml() {\n    const templateWrapper = document.createElement('div')\n    templateWrapper.innerHTML = this._maybeSanitize(this._config.template)\n\n    for (const [selector, text] of Object.entries(this._config.content)) {\n      this._setContent(templateWrapper, text, selector)\n    }\n\n    const template = templateWrapper.children[0]\n    const extraClass = this._resolvePossibleFunction(this._config.extraClass)\n\n    if (extraClass) {\n      template.classList.add(...extraClass.split(' '))\n    }\n\n    return template\n  }\n\n  // Private\n  _typeCheckConfig(config) {\n    super._typeCheckConfig(config)\n    this._checkContent(config.content)\n  }\n\n  _checkContent(arg) {\n    for (const [selector, content] of Object.entries(arg)) {\n      super._typeCheckConfig({ selector, entry: content }, DefaultContentType)\n    }\n  }\n\n  _setContent(template, content, selector) {\n    const templateElement = SelectorEngine.findOne(selector, template)\n\n    if (!templateElement) {\n      return\n    }\n\n    content = this._resolvePossibleFunction(content)\n\n    if (!content) {\n      templateElement.remove()\n      return\n    }\n\n    if (isElement(content)) {\n      this._putElementInTemplate(getElement(content), templateElement)\n      return\n    }\n\n    if (this._config.html) {\n      templateElement.innerHTML = this._maybeSanitize(content)\n      return\n    }\n\n    templateElement.textContent = content\n  }\n\n  _maybeSanitize(arg) {\n    return this._config.sanitize ? sanitizeHtml(arg, this._config.allowList, this._config.sanitizeFn) : arg\n  }\n\n  _resolvePossibleFunction(arg) {\n    return execute(arg, [this])\n  }\n\n  _putElementInTemplate(element, templateElement) {\n    if (this._config.html) {\n      templateElement.innerHTML = ''\n      templateElement.append(element)\n      return\n    }\n\n    templateElement.textContent = element.textContent\n  }\n}\n\nexport default TemplateFactory\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap tooltip.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport * as Popper from '@popperjs/core'\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport Manipulator from './dom/manipulator.js'\nimport {\n  defineJQueryPlugin, execute, findShadowRoot, getElement, getUID, isRTL, noop\n} from './util/index.js'\nimport { DefaultAllowlist } from './util/sanitizer.js'\nimport TemplateFactory from './util/template-factory.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'tooltip'\nconst DISALLOWED_ATTRIBUTES = new Set(['sanitize', 'allowList', 'sanitizeFn'])\n\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_MODAL = 'modal'\nconst CLASS_NAME_SHOW = 'show'\n\nconst SELECTOR_TOOLTIP_INNER = '.tooltip-inner'\nconst SELECTOR_MODAL = `.${CLASS_NAME_MODAL}`\n\nconst EVENT_MODAL_HIDE = 'hide.bs.modal'\n\nconst TRIGGER_HOVER = 'hover'\nconst TRIGGER_FOCUS = 'focus'\nconst TRIGGER_CLICK = 'click'\nconst TRIGGER_MANUAL = 'manual'\n\nconst EVENT_HIDE = 'hide'\nconst EVENT_HIDDEN = 'hidden'\nconst EVENT_SHOW = 'show'\nconst EVENT_SHOWN = 'shown'\nconst EVENT_INSERTED = 'inserted'\nconst EVENT_CLICK = 'click'\nconst EVENT_FOCUSIN = 'focusin'\nconst EVENT_FOCUSOUT = 'focusout'\nconst EVENT_MOUSEENTER = 'mouseenter'\nconst EVENT_MOUSELEAVE = 'mouseleave'\n\nconst AttachmentMap = {\n  AUTO: 'auto',\n  TOP: 'top',\n  RIGHT: isRTL() ? 'left' : 'right',\n  BOTTOM: 'bottom',\n  LEFT: isRTL() ? 'right' : 'left'\n}\n\nconst Default = {\n  allowList: DefaultAllowlist,\n  animation: true,\n  boundary: 'clippingParents',\n  container: false,\n  customClass: '',\n  delay: 0,\n  fallbackPlacements: ['top', 'right', 'bottom', 'left'],\n  html: false,\n  offset: [0, 6],\n  placement: 'top',\n  popperConfig: null,\n  sanitize: true,\n  sanitizeFn: null,\n  selector: false,\n  template: '<div class=\"tooltip\" role=\"tooltip\">' +\n            '<div class=\"tooltip-arrow\"></div>' +\n            '<div class=\"tooltip-inner\"></div>' +\n            '</div>',\n  title: '',\n  trigger: 'hover focus'\n}\n\nconst DefaultType = {\n  allowList: 'object',\n  animation: 'boolean',\n  boundary: '(string|element)',\n  container: '(string|element|boolean)',\n  customClass: '(string|function)',\n  delay: '(number|object)',\n  fallbackPlacements: 'array',\n  html: 'boolean',\n  offset: '(array|string|function)',\n  placement: '(string|function)',\n  popperConfig: '(null|object|function)',\n  sanitize: 'boolean',\n  sanitizeFn: '(null|function)',\n  selector: '(string|boolean)',\n  template: 'string',\n  title: '(string|element|function)',\n  trigger: 'string'\n}\n\n/**\n * Class definition\n */\n\nclass Tooltip extends BaseComponent {\n  constructor(element, config) {\n    if (typeof Popper === 'undefined') {\n      throw new TypeError('Bootstrap\\'s tooltips require Popper (https://popper.js.org)')\n    }\n\n    super(element, config)\n\n    // Private\n    this._isEnabled = true\n    this._timeout = 0\n    this._isHovered = null\n    this._activeTrigger = {}\n    this._popper = null\n    this._templateFactory = null\n    this._newContent = null\n\n    // Protected\n    this.tip = null\n\n    this._setListeners()\n\n    if (!this._config.selector) {\n      this._fixTitle()\n    }\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  enable() {\n    this._isEnabled = true\n  }\n\n  disable() {\n    this._isEnabled = false\n  }\n\n  toggleEnabled() {\n    this._isEnabled = !this._isEnabled\n  }\n\n  toggle() {\n    if (!this._isEnabled) {\n      return\n    }\n\n    this._activeTrigger.click = !this._activeTrigger.click\n    if (this._isShown()) {\n      this._leave()\n      return\n    }\n\n    this._enter()\n  }\n\n  dispose() {\n    clearTimeout(this._timeout)\n\n    EventHandler.off(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler)\n\n    if (this._element.getAttribute('data-bs-original-title')) {\n      this._element.setAttribute('title', this._element.getAttribute('data-bs-original-title'))\n    }\n\n    this._disposePopper()\n    super.dispose()\n  }\n\n  show() {\n    if (this._element.style.display === 'none') {\n      throw new Error('Please use show on visible elements')\n    }\n\n    if (!(this._isWithContent() && this._isEnabled)) {\n      return\n    }\n\n    const showEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOW))\n    const shadowRoot = findShadowRoot(this._element)\n    const isInTheDom = (shadowRoot || this._element.ownerDocument.documentElement).contains(this._element)\n\n    if (showEvent.defaultPrevented || !isInTheDom) {\n      return\n    }\n\n    // TODO: v6 remove this or make it optional\n    this._disposePopper()\n\n    const tip = this._getTipElement()\n\n    this._element.setAttribute('aria-describedby', tip.getAttribute('id'))\n\n    const { container } = this._config\n\n    if (!this._element.ownerDocument.documentElement.contains(this.tip)) {\n      container.append(tip)\n      EventHandler.trigger(this._element, this.constructor.eventName(EVENT_INSERTED))\n    }\n\n    this._popper = this._createPopper(tip)\n\n    tip.classList.add(CLASS_NAME_SHOW)\n\n    // If this is a touch-enabled device we add extra\n    // empty mouseover listeners to the body's immediate children;\n    // only needed because of broken event delegation on iOS\n    // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n    if ('ontouchstart' in document.documentElement) {\n      for (const element of [].concat(...document.body.children)) {\n        EventHandler.on(element, 'mouseover', noop)\n      }\n    }\n\n    const complete = () => {\n      EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOWN))\n\n      if (this._isHovered === false) {\n        this._leave()\n      }\n\n      this._isHovered = false\n    }\n\n    this._queueCallback(complete, this.tip, this._isAnimated())\n  }\n\n  hide() {\n    if (!this._isShown()) {\n      return\n    }\n\n    const hideEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_HIDE))\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    const tip = this._getTipElement()\n    tip.classList.remove(CLASS_NAME_SHOW)\n\n    // If this is a touch-enabled device we remove the extra\n    // empty mouseover listeners we added for iOS support\n    if ('ontouchstart' in document.documentElement) {\n      for (const element of [].concat(...document.body.children)) {\n        EventHandler.off(element, 'mouseover', noop)\n      }\n    }\n\n    this._activeTrigger[TRIGGER_CLICK] = false\n    this._activeTrigger[TRIGGER_FOCUS] = false\n    this._activeTrigger[TRIGGER_HOVER] = false\n    this._isHovered = null // it is a trick to support manual triggering\n\n    const complete = () => {\n      if (this._isWithActiveTrigger()) {\n        return\n      }\n\n      if (!this._isHovered) {\n        this._disposePopper()\n      }\n\n      this._element.removeAttribute('aria-describedby')\n      EventHandler.trigger(this._element, this.constructor.eventName(EVENT_HIDDEN))\n    }\n\n    this._queueCallback(complete, this.tip, this._isAnimated())\n  }\n\n  update() {\n    if (this._popper) {\n      this._popper.update()\n    }\n  }\n\n  // Protected\n  _isWithContent() {\n    return Boolean(this._getTitle())\n  }\n\n  _getTipElement() {\n    if (!this.tip) {\n      this.tip = this._createTipElement(this._newContent || this._getContentForTemplate())\n    }\n\n    return this.tip\n  }\n\n  _createTipElement(content) {\n    const tip = this._getTemplateFactory(content).toHtml()\n\n    // TODO: remove this check in v6\n    if (!tip) {\n      return null\n    }\n\n    tip.classList.remove(CLASS_NAME_FADE, CLASS_NAME_SHOW)\n    // TODO: v6 the following can be achieved with CSS only\n    tip.classList.add(`bs-${this.constructor.NAME}-auto`)\n\n    const tipId = getUID(this.constructor.NAME).toString()\n\n    tip.setAttribute('id', tipId)\n\n    if (this._isAnimated()) {\n      tip.classList.add(CLASS_NAME_FADE)\n    }\n\n    return tip\n  }\n\n  setContent(content) {\n    this._newContent = content\n    if (this._isShown()) {\n      this._disposePopper()\n      this.show()\n    }\n  }\n\n  _getTemplateFactory(content) {\n    if (this._templateFactory) {\n      this._templateFactory.changeContent(content)\n    } else {\n      this._templateFactory = new TemplateFactory({\n        ...this._config,\n        // the `content` var has to be after `this._config`\n        // to override config.content in case of popover\n        content,\n        extraClass: this._resolvePossibleFunction(this._config.customClass)\n      })\n    }\n\n    return this._templateFactory\n  }\n\n  _getContentForTemplate() {\n    return {\n      [SELECTOR_TOOLTIP_INNER]: this._getTitle()\n    }\n  }\n\n  _getTitle() {\n    return this._resolvePossibleFunction(this._config.title) || this._element.getAttribute('data-bs-original-title')\n  }\n\n  // Private\n  _initializeOnDelegatedTarget(event) {\n    return this.constructor.getOrCreateInstance(event.delegateTarget, this._getDelegateConfig())\n  }\n\n  _isAnimated() {\n    return this._config.animation || (this.tip && this.tip.classList.contains(CLASS_NAME_FADE))\n  }\n\n  _isShown() {\n    return this.tip && this.tip.classList.contains(CLASS_NAME_SHOW)\n  }\n\n  _createPopper(tip) {\n    const placement = execute(this._config.placement, [this, tip, this._element])\n    const attachment = AttachmentMap[placement.toUpperCase()]\n    return Popper.createPopper(this._element, tip, this._getPopperConfig(attachment))\n  }\n\n  _getOffset() {\n    const { offset } = this._config\n\n    if (typeof offset === 'string') {\n      return offset.split(',').map(value => Number.parseInt(value, 10))\n    }\n\n    if (typeof offset === 'function') {\n      return popperData => offset(popperData, this._element)\n    }\n\n    return offset\n  }\n\n  _resolvePossibleFunction(arg) {\n    return execute(arg, [this._element])\n  }\n\n  _getPopperConfig(attachment) {\n    const defaultBsPopperConfig = {\n      placement: attachment,\n      modifiers: [\n        {\n          name: 'flip',\n          options: {\n            fallbackPlacements: this._config.fallbackPlacements\n          }\n        },\n        {\n          name: 'offset',\n          options: {\n            offset: this._getOffset()\n          }\n        },\n        {\n          name: 'preventOverflow',\n          options: {\n            boundary: this._config.boundary\n          }\n        },\n        {\n          name: 'arrow',\n          options: {\n            element: `.${this.constructor.NAME}-arrow`\n          }\n        },\n        {\n          name: 'preSetPlacement',\n          enabled: true,\n          phase: 'beforeMain',\n          fn: data => {\n            // Pre-set Popper's placement attribute in order to read the arrow sizes properly.\n            // Otherwise, Popper mixes up the width and height dimensions since the initial arrow style is for top placement\n            this._getTipElement().setAttribute('data-popper-placement', data.state.placement)\n          }\n        }\n      ]\n    }\n\n    return {\n      ...defaultBsPopperConfig,\n      ...execute(this._config.popperConfig, [defaultBsPopperConfig])\n    }\n  }\n\n  _setListeners() {\n    const triggers = this._config.trigger.split(' ')\n\n    for (const trigger of triggers) {\n      if (trigger === 'click') {\n        EventHandler.on(this._element, this.constructor.eventName(EVENT_CLICK), this._config.selector, event => {\n          const context = this._initializeOnDelegatedTarget(event)\n          context.toggle()\n        })\n      } else if (trigger !== TRIGGER_MANUAL) {\n        const eventIn = trigger === TRIGGER_HOVER ?\n          this.constructor.eventName(EVENT_MOUSEENTER) :\n          this.constructor.eventName(EVENT_FOCUSIN)\n        const eventOut = trigger === TRIGGER_HOVER ?\n          this.constructor.eventName(EVENT_MOUSELEAVE) :\n          this.constructor.eventName(EVENT_FOCUSOUT)\n\n        EventHandler.on(this._element, eventIn, this._config.selector, event => {\n          const context = this._initializeOnDelegatedTarget(event)\n          context._activeTrigger[event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER] = true\n          context._enter()\n        })\n        EventHandler.on(this._element, eventOut, this._config.selector, event => {\n          const context = this._initializeOnDelegatedTarget(event)\n          context._activeTrigger[event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER] =\n            context._element.contains(event.relatedTarget)\n\n          context._leave()\n        })\n      }\n    }\n\n    this._hideModalHandler = () => {\n      if (this._element) {\n        this.hide()\n      }\n    }\n\n    EventHandler.on(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler)\n  }\n\n  _fixTitle() {\n    const title = this._element.getAttribute('title')\n\n    if (!title) {\n      return\n    }\n\n    if (!this._element.getAttribute('aria-label') && !this._element.textContent.trim()) {\n      this._element.setAttribute('aria-label', title)\n    }\n\n    this._element.setAttribute('data-bs-original-title', title) // DO NOT USE IT. Is only for backwards compatibility\n    this._element.removeAttribute('title')\n  }\n\n  _enter() {\n    if (this._isShown() || this._isHovered) {\n      this._isHovered = true\n      return\n    }\n\n    this._isHovered = true\n\n    this._setTimeout(() => {\n      if (this._isHovered) {\n        this.show()\n      }\n    }, this._config.delay.show)\n  }\n\n  _leave() {\n    if (this._isWithActiveTrigger()) {\n      return\n    }\n\n    this._isHovered = false\n\n    this._setTimeout(() => {\n      if (!this._isHovered) {\n        this.hide()\n      }\n    }, this._config.delay.hide)\n  }\n\n  _setTimeout(handler, timeout) {\n    clearTimeout(this._timeout)\n    this._timeout = setTimeout(handler, timeout)\n  }\n\n  _isWithActiveTrigger() {\n    return Object.values(this._activeTrigger).includes(true)\n  }\n\n  _getConfig(config) {\n    const dataAttributes = Manipulator.getDataAttributes(this._element)\n\n    for (const dataAttribute of Object.keys(dataAttributes)) {\n      if (DISALLOWED_ATTRIBUTES.has(dataAttribute)) {\n        delete dataAttributes[dataAttribute]\n      }\n    }\n\n    config = {\n      ...dataAttributes,\n      ...(typeof config === 'object' && config ? config : {})\n    }\n    config = this._mergeConfigObj(config)\n    config = this._configAfterMerge(config)\n    this._typeCheckConfig(config)\n    return config\n  }\n\n  _configAfterMerge(config) {\n    config.container = config.container === false ? document.body : getElement(config.container)\n\n    if (typeof config.delay === 'number') {\n      config.delay = {\n        show: config.delay,\n        hide: config.delay\n      }\n    }\n\n    if (typeof config.title === 'number') {\n      config.title = config.title.toString()\n    }\n\n    if (typeof config.content === 'number') {\n      config.content = config.content.toString()\n    }\n\n    return config\n  }\n\n  _getDelegateConfig() {\n    const config = {}\n\n    for (const [key, value] of Object.entries(this._config)) {\n      if (this.constructor.Default[key] !== value) {\n        config[key] = value\n      }\n    }\n\n    config.selector = false\n    config.trigger = 'manual'\n\n    // In the future can be replaced with:\n    // const keysWithDifferentValues = Object.entries(this._config).filter(entry => this.constructor.Default[entry[0]] !== this._config[entry[0]])\n    // `Object.fromEntries(keysWithDifferentValues)`\n    return config\n  }\n\n  _disposePopper() {\n    if (this._popper) {\n      this._popper.destroy()\n      this._popper = null\n    }\n\n    if (this.tip) {\n      this.tip.remove()\n      this.tip = null\n    }\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Tooltip.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (typeof data[config] === 'undefined') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config]()\n    })\n  }\n}\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Tooltip)\n\nexport default Tooltip\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap popover.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Tooltip from './tooltip.js'\nimport { defineJQueryPlugin } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'popover'\n\nconst SELECTOR_TITLE = '.popover-header'\nconst SELECTOR_CONTENT = '.popover-body'\n\nconst Default = {\n  ...Tooltip.Default,\n  content: '',\n  offset: [0, 8],\n  placement: 'right',\n  template: '<div class=\"popover\" role=\"tooltip\">' +\n    '<div class=\"popover-arrow\"></div>' +\n    '<h3 class=\"popover-header\"></h3>' +\n    '<div class=\"popover-body\"></div>' +\n    '</div>',\n  trigger: 'click'\n}\n\nconst DefaultType = {\n  ...Tooltip.DefaultType,\n  content: '(null|string|element|function)'\n}\n\n/**\n * Class definition\n */\n\nclass Popover extends Tooltip {\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Overrides\n  _isWithContent() {\n    return this._getTitle() || this._getContent()\n  }\n\n  // Private\n  _getContentForTemplate() {\n    return {\n      [SELECTOR_TITLE]: this._getTitle(),\n      [SELECTOR_CONTENT]: this._getContent()\n    }\n  }\n\n  _getContent() {\n    return this._resolvePossibleFunction(this._config.content)\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Popover.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (typeof data[config] === 'undefined') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config]()\n    })\n  }\n}\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Popover)\n\nexport default Popover\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport {\n  defineJQueryPlugin, getElement, isDisabled, isVisible\n} from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'scrollspy'\nconst DATA_KEY = 'bs.scrollspy'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst EVENT_ACTIVATE = `activate${EVENT_KEY}`\nconst EVENT_CLICK = `click${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item'\nconst CLASS_NAME_ACTIVE = 'active'\n\nconst SELECTOR_DATA_SPY = '[data-bs-spy=\"scroll\"]'\nconst SELECTOR_TARGET_LINKS = '[href]'\nconst SELECTOR_NAV_LIST_GROUP = '.nav, .list-group'\nconst SELECTOR_NAV_LINKS = '.nav-link'\nconst SELECTOR_NAV_ITEMS = '.nav-item'\nconst SELECTOR_LIST_ITEMS = '.list-group-item'\nconst SELECTOR_LINK_ITEMS = `${SELECTOR_NAV_LINKS}, ${SELECTOR_NAV_ITEMS} > ${SELECTOR_NAV_LINKS}, ${SELECTOR_LIST_ITEMS}`\nconst SELECTOR_DROPDOWN = '.dropdown'\nconst SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle'\n\nconst Default = {\n  offset: null, // TODO: v6 @deprecated, keep it for backwards compatibility reasons\n  rootMargin: '0px 0px -25%',\n  smoothScroll: false,\n  target: null,\n  threshold: [0.1, 0.5, 1]\n}\n\nconst DefaultType = {\n  offset: '(number|null)', // TODO v6 @deprecated, keep it for backwards compatibility reasons\n  rootMargin: 'string',\n  smoothScroll: 'boolean',\n  target: 'element',\n  threshold: 'array'\n}\n\n/**\n * Class definition\n */\n\nclass ScrollSpy extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    // this._element is the observablesContainer and config.target the menu links wrapper\n    this._targetLinks = new Map()\n    this._observableSections = new Map()\n    this._rootElement = getComputedStyle(this._element).overflowY === 'visible' ? null : this._element\n    this._activeTarget = null\n    this._observer = null\n    this._previousScrollData = {\n      visibleEntryTop: 0,\n      parentScrollTop: 0\n    }\n    this.refresh() // initialize\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  refresh() {\n    this._initializeTargetsAndObservables()\n    this._maybeEnableSmoothScroll()\n\n    if (this._observer) {\n      this._observer.disconnect()\n    } else {\n      this._observer = this._getNewObserver()\n    }\n\n    for (const section of this._observableSections.values()) {\n      this._observer.observe(section)\n    }\n  }\n\n  dispose() {\n    this._observer.disconnect()\n    super.dispose()\n  }\n\n  // Private\n  _configAfterMerge(config) {\n    // TODO: on v6 target should be given explicitly & remove the {target: 'ss-target'} case\n    config.target = getElement(config.target) || document.body\n\n    // TODO: v6 Only for backwards compatibility reasons. Use rootMargin only\n    config.rootMargin = config.offset ? `${config.offset}px 0px -30%` : config.rootMargin\n\n    if (typeof config.threshold === 'string') {\n      config.threshold = config.threshold.split(',').map(value => Number.parseFloat(value))\n    }\n\n    return config\n  }\n\n  _maybeEnableSmoothScroll() {\n    if (!this._config.smoothScroll) {\n      return\n    }\n\n    // unregister any previous listeners\n    EventHandler.off(this._config.target, EVENT_CLICK)\n\n    EventHandler.on(this._config.target, EVENT_CLICK, SELECTOR_TARGET_LINKS, event => {\n      const observableSection = this._observableSections.get(event.target.hash)\n      if (observableSection) {\n        event.preventDefault()\n        const root = this._rootElement || window\n        const height = observableSection.offsetTop - this._element.offsetTop\n        if (root.scrollTo) {\n          root.scrollTo({ top: height, behavior: 'smooth' })\n          return\n        }\n\n        // Chrome 60 doesn't support `scrollTo`\n        root.scrollTop = height\n      }\n    })\n  }\n\n  _getNewObserver() {\n    const options = {\n      root: this._rootElement,\n      threshold: this._config.threshold,\n      rootMargin: this._config.rootMargin\n    }\n\n    return new IntersectionObserver(entries => this._observerCallback(entries), options)\n  }\n\n  // The logic of selection\n  _observerCallback(entries) {\n    const targetElement = entry => this._targetLinks.get(`#${entry.target.id}`)\n    const activate = entry => {\n      this._previousScrollData.visibleEntryTop = entry.target.offsetTop\n      this._process(targetElement(entry))\n    }\n\n    const parentScrollTop = (this._rootElement || document.documentElement).scrollTop\n    const userScrollsDown = parentScrollTop >= this._previousScrollData.parentScrollTop\n    this._previousScrollData.parentScrollTop = parentScrollTop\n\n    for (const entry of entries) {\n      if (!entry.isIntersecting) {\n        this._activeTarget = null\n        this._clearActiveClass(targetElement(entry))\n\n        continue\n      }\n\n      const entryIsLowerThanPrevious = entry.target.offsetTop >= this._previousScrollData.visibleEntryTop\n      // if we are scrolling down, pick the bigger offsetTop\n      if (userScrollsDown && entryIsLowerThanPrevious) {\n        activate(entry)\n        // if parent isn't scrolled, let's keep the first visible item, breaking the iteration\n        if (!parentScrollTop) {\n          return\n        }\n\n        continue\n      }\n\n      // if we are scrolling up, pick the smallest offsetTop\n      if (!userScrollsDown && !entryIsLowerThanPrevious) {\n        activate(entry)\n      }\n    }\n  }\n\n  _initializeTargetsAndObservables() {\n    this._targetLinks = new Map()\n    this._observableSections = new Map()\n\n    const targetLinks = SelectorEngine.find(SELECTOR_TARGET_LINKS, this._config.target)\n\n    for (const anchor of targetLinks) {\n      // ensure that the anchor has an id and is not disabled\n      if (!anchor.hash || isDisabled(anchor)) {\n        continue\n      }\n\n      const observableSection = SelectorEngine.findOne(decodeURI(anchor.hash), this._element)\n\n      // ensure that the observableSection exists & is visible\n      if (isVisible(observableSection)) {\n        this._targetLinks.set(decodeURI(anchor.hash), anchor)\n        this._observableSections.set(anchor.hash, observableSection)\n      }\n    }\n  }\n\n  _process(target) {\n    if (this._activeTarget === target) {\n      return\n    }\n\n    this._clearActiveClass(this._config.target)\n    this._activeTarget = target\n    target.classList.add(CLASS_NAME_ACTIVE)\n    this._activateParents(target)\n\n    EventHandler.trigger(this._element, EVENT_ACTIVATE, { relatedTarget: target })\n  }\n\n  _activateParents(target) {\n    // Activate dropdown parents\n    if (target.classList.contains(CLASS_NAME_DROPDOWN_ITEM)) {\n      SelectorEngine.findOne(SELECTOR_DROPDOWN_TOGGLE, target.closest(SELECTOR_DROPDOWN))\n        .classList.add(CLASS_NAME_ACTIVE)\n      return\n    }\n\n    for (const listGroup of SelectorEngine.parents(target, SELECTOR_NAV_LIST_GROUP)) {\n      // Set triggered links parents as active\n      // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor\n      for (const item of SelectorEngine.prev(listGroup, SELECTOR_LINK_ITEMS)) {\n        item.classList.add(CLASS_NAME_ACTIVE)\n      }\n    }\n  }\n\n  _clearActiveClass(parent) {\n    parent.classList.remove(CLASS_NAME_ACTIVE)\n\n    const activeNodes = SelectorEngine.find(`${SELECTOR_TARGET_LINKS}.${CLASS_NAME_ACTIVE}`, parent)\n    for (const node of activeNodes) {\n      node.classList.remove(CLASS_NAME_ACTIVE)\n    }\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = ScrollSpy.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config]()\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(window, EVENT_LOAD_DATA_API, () => {\n  for (const spy of SelectorEngine.find(SELECTOR_DATA_SPY)) {\n    ScrollSpy.getOrCreateInstance(spy)\n  }\n})\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(ScrollSpy)\n\nexport default ScrollSpy\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap tab.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport { defineJQueryPlugin, getNextActiveElement, isDisabled } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'tab'\nconst DATA_KEY = 'bs.tab'\nconst EVENT_KEY = `.${DATA_KEY}`\n\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}`\nconst EVENT_KEYDOWN = `keydown${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}`\n\nconst ARROW_LEFT_KEY = 'ArrowLeft'\nconst ARROW_RIGHT_KEY = 'ArrowRight'\nconst ARROW_UP_KEY = 'ArrowUp'\nconst ARROW_DOWN_KEY = 'ArrowDown'\nconst HOME_KEY = 'Home'\nconst END_KEY = 'End'\n\nconst CLASS_NAME_ACTIVE = 'active'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_DROPDOWN = 'dropdown'\n\nconst SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle'\nconst SELECTOR_DROPDOWN_MENU = '.dropdown-menu'\nconst NOT_SELECTOR_DROPDOWN_TOGGLE = `:not(${SELECTOR_DROPDOWN_TOGGLE})`\n\nconst SELECTOR_TAB_PANEL = '.list-group, .nav, [role=\"tablist\"]'\nconst SELECTOR_OUTER = '.nav-item, .list-group-item'\nconst SELECTOR_INNER = `.nav-link${NOT_SELECTOR_DROPDOWN_TOGGLE}, .list-group-item${NOT_SELECTOR_DROPDOWN_TOGGLE}, [role=\"tab\"]${NOT_SELECTOR_DROPDOWN_TOGGLE}`\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"tab\"], [data-bs-toggle=\"pill\"], [data-bs-toggle=\"list\"]' // TODO: could only be `tab` in v6\nconst SELECTOR_INNER_ELEM = `${SELECTOR_INNER}, ${SELECTOR_DATA_TOGGLE}`\n\nconst SELECTOR_DATA_TOGGLE_ACTIVE = `.${CLASS_NAME_ACTIVE}[data-bs-toggle=\"tab\"], .${CLASS_NAME_ACTIVE}[data-bs-toggle=\"pill\"], .${CLASS_NAME_ACTIVE}[data-bs-toggle=\"list\"]`\n\n/**\n * Class definition\n */\n\nclass Tab extends BaseComponent {\n  constructor(element) {\n    super(element)\n    this._parent = this._element.closest(SELECTOR_TAB_PANEL)\n\n    if (!this._parent) {\n      return\n      // TODO: should throw exception in v6\n      // throw new TypeError(`${element.outerHTML} has not a valid parent ${SELECTOR_INNER_ELEM}`)\n    }\n\n    // Set up initial aria attributes\n    this._setInitialAttributes(this._parent, this._getChildren())\n\n    EventHandler.on(this._element, EVENT_KEYDOWN, event => this._keydown(event))\n  }\n\n  // Getters\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  show() { // Shows this elem and deactivate the active sibling if exists\n    const innerElem = this._element\n    if (this._elemIsActive(innerElem)) {\n      return\n    }\n\n    // Search for active tab on same parent to deactivate it\n    const active = this._getActiveElem()\n\n    const hideEvent = active ?\n      EventHandler.trigger(active, EVENT_HIDE, { relatedTarget: innerElem }) :\n      null\n\n    const showEvent = EventHandler.trigger(innerElem, EVENT_SHOW, { relatedTarget: active })\n\n    if (showEvent.defaultPrevented || (hideEvent && hideEvent.defaultPrevented)) {\n      return\n    }\n\n    this._deactivate(active, innerElem)\n    this._activate(innerElem, active)\n  }\n\n  // Private\n  _activate(element, relatedElem) {\n    if (!element) {\n      return\n    }\n\n    element.classList.add(CLASS_NAME_ACTIVE)\n\n    this._activate(SelectorEngine.getElementFromSelector(element)) // Search and activate/show the proper section\n\n    const complete = () => {\n      if (element.getAttribute('role') !== 'tab') {\n        element.classList.add(CLASS_NAME_SHOW)\n        return\n      }\n\n      element.removeAttribute('tabindex')\n      element.setAttribute('aria-selected', true)\n      this._toggleDropDown(element, true)\n      EventHandler.trigger(element, EVENT_SHOWN, {\n        relatedTarget: relatedElem\n      })\n    }\n\n    this._queueCallback(complete, element, element.classList.contains(CLASS_NAME_FADE))\n  }\n\n  _deactivate(element, relatedElem) {\n    if (!element) {\n      return\n    }\n\n    element.classList.remove(CLASS_NAME_ACTIVE)\n    element.blur()\n\n    this._deactivate(SelectorEngine.getElementFromSelector(element)) // Search and deactivate the shown section too\n\n    const complete = () => {\n      if (element.getAttribute('role') !== 'tab') {\n        element.classList.remove(CLASS_NAME_SHOW)\n        return\n      }\n\n      element.setAttribute('aria-selected', false)\n      element.setAttribute('tabindex', '-1')\n      this._toggleDropDown(element, false)\n      EventHandler.trigger(element, EVENT_HIDDEN, { relatedTarget: relatedElem })\n    }\n\n    this._queueCallback(complete, element, element.classList.contains(CLASS_NAME_FADE))\n  }\n\n  _keydown(event) {\n    if (!([ARROW_LEFT_KEY, ARROW_RIGHT_KEY, ARROW_UP_KEY, ARROW_DOWN_KEY, HOME_KEY, END_KEY].includes(event.key))) {\n      return\n    }\n\n    event.stopPropagation()// stopPropagation/preventDefault both added to support up/down keys without scrolling the page\n    event.preventDefault()\n\n    const children = this._getChildren().filter(element => !isDisabled(element))\n    let nextActiveElement\n\n    if ([HOME_KEY, END_KEY].includes(event.key)) {\n      nextActiveElement = children[event.key === HOME_KEY ? 0 : children.length - 1]\n    } else {\n      const isNext = [ARROW_RIGHT_KEY, ARROW_DOWN_KEY].includes(event.key)\n      nextActiveElement = getNextActiveElement(children, event.target, isNext, true)\n    }\n\n    if (nextActiveElement) {\n      nextActiveElement.focus({ preventScroll: true })\n      Tab.getOrCreateInstance(nextActiveElement).show()\n    }\n  }\n\n  _getChildren() { // collection of inner elements\n    return SelectorEngine.find(SELECTOR_INNER_ELEM, this._parent)\n  }\n\n  _getActiveElem() {\n    return this._getChildren().find(child => this._elemIsActive(child)) || null\n  }\n\n  _setInitialAttributes(parent, children) {\n    this._setAttributeIfNotExists(parent, 'role', 'tablist')\n\n    for (const child of children) {\n      this._setInitialAttributesOnChild(child)\n    }\n  }\n\n  _setInitialAttributesOnChild(child) {\n    child = this._getInnerElement(child)\n    const isActive = this._elemIsActive(child)\n    const outerElem = this._getOuterElement(child)\n    child.setAttribute('aria-selected', isActive)\n\n    if (outerElem !== child) {\n      this._setAttributeIfNotExists(outerElem, 'role', 'presentation')\n    }\n\n    if (!isActive) {\n      child.setAttribute('tabindex', '-1')\n    }\n\n    this._setAttributeIfNotExists(child, 'role', 'tab')\n\n    // set attributes to the related panel too\n    this._setInitialAttributesOnTargetPanel(child)\n  }\n\n  _setInitialAttributesOnTargetPanel(child) {\n    const target = SelectorEngine.getElementFromSelector(child)\n\n    if (!target) {\n      return\n    }\n\n    this._setAttributeIfNotExists(target, 'role', 'tabpanel')\n\n    if (child.id) {\n      this._setAttributeIfNotExists(target, 'aria-labelledby', `${child.id}`)\n    }\n  }\n\n  _toggleDropDown(element, open) {\n    const outerElem = this._getOuterElement(element)\n    if (!outerElem.classList.contains(CLASS_DROPDOWN)) {\n      return\n    }\n\n    const toggle = (selector, className) => {\n      const element = SelectorEngine.findOne(selector, outerElem)\n      if (element) {\n        element.classList.toggle(className, open)\n      }\n    }\n\n    toggle(SELECTOR_DROPDOWN_TOGGLE, CLASS_NAME_ACTIVE)\n    toggle(SELECTOR_DROPDOWN_MENU, CLASS_NAME_SHOW)\n    outerElem.setAttribute('aria-expanded', open)\n  }\n\n  _setAttributeIfNotExists(element, attribute, value) {\n    if (!element.hasAttribute(attribute)) {\n      element.setAttribute(attribute, value)\n    }\n  }\n\n  _elemIsActive(elem) {\n    return elem.classList.contains(CLASS_NAME_ACTIVE)\n  }\n\n  // Try to get the inner element (usually the .nav-link)\n  _getInnerElement(elem) {\n    return elem.matches(SELECTOR_INNER_ELEM) ? elem : SelectorEngine.findOne(SELECTOR_INNER_ELEM, elem)\n  }\n\n  // Try to get the outer element (usually the .nav-item)\n  _getOuterElement(elem) {\n    return elem.closest(SELECTOR_OUTER) || elem\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Tab.getOrCreateInstance(this)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config]()\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n  if (['A', 'AREA'].includes(this.tagName)) {\n    event.preventDefault()\n  }\n\n  if (isDisabled(this)) {\n    return\n  }\n\n  Tab.getOrCreateInstance(this).show()\n})\n\n/**\n * Initialize on focus\n */\nEventHandler.on(window, EVENT_LOAD_DATA_API, () => {\n  for (const element of SelectorEngine.find(SELECTOR_DATA_TOGGLE_ACTIVE)) {\n    Tab.getOrCreateInstance(element)\n  }\n})\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Tab)\n\nexport default Tab\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap toast.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport { enableDismissTrigger } from './util/component-functions.js'\nimport { defineJQueryPlugin, reflow } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'toast'\nconst DATA_KEY = 'bs.toast'\nconst EVENT_KEY = `.${DATA_KEY}`\n\nconst EVENT_MOUSEOVER = `mouseover${EVENT_KEY}`\nconst EVENT_MOUSEOUT = `mouseout${EVENT_KEY}`\nconst EVENT_FOCUSIN = `focusin${EVENT_KEY}`\nconst EVENT_FOCUSOUT = `focusout${EVENT_KEY}`\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\n\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_HIDE = 'hide' // @deprecated - kept here only for backwards compatibility\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_SHOWING = 'showing'\n\nconst DefaultType = {\n  animation: 'boolean',\n  autohide: 'boolean',\n  delay: 'number'\n}\n\nconst Default = {\n  animation: true,\n  autohide: true,\n  delay: 5000\n}\n\n/**\n * Class definition\n */\n\nclass Toast extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._timeout = null\n    this._hasMouseInteraction = false\n    this._hasKeyboardInteraction = false\n    this._setListeners()\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  show() {\n    const showEvent = EventHandler.trigger(this._element, EVENT_SHOW)\n\n    if (showEvent.defaultPrevented) {\n      return\n    }\n\n    this._clearTimeout()\n\n    if (this._config.animation) {\n      this._element.classList.add(CLASS_NAME_FADE)\n    }\n\n    const complete = () => {\n      this._element.classList.remove(CLASS_NAME_SHOWING)\n      EventHandler.trigger(this._element, EVENT_SHOWN)\n\n      this._maybeScheduleHide()\n    }\n\n    this._element.classList.remove(CLASS_NAME_HIDE) // @deprecated\n    reflow(this._element)\n    this._element.classList.add(CLASS_NAME_SHOW, CLASS_NAME_SHOWING)\n\n    this._queueCallback(complete, this._element, this._config.animation)\n  }\n\n  hide() {\n    if (!this.isShown()) {\n      return\n    }\n\n    const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE)\n\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    const complete = () => {\n      this._element.classList.add(CLASS_NAME_HIDE) // @deprecated\n      this._element.classList.remove(CLASS_NAME_SHOWING, CLASS_NAME_SHOW)\n      EventHandler.trigger(this._element, EVENT_HIDDEN)\n    }\n\n    this._element.classList.add(CLASS_NAME_SHOWING)\n    this._queueCallback(complete, this._element, this._config.animation)\n  }\n\n  dispose() {\n    this._clearTimeout()\n\n    if (this.isShown()) {\n      this._element.classList.remove(CLASS_NAME_SHOW)\n    }\n\n    super.dispose()\n  }\n\n  isShown() {\n    return this._element.classList.contains(CLASS_NAME_SHOW)\n  }\n\n  // Private\n\n  _maybeScheduleHide() {\n    if (!this._config.autohide) {\n      return\n    }\n\n    if (this._hasMouseInteraction || this._hasKeyboardInteraction) {\n      return\n    }\n\n    this._timeout = setTimeout(() => {\n      this.hide()\n    }, this._config.delay)\n  }\n\n  _onInteraction(event, isInteracting) {\n    switch (event.type) {\n      case 'mouseover':\n      case 'mouseout': {\n        this._hasMouseInteraction = isInteracting\n        break\n      }\n\n      case 'focusin':\n      case 'focusout': {\n        this._hasKeyboardInteraction = isInteracting\n        break\n      }\n\n      default: {\n        break\n      }\n    }\n\n    if (isInteracting) {\n      this._clearTimeout()\n      return\n    }\n\n    const nextElement = event.relatedTarget\n    if (this._element === nextElement || this._element.contains(nextElement)) {\n      return\n    }\n\n    this._maybeScheduleHide()\n  }\n\n  _setListeners() {\n    EventHandler.on(this._element, EVENT_MOUSEOVER, event => this._onInteraction(event, true))\n    EventHandler.on(this._element, EVENT_MOUSEOUT, event => this._onInteraction(event, false))\n    EventHandler.on(this._element, EVENT_FOCUSIN, event => this._onInteraction(event, true))\n    EventHandler.on(this._element, EVENT_FOCUSOUT, event => this._onInteraction(event, false))\n  }\n\n  _clearTimeout() {\n    clearTimeout(this._timeout)\n    this._timeout = null\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Toast.getOrCreateInstance(this, config)\n\n      if (typeof config === 'string') {\n        if (typeof data[config] === 'undefined') {\n          throw new TypeError(`No method named \"${config}\"`)\n        }\n\n        data[config](this)\n      }\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nenableDismissTrigger(Toast)\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Toast)\n\nexport default Toast\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap index.umd.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Alert from './src/alert.js'\nimport Button from './src/button.js'\nimport Carousel from './src/carousel.js'\nimport Collapse from './src/collapse.js'\nimport Dropdown from './src/dropdown.js'\nimport Modal from './src/modal.js'\nimport Offcanvas from './src/offcanvas.js'\nimport Popover from './src/popover.js'\nimport ScrollSpy from './src/scrollspy.js'\nimport Tab from './src/tab.js'\nimport Toast from './src/toast.js'\nimport Tooltip from './src/tooltip.js'\n\nexport default {\n  Alert,\n  Button,\n  Carousel,\n  Collapse,\n  Dropdown,\n  Modal,\n  Offcanvas,\n  Popover,\n  ScrollSpy,\n  Tab,\n  Toast,\n  Tooltip\n}\n"],"mappings":"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"}
\ No newline at end of file
diff --git a/cli/medperf/web_ui/static/js/bootstrap.min.js b/cli/medperf/web_ui/static/js/bootstrap.min.js
deleted file mode 100644
index d5dc5ea1f..000000000
--- a/cli/medperf/web_ui/static/js/bootstrap.min.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/*!
-  * Bootstrap v5.3.3 (https://getbootstrap.com/)
-  * Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
-  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
-  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("@popperjs/core")):"function"==typeof define&&define.amd?define(["@popperjs/core"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e(t.Popper)}(this,(function(t){"use strict";function e(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const i in t)if("default"!==i){const s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,s.get?s:{enumerable:!0,get:()=>t[i]})}return e.default=t,Object.freeze(e)}const i=e(t),s=new Map,n={set(t,e,i){s.has(t)||s.set(t,new Map);const n=s.get(t);n.has(e)||0===n.size?n.set(e,i):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(n.keys())[0]}.`)},get:(t,e)=>s.has(t)&&s.get(t).get(e)||null,remove(t,e){if(!s.has(t))return;const i=s.get(t);i.delete(e),0===i.size&&s.delete(t)}},o="transitionend",r=t=>(t&&window.CSS&&window.CSS.escape&&(t=t.replace(/#([^\s"#']+)/g,((t,e)=>`#${CSS.escape(e)}`))),t),a=t=>{t.dispatchEvent(new Event(o))},l=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),c=t=>l(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(r(t)):null,h=t=>{if(!l(t)||0===t.getClientRects().length)return!1;const e="visible"===getComputedStyle(t).getPropertyValue("visibility"),i=t.closest("details:not([open])");if(!i)return e;if(i!==t){const e=t.closest("summary");if(e&&e.parentNode!==i)return!1;if(null===e)return!1}return e},d=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),u=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?u(t.parentNode):null},_=()=>{},g=t=>{t.offsetHeight},f=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,m=[],p=()=>"rtl"===document.documentElement.dir,b=t=>{var e;e=()=>{const e=f();if(e){const i=t.NAME,s=e.fn[i];e.fn[i]=t.jQueryInterface,e.fn[i].Constructor=t,e.fn[i].noConflict=()=>(e.fn[i]=s,t.jQueryInterface)}},"loading"===document.readyState?(m.length||document.addEventListener("DOMContentLoaded",(()=>{for(const t of m)t()})),m.push(e)):e()},v=(t,e=[],i=t)=>"function"==typeof t?t(...e):i,y=(t,e,i=!0)=>{if(!i)return void v(t);const s=(t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:i}=window.getComputedStyle(t);const s=Number.parseFloat(e),n=Number.parseFloat(i);return s||n?(e=e.split(",")[0],i=i.split(",")[0],1e3*(Number.parseFloat(e)+Number.parseFloat(i))):0})(e)+5;let n=!1;const r=({target:i})=>{i===e&&(n=!0,e.removeEventListener(o,r),v(t))};e.addEventListener(o,r),setTimeout((()=>{n||a(e)}),s)},w=(t,e,i,s)=>{const n=t.length;let o=t.indexOf(e);return-1===o?!i&&s?t[n-1]:t[0]:(o+=i?1:-1,s&&(o=(o+n)%n),t[Math.max(0,Math.min(o,n-1))])},A=/[^.]*(?=\..*)\.|.*/,E=/\..*/,C=/::\d+$/,T={};let k=1;const $={mouseenter:"mouseover",mouseleave:"mouseout"},S=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function L(t,e){return e&&`${e}::${k++}`||t.uidEvent||k++}function O(t){const e=L(t);return t.uidEvent=e,T[e]=T[e]||{},T[e]}function I(t,e,i=null){return Object.values(t).find((t=>t.callable===e&&t.delegationSelector===i))}function D(t,e,i){const s="string"==typeof e,n=s?i:e||i;let o=M(t);return S.has(o)||(o=t),[s,n,o]}function N(t,e,i,s,n){if("string"!=typeof e||!t)return;let[o,r,a]=D(e,i,s);if(e in $){const t=t=>function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return t.call(this,e)};r=t(r)}const l=O(t),c=l[a]||(l[a]={}),h=I(c,r,o?i:null);if(h)return void(h.oneOff=h.oneOff&&n);const d=L(r,e.replace(A,"")),u=o?function(t,e,i){return function s(n){const o=t.querySelectorAll(e);for(let{target:r}=n;r&&r!==this;r=r.parentNode)for(const a of o)if(a===r)return F(n,{delegateTarget:r}),s.oneOff&&j.off(t,n.type,e,i),i.apply(r,[n])}}(t,i,r):function(t,e){return function i(s){return F(s,{delegateTarget:t}),i.oneOff&&j.off(t,s.type,e),e.apply(t,[s])}}(t,r);u.delegationSelector=o?i:null,u.callable=r,u.oneOff=n,u.uidEvent=d,c[d]=u,t.addEventListener(a,u,o)}function P(t,e,i,s,n){const o=I(e[i],s,n);o&&(t.removeEventListener(i,o,Boolean(n)),delete e[i][o.uidEvent])}function x(t,e,i,s){const n=e[i]||{};for(const[o,r]of Object.entries(n))o.includes(s)&&P(t,e,i,r.callable,r.delegationSelector)}function M(t){return t=t.replace(E,""),$[t]||t}const j={on(t,e,i,s){N(t,e,i,s,!1)},one(t,e,i,s){N(t,e,i,s,!0)},off(t,e,i,s){if("string"!=typeof e||!t)return;const[n,o,r]=D(e,i,s),a=r!==e,l=O(t),c=l[r]||{},h=e.startsWith(".");if(void 0===o){if(h)for(const i of Object.keys(l))x(t,l,i,e.slice(1));for(const[i,s]of Object.entries(c)){const n=i.replace(C,"");a&&!e.includes(n)||P(t,l,r,s.callable,s.delegationSelector)}}else{if(!Object.keys(c).length)return;P(t,l,r,o,n?i:null)}},trigger(t,e,i){if("string"!=typeof e||!t)return null;const s=f();let n=null,o=!0,r=!0,a=!1;e!==M(e)&&s&&(n=s.Event(e,i),s(t).trigger(n),o=!n.isPropagationStopped(),r=!n.isImmediatePropagationStopped(),a=n.isDefaultPrevented());const l=F(new Event(e,{bubbles:o,cancelable:!0}),i);return a&&l.preventDefault(),r&&t.dispatchEvent(l),l.defaultPrevented&&n&&n.preventDefault(),l}};function F(t,e={}){for(const[i,s]of Object.entries(e))try{t[i]=s}catch(e){Object.defineProperty(t,i,{configurable:!0,get:()=>s})}return t}function z(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch(e){return t}}function H(t){return t.replace(/[A-Z]/g,(t=>`-${t.toLowerCase()}`))}const B={setDataAttribute(t,e,i){t.setAttribute(`data-bs-${H(e)}`,i)},removeDataAttribute(t,e){t.removeAttribute(`data-bs-${H(e)}`)},getDataAttributes(t){if(!t)return{};const e={},i=Object.keys(t.dataset).filter((t=>t.startsWith("bs")&&!t.startsWith("bsConfig")));for(const s of i){let i=s.replace(/^bs/,"");i=i.charAt(0).toLowerCase()+i.slice(1,i.length),e[i]=z(t.dataset[s])}return e},getDataAttribute:(t,e)=>z(t.getAttribute(`data-bs-${H(e)}`))};class q{static get Default(){return{}}static get DefaultType(){return{}}static get NAME(){throw new Error('You have to implement the static method "NAME", for each component!')}_getConfig(t){return t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t}_mergeConfigObj(t,e){const i=l(e)?B.getDataAttribute(e,"config"):{};return{...this.constructor.Default,..."object"==typeof i?i:{},...l(e)?B.getDataAttributes(e):{},..."object"==typeof t?t:{}}}_typeCheckConfig(t,e=this.constructor.DefaultType){for(const[s,n]of Object.entries(e)){const e=t[s],o=l(e)?"element":null==(i=e)?`${i}`:Object.prototype.toString.call(i).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(n).test(o))throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${s}" provided type "${o}" but expected type "${n}".`)}var i}}class W extends q{constructor(t,e){super(),(t=c(t))&&(this._element=t,this._config=this._getConfig(e),n.set(this._element,this.constructor.DATA_KEY,this))}dispose(){n.remove(this._element,this.constructor.DATA_KEY),j.off(this._element,this.constructor.EVENT_KEY);for(const t of Object.getOwnPropertyNames(this))this[t]=null}_queueCallback(t,e,i=!0){y(t,e,i)}_getConfig(t){return t=this._mergeConfigObj(t,this._element),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}static getInstance(t){return n.get(c(t),this.DATA_KEY)}static getOrCreateInstance(t,e={}){return this.getInstance(t)||new this(t,"object"==typeof e?e:null)}static get VERSION(){return"5.3.3"}static get DATA_KEY(){return`bs.${this.NAME}`}static get EVENT_KEY(){return`.${this.DATA_KEY}`}static eventName(t){return`${t}${this.EVENT_KEY}`}}const R=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i=`#${i.split("#")[1]}`),e=i&&"#"!==i?i.trim():null}return e?e.split(",").map((t=>r(t))).join(","):null},K={find:(t,e=document.documentElement)=>[].concat(...Element.prototype.querySelectorAll.call(e,t)),findOne:(t,e=document.documentElement)=>Element.prototype.querySelector.call(e,t),children:(t,e)=>[].concat(...t.children).filter((t=>t.matches(e))),parents(t,e){const i=[];let s=t.parentNode.closest(e);for(;s;)i.push(s),s=s.parentNode.closest(e);return i},prev(t,e){let i=t.previousElementSibling;for(;i;){if(i.matches(e))return[i];i=i.previousElementSibling}return[]},next(t,e){let i=t.nextElementSibling;for(;i;){if(i.matches(e))return[i];i=i.nextElementSibling}return[]},focusableChildren(t){const e=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map((t=>`${t}:not([tabindex^="-"])`)).join(",");return this.find(e,t).filter((t=>!d(t)&&h(t)))},getSelectorFromElement(t){const e=R(t);return e&&K.findOne(e)?e:null},getElementFromSelector(t){const e=R(t);return e?K.findOne(e):null},getMultipleElementsFromSelector(t){const e=R(t);return e?K.find(e):[]}},V=(t,e="hide")=>{const i=`click.dismiss${t.EVENT_KEY}`,s=t.NAME;j.on(document,i,`[data-bs-dismiss="${s}"]`,(function(i){if(["A","AREA"].includes(this.tagName)&&i.preventDefault(),d(this))return;const n=K.getElementFromSelector(this)||this.closest(`.${s}`);t.getOrCreateInstance(n)[e]()}))},Q=".bs.alert",X=`close${Q}`,Y=`closed${Q}`;class U extends W{static get NAME(){return"alert"}close(){if(j.trigger(this._element,X).defaultPrevented)return;this._element.classList.remove("show");const t=this._element.classList.contains("fade");this._queueCallback((()=>this._destroyElement()),this._element,t)}_destroyElement(){this._element.remove(),j.trigger(this._element,Y),this.dispose()}static jQueryInterface(t){return this.each((function(){const e=U.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}V(U,"close"),b(U);const G='[data-bs-toggle="button"]';class J extends W{static get NAME(){return"button"}toggle(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}static jQueryInterface(t){return this.each((function(){const e=J.getOrCreateInstance(this);"toggle"===t&&e[t]()}))}}j.on(document,"click.bs.button.data-api",G,(t=>{t.preventDefault();const e=t.target.closest(G);J.getOrCreateInstance(e).toggle()})),b(J);const Z=".bs.swipe",tt=`touchstart${Z}`,et=`touchmove${Z}`,it=`touchend${Z}`,st=`pointerdown${Z}`,nt=`pointerup${Z}`,ot={endCallback:null,leftCallback:null,rightCallback:null},rt={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"};class at extends q{constructor(t,e){super(),this._element=t,t&&at.isSupported()&&(this._config=this._getConfig(e),this._deltaX=0,this._supportPointerEvents=Boolean(window.PointerEvent),this._initEvents())}static get Default(){return ot}static get DefaultType(){return rt}static get NAME(){return"swipe"}dispose(){j.off(this._element,Z)}_start(t){this._supportPointerEvents?this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX):this._deltaX=t.touches[0].clientX}_end(t){this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX-this._deltaX),this._handleSwipe(),v(this._config.endCallback)}_move(t){this._deltaX=t.touches&&t.touches.length>1?0:t.touches[0].clientX-this._deltaX}_handleSwipe(){const t=Math.abs(this._deltaX);if(t<=40)return;const e=t/this._deltaX;this._deltaX=0,e&&v(e>0?this._config.rightCallback:this._config.leftCallback)}_initEvents(){this._supportPointerEvents?(j.on(this._element,st,(t=>this._start(t))),j.on(this._element,nt,(t=>this._end(t))),this._element.classList.add("pointer-event")):(j.on(this._element,tt,(t=>this._start(t))),j.on(this._element,et,(t=>this._move(t))),j.on(this._element,it,(t=>this._end(t))))}_eventIsPointerPenTouch(t){return this._supportPointerEvents&&("pen"===t.pointerType||"touch"===t.pointerType)}static isSupported(){return"ontouchstart"in document.documentElement||navigator.maxTouchPoints>0}}const lt=".bs.carousel",ct=".data-api",ht="next",dt="prev",ut="left",_t="right",gt=`slide${lt}`,ft=`slid${lt}`,mt=`keydown${lt}`,pt=`mouseenter${lt}`,bt=`mouseleave${lt}`,vt=`dragstart${lt}`,yt=`load${lt}${ct}`,wt=`click${lt}${ct}`,At="carousel",Et="active",Ct=".active",Tt=".carousel-item",kt=Ct+Tt,$t={ArrowLeft:_t,ArrowRight:ut},St={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},Lt={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"};class Ot extends W{constructor(t,e){super(t,e),this._interval=null,this._activeElement=null,this._isSliding=!1,this.touchTimeout=null,this._swipeHelper=null,this._indicatorsElement=K.findOne(".carousel-indicators",this._element),this._addEventListeners(),this._config.ride===At&&this.cycle()}static get Default(){return St}static get DefaultType(){return Lt}static get NAME(){return"carousel"}next(){this._slide(ht)}nextWhenVisible(){!document.hidden&&h(this._element)&&this.next()}prev(){this._slide(dt)}pause(){this._isSliding&&a(this._element),this._clearInterval()}cycle(){this._clearInterval(),this._updateInterval(),this._interval=setInterval((()=>this.nextWhenVisible()),this._config.interval)}_maybeEnableCycle(){this._config.ride&&(this._isSliding?j.one(this._element,ft,(()=>this.cycle())):this.cycle())}to(t){const e=this._getItems();if(t>e.length-1||t<0)return;if(this._isSliding)return void j.one(this._element,ft,(()=>this.to(t)));const i=this._getItemIndex(this._getActive());if(i===t)return;const s=t>i?ht:dt;this._slide(s,e[t])}dispose(){this._swipeHelper&&this._swipeHelper.dispose(),super.dispose()}_configAfterMerge(t){return t.defaultInterval=t.interval,t}_addEventListeners(){this._config.keyboard&&j.on(this._element,mt,(t=>this._keydown(t))),"hover"===this._config.pause&&(j.on(this._element,pt,(()=>this.pause())),j.on(this._element,bt,(()=>this._maybeEnableCycle()))),this._config.touch&&at.isSupported()&&this._addTouchEventListeners()}_addTouchEventListeners(){for(const t of K.find(".carousel-item img",this._element))j.on(t,vt,(t=>t.preventDefault()));const t={leftCallback:()=>this._slide(this._directionToOrder(ut)),rightCallback:()=>this._slide(this._directionToOrder(_t)),endCallback:()=>{"hover"===this._config.pause&&(this.pause(),this.touchTimeout&&clearTimeout(this.touchTimeout),this.touchTimeout=setTimeout((()=>this._maybeEnableCycle()),500+this._config.interval))}};this._swipeHelper=new at(this._element,t)}_keydown(t){if(/input|textarea/i.test(t.target.tagName))return;const e=$t[t.key];e&&(t.preventDefault(),this._slide(this._directionToOrder(e)))}_getItemIndex(t){return this._getItems().indexOf(t)}_setActiveIndicatorElement(t){if(!this._indicatorsElement)return;const e=K.findOne(Ct,this._indicatorsElement);e.classList.remove(Et),e.removeAttribute("aria-current");const i=K.findOne(`[data-bs-slide-to="${t}"]`,this._indicatorsElement);i&&(i.classList.add(Et),i.setAttribute("aria-current","true"))}_updateInterval(){const t=this._activeElement||this._getActive();if(!t)return;const e=Number.parseInt(t.getAttribute("data-bs-interval"),10);this._config.interval=e||this._config.defaultInterval}_slide(t,e=null){if(this._isSliding)return;const i=this._getActive(),s=t===ht,n=e||w(this._getItems(),i,s,this._config.wrap);if(n===i)return;const o=this._getItemIndex(n),r=e=>j.trigger(this._element,e,{relatedTarget:n,direction:this._orderToDirection(t),from:this._getItemIndex(i),to:o});if(r(gt).defaultPrevented)return;if(!i||!n)return;const a=Boolean(this._interval);this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(o),this._activeElement=n;const l=s?"carousel-item-start":"carousel-item-end",c=s?"carousel-item-next":"carousel-item-prev";n.classList.add(c),g(n),i.classList.add(l),n.classList.add(l),this._queueCallback((()=>{n.classList.remove(l,c),n.classList.add(Et),i.classList.remove(Et,c,l),this._isSliding=!1,r(ft)}),i,this._isAnimated()),a&&this.cycle()}_isAnimated(){return this._element.classList.contains("slide")}_getActive(){return K.findOne(kt,this._element)}_getItems(){return K.find(Tt,this._element)}_clearInterval(){this._interval&&(clearInterval(this._interval),this._interval=null)}_directionToOrder(t){return p()?t===ut?dt:ht:t===ut?ht:dt}_orderToDirection(t){return p()?t===dt?ut:_t:t===dt?_t:ut}static jQueryInterface(t){return this.each((function(){const e=Ot.getOrCreateInstance(this,t);if("number"!=typeof t){if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}else e.to(t)}))}}j.on(document,wt,"[data-bs-slide], [data-bs-slide-to]",(function(t){const e=K.getElementFromSelector(this);if(!e||!e.classList.contains(At))return;t.preventDefault();const i=Ot.getOrCreateInstance(e),s=this.getAttribute("data-bs-slide-to");return s?(i.to(s),void i._maybeEnableCycle()):"next"===B.getDataAttribute(this,"slide")?(i.next(),void i._maybeEnableCycle()):(i.prev(),void i._maybeEnableCycle())})),j.on(window,yt,(()=>{const t=K.find('[data-bs-ride="carousel"]');for(const e of t)Ot.getOrCreateInstance(e)})),b(Ot);const It=".bs.collapse",Dt=`show${It}`,Nt=`shown${It}`,Pt=`hide${It}`,xt=`hidden${It}`,Mt=`click${It}.data-api`,jt="show",Ft="collapse",zt="collapsing",Ht=`:scope .${Ft} .${Ft}`,Bt='[data-bs-toggle="collapse"]',qt={parent:null,toggle:!0},Wt={parent:"(null|element)",toggle:"boolean"};class Rt extends W{constructor(t,e){super(t,e),this._isTransitioning=!1,this._triggerArray=[];const i=K.find(Bt);for(const t of i){const e=K.getSelectorFromElement(t),i=K.find(e).filter((t=>t===this._element));null!==e&&i.length&&this._triggerArray.push(t)}this._initializeChildren(),this._config.parent||this._addAriaAndCollapsedClass(this._triggerArray,this._isShown()),this._config.toggle&&this.toggle()}static get Default(){return qt}static get DefaultType(){return Wt}static get NAME(){return"collapse"}toggle(){this._isShown()?this.hide():this.show()}show(){if(this._isTransitioning||this._isShown())return;let t=[];if(this._config.parent&&(t=this._getFirstLevelChildren(".collapse.show, .collapse.collapsing").filter((t=>t!==this._element)).map((t=>Rt.getOrCreateInstance(t,{toggle:!1})))),t.length&&t[0]._isTransitioning)return;if(j.trigger(this._element,Dt).defaultPrevented)return;for(const e of t)e.hide();const e=this._getDimension();this._element.classList.remove(Ft),this._element.classList.add(zt),this._element.style[e]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0;const i=`scroll${e[0].toUpperCase()+e.slice(1)}`;this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(zt),this._element.classList.add(Ft,jt),this._element.style[e]="",j.trigger(this._element,Nt)}),this._element,!0),this._element.style[e]=`${this._element[i]}px`}hide(){if(this._isTransitioning||!this._isShown())return;if(j.trigger(this._element,Pt).defaultPrevented)return;const t=this._getDimension();this._element.style[t]=`${this._element.getBoundingClientRect()[t]}px`,g(this._element),this._element.classList.add(zt),this._element.classList.remove(Ft,jt);for(const t of this._triggerArray){const e=K.getElementFromSelector(t);e&&!this._isShown(e)&&this._addAriaAndCollapsedClass([t],!1)}this._isTransitioning=!0,this._element.style[t]="",this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(zt),this._element.classList.add(Ft),j.trigger(this._element,xt)}),this._element,!0)}_isShown(t=this._element){return t.classList.contains(jt)}_configAfterMerge(t){return t.toggle=Boolean(t.toggle),t.parent=c(t.parent),t}_getDimension(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}_initializeChildren(){if(!this._config.parent)return;const t=this._getFirstLevelChildren(Bt);for(const e of t){const t=K.getElementFromSelector(e);t&&this._addAriaAndCollapsedClass([e],this._isShown(t))}}_getFirstLevelChildren(t){const e=K.find(Ht,this._config.parent);return K.find(t,this._config.parent).filter((t=>!e.includes(t)))}_addAriaAndCollapsedClass(t,e){if(t.length)for(const i of t)i.classList.toggle("collapsed",!e),i.setAttribute("aria-expanded",e)}static jQueryInterface(t){const e={};return"string"==typeof t&&/show|hide/.test(t)&&(e.toggle=!1),this.each((function(){const i=Rt.getOrCreateInstance(this,e);if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t]()}}))}}j.on(document,Mt,Bt,(function(t){("A"===t.target.tagName||t.delegateTarget&&"A"===t.delegateTarget.tagName)&&t.preventDefault();for(const t of K.getMultipleElementsFromSelector(this))Rt.getOrCreateInstance(t,{toggle:!1}).toggle()})),b(Rt);const Kt="dropdown",Vt=".bs.dropdown",Qt=".data-api",Xt="ArrowUp",Yt="ArrowDown",Ut=`hide${Vt}`,Gt=`hidden${Vt}`,Jt=`show${Vt}`,Zt=`shown${Vt}`,te=`click${Vt}${Qt}`,ee=`keydown${Vt}${Qt}`,ie=`keyup${Vt}${Qt}`,se="show",ne='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',oe=`${ne}.${se}`,re=".dropdown-menu",ae=p()?"top-end":"top-start",le=p()?"top-start":"top-end",ce=p()?"bottom-end":"bottom-start",he=p()?"bottom-start":"bottom-end",de=p()?"left-start":"right-start",ue=p()?"right-start":"left-start",_e={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},ge={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"};class fe extends W{constructor(t,e){super(t,e),this._popper=null,this._parent=this._element.parentNode,this._menu=K.next(this._element,re)[0]||K.prev(this._element,re)[0]||K.findOne(re,this._parent),this._inNavbar=this._detectNavbar()}static get Default(){return _e}static get DefaultType(){return ge}static get NAME(){return Kt}toggle(){return this._isShown()?this.hide():this.show()}show(){if(d(this._element)||this._isShown())return;const t={relatedTarget:this._element};if(!j.trigger(this._element,Jt,t).defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(".navbar-nav"))for(const t of[].concat(...document.body.children))j.on(t,"mouseover",_);this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add(se),this._element.classList.add(se),j.trigger(this._element,Zt,t)}}hide(){if(d(this._element)||!this._isShown())return;const t={relatedTarget:this._element};this._completeHide(t)}dispose(){this._popper&&this._popper.destroy(),super.dispose()}update(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}_completeHide(t){if(!j.trigger(this._element,Ut,t).defaultPrevented){if("ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))j.off(t,"mouseover",_);this._popper&&this._popper.destroy(),this._menu.classList.remove(se),this._element.classList.remove(se),this._element.setAttribute("aria-expanded","false"),B.removeDataAttribute(this._menu,"popper"),j.trigger(this._element,Gt,t)}}_getConfig(t){if("object"==typeof(t=super._getConfig(t)).reference&&!l(t.reference)&&"function"!=typeof t.reference.getBoundingClientRect)throw new TypeError(`${Kt.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);return t}_createPopper(){if(void 0===i)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org)");let t=this._element;"parent"===this._config.reference?t=this._parent:l(this._config.reference)?t=c(this._config.reference):"object"==typeof this._config.reference&&(t=this._config.reference);const e=this._getPopperConfig();this._popper=i.createPopper(t,this._menu,e)}_isShown(){return this._menu.classList.contains(se)}_getPlacement(){const t=this._parent;if(t.classList.contains("dropend"))return de;if(t.classList.contains("dropstart"))return ue;if(t.classList.contains("dropup-center"))return"top";if(t.classList.contains("dropdown-center"))return"bottom";const e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim();return t.classList.contains("dropup")?e?le:ae:e?he:ce}_detectNavbar(){return null!==this._element.closest(".navbar")}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_getPopperConfig(){const t={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return(this._inNavbar||"static"===this._config.display)&&(B.setDataAttribute(this._menu,"popper","static"),t.modifiers=[{name:"applyStyles",enabled:!1}]),{...t,...v(this._config.popperConfig,[t])}}_selectMenuItem({key:t,target:e}){const i=K.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter((t=>h(t)));i.length&&w(i,e,t===Yt,!i.includes(e)).focus()}static jQueryInterface(t){return this.each((function(){const e=fe.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}static clearMenus(t){if(2===t.button||"keyup"===t.type&&"Tab"!==t.key)return;const e=K.find(oe);for(const i of e){const e=fe.getInstance(i);if(!e||!1===e._config.autoClose)continue;const s=t.composedPath(),n=s.includes(e._menu);if(s.includes(e._element)||"inside"===e._config.autoClose&&!n||"outside"===e._config.autoClose&&n)continue;if(e._menu.contains(t.target)&&("keyup"===t.type&&"Tab"===t.key||/input|select|option|textarea|form/i.test(t.target.tagName)))continue;const o={relatedTarget:e._element};"click"===t.type&&(o.clickEvent=t),e._completeHide(o)}}static dataApiKeydownHandler(t){const e=/input|textarea/i.test(t.target.tagName),i="Escape"===t.key,s=[Xt,Yt].includes(t.key);if(!s&&!i)return;if(e&&!i)return;t.preventDefault();const n=this.matches(ne)?this:K.prev(this,ne)[0]||K.next(this,ne)[0]||K.findOne(ne,t.delegateTarget.parentNode),o=fe.getOrCreateInstance(n);if(s)return t.stopPropagation(),o.show(),void o._selectMenuItem(t);o._isShown()&&(t.stopPropagation(),o.hide(),n.focus())}}j.on(document,ee,ne,fe.dataApiKeydownHandler),j.on(document,ee,re,fe.dataApiKeydownHandler),j.on(document,te,fe.clearMenus),j.on(document,ie,fe.clearMenus),j.on(document,te,ne,(function(t){t.preventDefault(),fe.getOrCreateInstance(this).toggle()})),b(fe);const me="backdrop",pe="show",be=`mousedown.bs.${me}`,ve={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},ye={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"};class we extends q{constructor(t){super(),this._config=this._getConfig(t),this._isAppended=!1,this._element=null}static get Default(){return ve}static get DefaultType(){return ye}static get NAME(){return me}show(t){if(!this._config.isVisible)return void v(t);this._append();const e=this._getElement();this._config.isAnimated&&g(e),e.classList.add(pe),this._emulateAnimation((()=>{v(t)}))}hide(t){this._config.isVisible?(this._getElement().classList.remove(pe),this._emulateAnimation((()=>{this.dispose(),v(t)}))):v(t)}dispose(){this._isAppended&&(j.off(this._element,be),this._element.remove(),this._isAppended=!1)}_getElement(){if(!this._element){const t=document.createElement("div");t.className=this._config.className,this._config.isAnimated&&t.classList.add("fade"),this._element=t}return this._element}_configAfterMerge(t){return t.rootElement=c(t.rootElement),t}_append(){if(this._isAppended)return;const t=this._getElement();this._config.rootElement.append(t),j.on(t,be,(()=>{v(this._config.clickCallback)})),this._isAppended=!0}_emulateAnimation(t){y(t,this._getElement(),this._config.isAnimated)}}const Ae=".bs.focustrap",Ee=`focusin${Ae}`,Ce=`keydown.tab${Ae}`,Te="backward",ke={autofocus:!0,trapElement:null},$e={autofocus:"boolean",trapElement:"element"};class Se extends q{constructor(t){super(),this._config=this._getConfig(t),this._isActive=!1,this._lastTabNavDirection=null}static get Default(){return ke}static get DefaultType(){return $e}static get NAME(){return"focustrap"}activate(){this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),j.off(document,Ae),j.on(document,Ee,(t=>this._handleFocusin(t))),j.on(document,Ce,(t=>this._handleKeydown(t))),this._isActive=!0)}deactivate(){this._isActive&&(this._isActive=!1,j.off(document,Ae))}_handleFocusin(t){const{trapElement:e}=this._config;if(t.target===document||t.target===e||e.contains(t.target))return;const i=K.focusableChildren(e);0===i.length?e.focus():this._lastTabNavDirection===Te?i[i.length-1].focus():i[0].focus()}_handleKeydown(t){"Tab"===t.key&&(this._lastTabNavDirection=t.shiftKey?Te:"forward")}}const Le=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",Oe=".sticky-top",Ie="padding-right",De="margin-right";class Ne{constructor(){this._element=document.body}getWidth(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}hide(){const t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,Ie,(e=>e+t)),this._setElementAttributes(Le,Ie,(e=>e+t)),this._setElementAttributes(Oe,De,(e=>e-t))}reset(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,Ie),this._resetElementAttributes(Le,Ie),this._resetElementAttributes(Oe,De)}isOverflowing(){return this.getWidth()>0}_disableOverFlow(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}_setElementAttributes(t,e,i){const s=this.getWidth();this._applyManipulationCallback(t,(t=>{if(t!==this._element&&window.innerWidth>t.clientWidth+s)return;this._saveInitialAttribute(t,e);const n=window.getComputedStyle(t).getPropertyValue(e);t.style.setProperty(e,`${i(Number.parseFloat(n))}px`)}))}_saveInitialAttribute(t,e){const i=t.style.getPropertyValue(e);i&&B.setDataAttribute(t,e,i)}_resetElementAttributes(t,e){this._applyManipulationCallback(t,(t=>{const i=B.getDataAttribute(t,e);null!==i?(B.removeDataAttribute(t,e),t.style.setProperty(e,i)):t.style.removeProperty(e)}))}_applyManipulationCallback(t,e){if(l(t))e(t);else for(const i of K.find(t,this._element))e(i)}}const Pe=".bs.modal",xe=`hide${Pe}`,Me=`hidePrevented${Pe}`,je=`hidden${Pe}`,Fe=`show${Pe}`,ze=`shown${Pe}`,He=`resize${Pe}`,Be=`click.dismiss${Pe}`,qe=`mousedown.dismiss${Pe}`,We=`keydown.dismiss${Pe}`,Re=`click${Pe}.data-api`,Ke="modal-open",Ve="show",Qe="modal-static",Xe={backdrop:!0,focus:!0,keyboard:!0},Ye={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"};class Ue extends W{constructor(t,e){super(t,e),this._dialog=K.findOne(".modal-dialog",this._element),this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._isShown=!1,this._isTransitioning=!1,this._scrollBar=new Ne,this._addEventListeners()}static get Default(){return Xe}static get DefaultType(){return Ye}static get NAME(){return"modal"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||this._isTransitioning||j.trigger(this._element,Fe,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(Ke),this._adjustDialog(),this._backdrop.show((()=>this._showElement(t))))}hide(){this._isShown&&!this._isTransitioning&&(j.trigger(this._element,xe).defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove(Ve),this._queueCallback((()=>this._hideModal()),this._element,this._isAnimated())))}dispose(){j.off(window,Pe),j.off(this._dialog,Pe),this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}handleUpdate(){this._adjustDialog()}_initializeBackDrop(){return new we({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}_initializeFocusTrap(){return new Se({trapElement:this._element})}_showElement(t){document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0;const e=K.findOne(".modal-body",this._dialog);e&&(e.scrollTop=0),g(this._element),this._element.classList.add(Ve),this._queueCallback((()=>{this._config.focus&&this._focustrap.activate(),this._isTransitioning=!1,j.trigger(this._element,ze,{relatedTarget:t})}),this._dialog,this._isAnimated())}_addEventListeners(){j.on(this._element,We,(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():this._triggerBackdropTransition())})),j.on(window,He,(()=>{this._isShown&&!this._isTransitioning&&this._adjustDialog()})),j.on(this._element,qe,(t=>{j.one(this._element,Be,(e=>{this._element===t.target&&this._element===e.target&&("static"!==this._config.backdrop?this._config.backdrop&&this.hide():this._triggerBackdropTransition())}))}))}_hideModal(){this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide((()=>{document.body.classList.remove(Ke),this._resetAdjustments(),this._scrollBar.reset(),j.trigger(this._element,je)}))}_isAnimated(){return this._element.classList.contains("fade")}_triggerBackdropTransition(){if(j.trigger(this._element,Me).defaultPrevented)return;const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._element.style.overflowY;"hidden"===e||this._element.classList.contains(Qe)||(t||(this._element.style.overflowY="hidden"),this._element.classList.add(Qe),this._queueCallback((()=>{this._element.classList.remove(Qe),this._queueCallback((()=>{this._element.style.overflowY=e}),this._dialog)}),this._dialog),this._element.focus())}_adjustDialog(){const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._scrollBar.getWidth(),i=e>0;if(i&&!t){const t=p()?"paddingLeft":"paddingRight";this._element.style[t]=`${e}px`}if(!i&&t){const t=p()?"paddingRight":"paddingLeft";this._element.style[t]=`${e}px`}}_resetAdjustments(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}static jQueryInterface(t,e){return this.each((function(){const i=Ue.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t](e)}}))}}j.on(document,Re,'[data-bs-toggle="modal"]',(function(t){const e=K.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&t.preventDefault(),j.one(e,Fe,(t=>{t.defaultPrevented||j.one(e,je,(()=>{h(this)&&this.focus()}))}));const i=K.findOne(".modal.show");i&&Ue.getInstance(i).hide(),Ue.getOrCreateInstance(e).toggle(this)})),V(Ue),b(Ue);const Ge=".bs.offcanvas",Je=".data-api",Ze=`load${Ge}${Je}`,ti="show",ei="showing",ii="hiding",si=".offcanvas.show",ni=`show${Ge}`,oi=`shown${Ge}`,ri=`hide${Ge}`,ai=`hidePrevented${Ge}`,li=`hidden${Ge}`,ci=`resize${Ge}`,hi=`click${Ge}${Je}`,di=`keydown.dismiss${Ge}`,ui={backdrop:!0,keyboard:!0,scroll:!1},_i={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"};class gi extends W{constructor(t,e){super(t,e),this._isShown=!1,this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._addEventListeners()}static get Default(){return ui}static get DefaultType(){return _i}static get NAME(){return"offcanvas"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||j.trigger(this._element,ni,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._backdrop.show(),this._config.scroll||(new Ne).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(ei),this._queueCallback((()=>{this._config.scroll&&!this._config.backdrop||this._focustrap.activate(),this._element.classList.add(ti),this._element.classList.remove(ei),j.trigger(this._element,oi,{relatedTarget:t})}),this._element,!0))}hide(){this._isShown&&(j.trigger(this._element,ri).defaultPrevented||(this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add(ii),this._backdrop.hide(),this._queueCallback((()=>{this._element.classList.remove(ti,ii),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._config.scroll||(new Ne).reset(),j.trigger(this._element,li)}),this._element,!0)))}dispose(){this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}_initializeBackDrop(){const t=Boolean(this._config.backdrop);return new we({className:"offcanvas-backdrop",isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?()=>{"static"!==this._config.backdrop?this.hide():j.trigger(this._element,ai)}:null})}_initializeFocusTrap(){return new Se({trapElement:this._element})}_addEventListeners(){j.on(this._element,di,(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():j.trigger(this._element,ai))}))}static jQueryInterface(t){return this.each((function(){const e=gi.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}j.on(document,hi,'[data-bs-toggle="offcanvas"]',(function(t){const e=K.getElementFromSelector(this);if(["A","AREA"].includes(this.tagName)&&t.preventDefault(),d(this))return;j.one(e,li,(()=>{h(this)&&this.focus()}));const i=K.findOne(si);i&&i!==e&&gi.getInstance(i).hide(),gi.getOrCreateInstance(e).toggle(this)})),j.on(window,Ze,(()=>{for(const t of K.find(si))gi.getOrCreateInstance(t).show()})),j.on(window,ci,(()=>{for(const t of K.find("[aria-modal][class*=show][class*=offcanvas-]"))"fixed"!==getComputedStyle(t).position&&gi.getOrCreateInstance(t).hide()})),V(gi),b(gi);const fi={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],dd:[],div:[],dl:[],dt:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},mi=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),pi=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i,bi=(t,e)=>{const i=t.nodeName.toLowerCase();return e.includes(i)?!mi.has(i)||Boolean(pi.test(t.nodeValue)):e.filter((t=>t instanceof RegExp)).some((t=>t.test(i)))},vi={allowList:fi,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"<div></div>"},yi={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},wi={entry:"(string|element|function|null)",selector:"(string|element)"};class Ai extends q{constructor(t){super(),this._config=this._getConfig(t)}static get Default(){return vi}static get DefaultType(){return yi}static get NAME(){return"TemplateFactory"}getContent(){return Object.values(this._config.content).map((t=>this._resolvePossibleFunction(t))).filter(Boolean)}hasContent(){return this.getContent().length>0}changeContent(t){return this._checkContent(t),this._config.content={...this._config.content,...t},this}toHtml(){const t=document.createElement("div");t.innerHTML=this._maybeSanitize(this._config.template);for(const[e,i]of Object.entries(this._config.content))this._setContent(t,i,e);const e=t.children[0],i=this._resolvePossibleFunction(this._config.extraClass);return i&&e.classList.add(...i.split(" ")),e}_typeCheckConfig(t){super._typeCheckConfig(t),this._checkContent(t.content)}_checkContent(t){for(const[e,i]of Object.entries(t))super._typeCheckConfig({selector:e,entry:i},wi)}_setContent(t,e,i){const s=K.findOne(i,t);s&&((e=this._resolvePossibleFunction(e))?l(e)?this._putElementInTemplate(c(e),s):this._config.html?s.innerHTML=this._maybeSanitize(e):s.textContent=e:s.remove())}_maybeSanitize(t){return this._config.sanitize?function(t,e,i){if(!t.length)return t;if(i&&"function"==typeof i)return i(t);const s=(new window.DOMParser).parseFromString(t,"text/html"),n=[].concat(...s.body.querySelectorAll("*"));for(const t of n){const i=t.nodeName.toLowerCase();if(!Object.keys(e).includes(i)){t.remove();continue}const s=[].concat(...t.attributes),n=[].concat(e["*"]||[],e[i]||[]);for(const e of s)bi(e,n)||t.removeAttribute(e.nodeName)}return s.body.innerHTML}(t,this._config.allowList,this._config.sanitizeFn):t}_resolvePossibleFunction(t){return v(t,[this])}_putElementInTemplate(t,e){if(this._config.html)return e.innerHTML="",void e.append(t);e.textContent=t.textContent}}const Ei=new Set(["sanitize","allowList","sanitizeFn"]),Ci="fade",Ti="show",ki=".modal",$i="hide.bs.modal",Si="hover",Li="focus",Oi={AUTO:"auto",TOP:"top",RIGHT:p()?"left":"right",BOTTOM:"bottom",LEFT:p()?"right":"left"},Ii={allowList:fi,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,6],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',title:"",trigger:"hover focus"},Di={allowList:"object",animation:"boolean",boundary:"(string|element)",container:"(string|element|boolean)",customClass:"(string|function)",delay:"(number|object)",fallbackPlacements:"array",html:"boolean",offset:"(array|string|function)",placement:"(string|function)",popperConfig:"(null|object|function)",sanitize:"boolean",sanitizeFn:"(null|function)",selector:"(string|boolean)",template:"string",title:"(string|element|function)",trigger:"string"};class Ni extends W{constructor(t,e){if(void 0===i)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");super(t,e),this._isEnabled=!0,this._timeout=0,this._isHovered=null,this._activeTrigger={},this._popper=null,this._templateFactory=null,this._newContent=null,this.tip=null,this._setListeners(),this._config.selector||this._fixTitle()}static get Default(){return Ii}static get DefaultType(){return Di}static get NAME(){return"tooltip"}enable(){this._isEnabled=!0}disable(){this._isEnabled=!1}toggleEnabled(){this._isEnabled=!this._isEnabled}toggle(){this._isEnabled&&(this._activeTrigger.click=!this._activeTrigger.click,this._isShown()?this._leave():this._enter())}dispose(){clearTimeout(this._timeout),j.off(this._element.closest(ki),$i,this._hideModalHandler),this._element.getAttribute("data-bs-original-title")&&this._element.setAttribute("title",this._element.getAttribute("data-bs-original-title")),this._disposePopper(),super.dispose()}show(){if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(!this._isWithContent()||!this._isEnabled)return;const t=j.trigger(this._element,this.constructor.eventName("show")),e=(u(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(t.defaultPrevented||!e)return;this._disposePopper();const i=this._getTipElement();this._element.setAttribute("aria-describedby",i.getAttribute("id"));const{container:s}=this._config;if(this._element.ownerDocument.documentElement.contains(this.tip)||(s.append(i),j.trigger(this._element,this.constructor.eventName("inserted"))),this._popper=this._createPopper(i),i.classList.add(Ti),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))j.on(t,"mouseover",_);this._queueCallback((()=>{j.trigger(this._element,this.constructor.eventName("shown")),!1===this._isHovered&&this._leave(),this._isHovered=!1}),this.tip,this._isAnimated())}hide(){if(this._isShown()&&!j.trigger(this._element,this.constructor.eventName("hide")).defaultPrevented){if(this._getTipElement().classList.remove(Ti),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))j.off(t,"mouseover",_);this._activeTrigger.click=!1,this._activeTrigger[Li]=!1,this._activeTrigger[Si]=!1,this._isHovered=null,this._queueCallback((()=>{this._isWithActiveTrigger()||(this._isHovered||this._disposePopper(),this._element.removeAttribute("aria-describedby"),j.trigger(this._element,this.constructor.eventName("hidden")))}),this.tip,this._isAnimated())}}update(){this._popper&&this._popper.update()}_isWithContent(){return Boolean(this._getTitle())}_getTipElement(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}_createTipElement(t){const e=this._getTemplateFactory(t).toHtml();if(!e)return null;e.classList.remove(Ci,Ti),e.classList.add(`bs-${this.constructor.NAME}-auto`);const i=(t=>{do{t+=Math.floor(1e6*Math.random())}while(document.getElementById(t));return t})(this.constructor.NAME).toString();return e.setAttribute("id",i),this._isAnimated()&&e.classList.add(Ci),e}setContent(t){this._newContent=t,this._isShown()&&(this._disposePopper(),this.show())}_getTemplateFactory(t){return this._templateFactory?this._templateFactory.changeContent(t):this._templateFactory=new Ai({...this._config,content:t,extraClass:this._resolvePossibleFunction(this._config.customClass)}),this._templateFactory}_getContentForTemplate(){return{".tooltip-inner":this._getTitle()}}_getTitle(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}_initializeOnDelegatedTarget(t){return this.constructor.getOrCreateInstance(t.delegateTarget,this._getDelegateConfig())}_isAnimated(){return this._config.animation||this.tip&&this.tip.classList.contains(Ci)}_isShown(){return this.tip&&this.tip.classList.contains(Ti)}_createPopper(t){const e=v(this._config.placement,[this,t,this._element]),s=Oi[e.toUpperCase()];return i.createPopper(this._element,t,this._getPopperConfig(s))}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_resolvePossibleFunction(t){return v(t,[this._element])}_getPopperConfig(t){const e={placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:`.${this.constructor.NAME}-arrow`}},{name:"preSetPlacement",enabled:!0,phase:"beforeMain",fn:t=>{this._getTipElement().setAttribute("data-popper-placement",t.state.placement)}}]};return{...e,...v(this._config.popperConfig,[e])}}_setListeners(){const t=this._config.trigger.split(" ");for(const e of t)if("click"===e)j.on(this._element,this.constructor.eventName("click"),this._config.selector,(t=>{this._initializeOnDelegatedTarget(t).toggle()}));else if("manual"!==e){const t=e===Si?this.constructor.eventName("mouseenter"):this.constructor.eventName("focusin"),i=e===Si?this.constructor.eventName("mouseleave"):this.constructor.eventName("focusout");j.on(this._element,t,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusin"===t.type?Li:Si]=!0,e._enter()})),j.on(this._element,i,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusout"===t.type?Li:Si]=e._element.contains(t.relatedTarget),e._leave()}))}this._hideModalHandler=()=>{this._element&&this.hide()},j.on(this._element.closest(ki),$i,this._hideModalHandler)}_fixTitle(){const t=this._element.getAttribute("title");t&&(this._element.getAttribute("aria-label")||this._element.textContent.trim()||this._element.setAttribute("aria-label",t),this._element.setAttribute("data-bs-original-title",t),this._element.removeAttribute("title"))}_enter(){this._isShown()||this._isHovered?this._isHovered=!0:(this._isHovered=!0,this._setTimeout((()=>{this._isHovered&&this.show()}),this._config.delay.show))}_leave(){this._isWithActiveTrigger()||(this._isHovered=!1,this._setTimeout((()=>{this._isHovered||this.hide()}),this._config.delay.hide))}_setTimeout(t,e){clearTimeout(this._timeout),this._timeout=setTimeout(t,e)}_isWithActiveTrigger(){return Object.values(this._activeTrigger).includes(!0)}_getConfig(t){const e=B.getDataAttributes(this._element);for(const t of Object.keys(e))Ei.has(t)&&delete e[t];return t={...e,..."object"==typeof t&&t?t:{}},t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t.container=!1===t.container?document.body:c(t.container),"number"==typeof t.delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),t}_getDelegateConfig(){const t={};for(const[e,i]of Object.entries(this._config))this.constructor.Default[e]!==i&&(t[e]=i);return t.selector=!1,t.trigger="manual",t}_disposePopper(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}static jQueryInterface(t){return this.each((function(){const e=Ni.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}b(Ni);const Pi={...Ni.Default,content:"",offset:[0,8],placement:"right",template:'<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',trigger:"click"},xi={...Ni.DefaultType,content:"(null|string|element|function)"};class Mi extends Ni{static get Default(){return Pi}static get DefaultType(){return xi}static get NAME(){return"popover"}_isWithContent(){return this._getTitle()||this._getContent()}_getContentForTemplate(){return{".popover-header":this._getTitle(),".popover-body":this._getContent()}}_getContent(){return this._resolvePossibleFunction(this._config.content)}static jQueryInterface(t){return this.each((function(){const e=Mi.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}b(Mi);const ji=".bs.scrollspy",Fi=`activate${ji}`,zi=`click${ji}`,Hi=`load${ji}.data-api`,Bi="active",qi="[href]",Wi=".nav-link",Ri=`${Wi}, .nav-item > ${Wi}, .list-group-item`,Ki={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},Vi={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"};class Qi extends W{constructor(t,e){super(t,e),this._targetLinks=new Map,this._observableSections=new Map,this._rootElement="visible"===getComputedStyle(this._element).overflowY?null:this._element,this._activeTarget=null,this._observer=null,this._previousScrollData={visibleEntryTop:0,parentScrollTop:0},this.refresh()}static get Default(){return Ki}static get DefaultType(){return Vi}static get NAME(){return"scrollspy"}refresh(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();for(const t of this._observableSections.values())this._observer.observe(t)}dispose(){this._observer.disconnect(),super.dispose()}_configAfterMerge(t){return t.target=c(t.target)||document.body,t.rootMargin=t.offset?`${t.offset}px 0px -30%`:t.rootMargin,"string"==typeof t.threshold&&(t.threshold=t.threshold.split(",").map((t=>Number.parseFloat(t)))),t}_maybeEnableSmoothScroll(){this._config.smoothScroll&&(j.off(this._config.target,zi),j.on(this._config.target,zi,qi,(t=>{const e=this._observableSections.get(t.target.hash);if(e){t.preventDefault();const i=this._rootElement||window,s=e.offsetTop-this._element.offsetTop;if(i.scrollTo)return void i.scrollTo({top:s,behavior:"smooth"});i.scrollTop=s}})))}_getNewObserver(){const t={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver((t=>this._observerCallback(t)),t)}_observerCallback(t){const e=t=>this._targetLinks.get(`#${t.target.id}`),i=t=>{this._previousScrollData.visibleEntryTop=t.target.offsetTop,this._process(e(t))},s=(this._rootElement||document.documentElement).scrollTop,n=s>=this._previousScrollData.parentScrollTop;this._previousScrollData.parentScrollTop=s;for(const o of t){if(!o.isIntersecting){this._activeTarget=null,this._clearActiveClass(e(o));continue}const t=o.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(n&&t){if(i(o),!s)return}else n||t||i(o)}}_initializeTargetsAndObservables(){this._targetLinks=new Map,this._observableSections=new Map;const t=K.find(qi,this._config.target);for(const e of t){if(!e.hash||d(e))continue;const t=K.findOne(decodeURI(e.hash),this._element);h(t)&&(this._targetLinks.set(decodeURI(e.hash),e),this._observableSections.set(e.hash,t))}}_process(t){this._activeTarget!==t&&(this._clearActiveClass(this._config.target),this._activeTarget=t,t.classList.add(Bi),this._activateParents(t),j.trigger(this._element,Fi,{relatedTarget:t}))}_activateParents(t){if(t.classList.contains("dropdown-item"))K.findOne(".dropdown-toggle",t.closest(".dropdown")).classList.add(Bi);else for(const e of K.parents(t,".nav, .list-group"))for(const t of K.prev(e,Ri))t.classList.add(Bi)}_clearActiveClass(t){t.classList.remove(Bi);const e=K.find(`${qi}.${Bi}`,t);for(const t of e)t.classList.remove(Bi)}static jQueryInterface(t){return this.each((function(){const e=Qi.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}j.on(window,Hi,(()=>{for(const t of K.find('[data-bs-spy="scroll"]'))Qi.getOrCreateInstance(t)})),b(Qi);const Xi=".bs.tab",Yi=`hide${Xi}`,Ui=`hidden${Xi}`,Gi=`show${Xi}`,Ji=`shown${Xi}`,Zi=`click${Xi}`,ts=`keydown${Xi}`,es=`load${Xi}`,is="ArrowLeft",ss="ArrowRight",ns="ArrowUp",os="ArrowDown",rs="Home",as="End",ls="active",cs="fade",hs="show",ds=".dropdown-toggle",us=`:not(${ds})`,_s='[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',gs=`.nav-link${us}, .list-group-item${us}, [role="tab"]${us}, ${_s}`,fs=`.${ls}[data-bs-toggle="tab"], .${ls}[data-bs-toggle="pill"], .${ls}[data-bs-toggle="list"]`;class ms extends W{constructor(t){super(t),this._parent=this._element.closest('.list-group, .nav, [role="tablist"]'),this._parent&&(this._setInitialAttributes(this._parent,this._getChildren()),j.on(this._element,ts,(t=>this._keydown(t))))}static get NAME(){return"tab"}show(){const t=this._element;if(this._elemIsActive(t))return;const e=this._getActiveElem(),i=e?j.trigger(e,Yi,{relatedTarget:t}):null;j.trigger(t,Gi,{relatedTarget:e}).defaultPrevented||i&&i.defaultPrevented||(this._deactivate(e,t),this._activate(t,e))}_activate(t,e){t&&(t.classList.add(ls),this._activate(K.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.removeAttribute("tabindex"),t.setAttribute("aria-selected",!0),this._toggleDropDown(t,!0),j.trigger(t,Ji,{relatedTarget:e})):t.classList.add(hs)}),t,t.classList.contains(cs)))}_deactivate(t,e){t&&(t.classList.remove(ls),t.blur(),this._deactivate(K.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.setAttribute("aria-selected",!1),t.setAttribute("tabindex","-1"),this._toggleDropDown(t,!1),j.trigger(t,Ui,{relatedTarget:e})):t.classList.remove(hs)}),t,t.classList.contains(cs)))}_keydown(t){if(![is,ss,ns,os,rs,as].includes(t.key))return;t.stopPropagation(),t.preventDefault();const e=this._getChildren().filter((t=>!d(t)));let i;if([rs,as].includes(t.key))i=e[t.key===rs?0:e.length-1];else{const s=[ss,os].includes(t.key);i=w(e,t.target,s,!0)}i&&(i.focus({preventScroll:!0}),ms.getOrCreateInstance(i).show())}_getChildren(){return K.find(gs,this._parent)}_getActiveElem(){return this._getChildren().find((t=>this._elemIsActive(t)))||null}_setInitialAttributes(t,e){this._setAttributeIfNotExists(t,"role","tablist");for(const t of e)this._setInitialAttributesOnChild(t)}_setInitialAttributesOnChild(t){t=this._getInnerElement(t);const e=this._elemIsActive(t),i=this._getOuterElement(t);t.setAttribute("aria-selected",e),i!==t&&this._setAttributeIfNotExists(i,"role","presentation"),e||t.setAttribute("tabindex","-1"),this._setAttributeIfNotExists(t,"role","tab"),this._setInitialAttributesOnTargetPanel(t)}_setInitialAttributesOnTargetPanel(t){const e=K.getElementFromSelector(t);e&&(this._setAttributeIfNotExists(e,"role","tabpanel"),t.id&&this._setAttributeIfNotExists(e,"aria-labelledby",`${t.id}`))}_toggleDropDown(t,e){const i=this._getOuterElement(t);if(!i.classList.contains("dropdown"))return;const s=(t,s)=>{const n=K.findOne(t,i);n&&n.classList.toggle(s,e)};s(ds,ls),s(".dropdown-menu",hs),i.setAttribute("aria-expanded",e)}_setAttributeIfNotExists(t,e,i){t.hasAttribute(e)||t.setAttribute(e,i)}_elemIsActive(t){return t.classList.contains(ls)}_getInnerElement(t){return t.matches(gs)?t:K.findOne(gs,t)}_getOuterElement(t){return t.closest(".nav-item, .list-group-item")||t}static jQueryInterface(t){return this.each((function(){const e=ms.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}j.on(document,Zi,_s,(function(t){["A","AREA"].includes(this.tagName)&&t.preventDefault(),d(this)||ms.getOrCreateInstance(this).show()})),j.on(window,es,(()=>{for(const t of K.find(fs))ms.getOrCreateInstance(t)})),b(ms);const ps=".bs.toast",bs=`mouseover${ps}`,vs=`mouseout${ps}`,ys=`focusin${ps}`,ws=`focusout${ps}`,As=`hide${ps}`,Es=`hidden${ps}`,Cs=`show${ps}`,Ts=`shown${ps}`,ks="hide",$s="show",Ss="showing",Ls={animation:"boolean",autohide:"boolean",delay:"number"},Os={animation:!0,autohide:!0,delay:5e3};class Is extends W{constructor(t,e){super(t,e),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return Os}static get DefaultType(){return Ls}static get NAME(){return"toast"}show(){j.trigger(this._element,Cs).defaultPrevented||(this._clearTimeout(),this._config.animation&&this._element.classList.add("fade"),this._element.classList.remove(ks),g(this._element),this._element.classList.add($s,Ss),this._queueCallback((()=>{this._element.classList.remove(Ss),j.trigger(this._element,Ts),this._maybeScheduleHide()}),this._element,this._config.animation))}hide(){this.isShown()&&(j.trigger(this._element,As).defaultPrevented||(this._element.classList.add(Ss),this._queueCallback((()=>{this._element.classList.add(ks),this._element.classList.remove(Ss,$s),j.trigger(this._element,Es)}),this._element,this._config.animation)))}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove($s),super.dispose()}isShown(){return this._element.classList.contains($s)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(t,e){switch(t.type){case"mouseover":case"mouseout":this._hasMouseInteraction=e;break;case"focusin":case"focusout":this._hasKeyboardInteraction=e}if(e)return void this._clearTimeout();const i=t.relatedTarget;this._element===i||this._element.contains(i)||this._maybeScheduleHide()}_setListeners(){j.on(this._element,bs,(t=>this._onInteraction(t,!0))),j.on(this._element,vs,(t=>this._onInteraction(t,!1))),j.on(this._element,ys,(t=>this._onInteraction(t,!0))),j.on(this._element,ws,(t=>this._onInteraction(t,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(t){return this.each((function(){const e=Is.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}return V(Is),b(Is),{Alert:U,Button:J,Carousel:Ot,Collapse:Rt,Dropdown:fe,Modal:Ue,Offcanvas:gi,Popover:Mi,ScrollSpy:Qi,Tab:ms,Toast:Is,Tooltip:Ni}}));
-//# sourceMappingURL=bootstrap.min.js.map
\ No newline at end of file
diff --git a/cli/medperf/web_ui/static/js/bootstrap.min.js.map b/cli/medperf/web_ui/static/js/bootstrap.min.js.map
deleted file mode 100644
index 4d4371522..000000000
--- a/cli/medperf/web_ui/static/js/bootstrap.min.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"names":["elementMap","Map","Data","set","element","key","instance","has","instanceMap","get","size","console","error","Array","from","keys","remove","delete","TRANSITION_END","parseSelector","selector","window","CSS","escape","replace","match","id","triggerTransitionEnd","dispatchEvent","Event","isElement","object","jquery","nodeType","getElement","length","document","querySelector","isVisible","getClientRects","elementIsVisible","getComputedStyle","getPropertyValue","closedDetails","closest","summary","parentNode","isDisabled","Node","ELEMENT_NODE","classList","contains","disabled","hasAttribute","getAttribute","findShadowRoot","documentElement","attachShadow","getRootNode","root","ShadowRoot","noop","reflow","offsetHeight","getjQuery","jQuery","body","DOMContentLoadedCallbacks","isRTL","dir","defineJQueryPlugin","plugin","callback","$","name","NAME","JQUERY_NO_CONFLICT","fn","jQueryInterface","Constructor","noConflict","readyState","addEventListener","push","execute","possibleCallback","args","defaultValue","executeAfterTransition","transitionElement","waitForTransition","emulatedDuration","transitionDuration","transitionDelay","floatTransitionDuration","Number","parseFloat","floatTransitionDelay","split","getTransitionDurationFromElement","called","handler","target","removeEventListener","setTimeout","getNextActiveElement","list","activeElement","shouldGetNext","isCycleAllowed","listLength","index","indexOf","Math","max","min","namespaceRegex","stripNameRegex","stripUidRegex","eventRegistry","uidEvent","customEvents","mouseenter","mouseleave","nativeEvents","Set","makeEventUid","uid","getElementEvents","findHandler","events","callable","delegationSelector","Object","values","find","event","normalizeParameters","originalTypeEvent","delegationFunction","isDelegated","typeEvent","getTypeEvent","addHandler","oneOff","wrapFunction","relatedTarget","delegateTarget","call","this","handlers","previousFunction","domElements","querySelectorAll","domElement","hydrateObj","EventHandler","off","type","apply","bootstrapDelegationHandler","bootstrapHandler","removeHandler","Boolean","removeNamespacedHandlers","namespace","storeElementEvent","handlerKey","entries","includes","on","one","inNamespace","isNamespace","startsWith","elementEvent","slice","keyHandlers","trigger","jQueryEvent","bubbles","nativeDispatch","defaultPrevented","isPropagationStopped","isImmediatePropagationStopped","isDefaultPrevented","evt","cancelable","preventDefault","obj","meta","value","_unused","defineProperty","configurable","normalizeData","toString","JSON","parse","decodeURIComponent","normalizeDataKey","chr","toLowerCase","Manipulator","setDataAttribute","setAttribute","removeDataAttribute","removeAttribute","getDataAttributes","attributes","bsKeys","dataset","filter","pureKey","charAt","getDataAttribute","Config","Default","DefaultType","Error","_getConfig","config","_mergeConfigObj","_configAfterMerge","_typeCheckConfig","jsonConfig","constructor","configTypes","property","expectedTypes","valueType","prototype","RegExp","test","TypeError","toUpperCase","BaseComponent","super","_element","_config","DATA_KEY","dispose","EVENT_KEY","propertyName","getOwnPropertyNames","_queueCallback","isAnimated","getInstance","getOrCreateInstance","VERSION","eventName","getSelector","hrefAttribute","trim","map","sel","join","SelectorEngine","concat","Element","findOne","children","child","matches","parents","ancestor","prev","previous","previousElementSibling","next","nextElementSibling","focusableChildren","focusables","el","getSelectorFromElement","getElementFromSelector","getMultipleElementsFromSelector","enableDismissTrigger","component","method","clickEvent","tagName","EVENT_CLOSE","EVENT_CLOSED","Alert","close","_destroyElement","each","data","undefined","SELECTOR_DATA_TOGGLE","Button","toggle","button","EVENT_TOUCHSTART","EVENT_TOUCHMOVE","EVENT_TOUCHEND","EVENT_POINTERDOWN","EVENT_POINTERUP","endCallback","leftCallback","rightCallback","Swipe","isSupported","_deltaX","_supportPointerEvents","PointerEvent","_initEvents","_start","_eventIsPointerPenTouch","clientX","touches","_end","_handleSwipe","_move","absDeltaX","abs","direction","add","pointerType","navigator","maxTouchPoints","DATA_API_KEY","ORDER_NEXT","ORDER_PREV","DIRECTION_LEFT","DIRECTION_RIGHT","EVENT_SLIDE","EVENT_SLID","EVENT_KEYDOWN","EVENT_MOUSEENTER","EVENT_MOUSELEAVE","EVENT_DRAG_START","EVENT_LOAD_DATA_API","EVENT_CLICK_DATA_API","CLASS_NAME_CAROUSEL","CLASS_NAME_ACTIVE","SELECTOR_ACTIVE","SELECTOR_ITEM","SELECTOR_ACTIVE_ITEM","KEY_TO_DIRECTION","ArrowLeft","ArrowRight","interval","keyboard","pause","ride","touch","wrap","Carousel","_interval","_activeElement","_isSliding","touchTimeout","_swipeHelper","_indicatorsElement","_addEventListeners","cycle","_slide","nextWhenVisible","hidden","_clearInterval","_updateInterval","setInterval","_maybeEnableCycle","to","items","_getItems","activeIndex","_getItemIndex","_getActive","order","defaultInterval","_keydown","_addTouchEventListeners","img","swipeConfig","_directionToOrder","endCallBack","clearTimeout","_setActiveIndicatorElement","activeIndicator","newActiveIndicator","elementInterval","parseInt","isNext","nextElement","nextElementIndex","triggerEvent","_orderToDirection","isCycling","directionalClassName","orderClassName","completeCallBack","_isAnimated","clearInterval","carousel","slideIndex","carousels","EVENT_SHOW","EVENT_SHOWN","EVENT_HIDE","EVENT_HIDDEN","CLASS_NAME_SHOW","CLASS_NAME_COLLAPSE","CLASS_NAME_COLLAPSING","CLASS_NAME_DEEPER_CHILDREN","parent","Collapse","_isTransitioning","_triggerArray","toggleList","elem","filterElement","foundElement","_initializeChildren","_addAriaAndCollapsedClass","_isShown","hide","show","activeChildren","_getFirstLevelChildren","activeInstance","dimension","_getDimension","style","scrollSize","complete","getBoundingClientRect","selected","triggerArray","isOpen","ARROW_UP_KEY","ARROW_DOWN_KEY","EVENT_KEYDOWN_DATA_API","EVENT_KEYUP_DATA_API","SELECTOR_DATA_TOGGLE_SHOWN","SELECTOR_MENU","PLACEMENT_TOP","PLACEMENT_TOPEND","PLACEMENT_BOTTOM","PLACEMENT_BOTTOMEND","PLACEMENT_RIGHT","PLACEMENT_LEFT","autoClose","boundary","display","offset","popperConfig","reference","Dropdown","_popper","_parent","_menu","_inNavbar","_detectNavbar","_createPopper","focus","_completeHide","destroy","update","Popper","referenceElement","_getPopperConfig","createPopper","_getPlacement","parentDropdown","isEnd","_getOffset","popperData","defaultBsPopperConfig","placement","modifiers","options","enabled","_selectMenuItem","clearMenus","openToggles","context","composedPath","isMenuTarget","dataApiKeydownHandler","isInput","isEscapeEvent","isUpOrDownEvent","getToggleButton","stopPropagation","EVENT_MOUSEDOWN","className","clickCallback","rootElement","Backdrop","_isAppended","_append","_getElement","_emulateAnimation","backdrop","createElement","append","EVENT_FOCUSIN","EVENT_KEYDOWN_TAB","TAB_NAV_BACKWARD","autofocus","trapElement","FocusTrap","_isActive","_lastTabNavDirection","activate","_handleFocusin","_handleKeydown","deactivate","elements","shiftKey","SELECTOR_FIXED_CONTENT","SELECTOR_STICKY_CONTENT","PROPERTY_PADDING","PROPERTY_MARGIN","ScrollBarHelper","getWidth","documentWidth","clientWidth","innerWidth","width","_disableOverFlow","_setElementAttributes","calculatedValue","reset","_resetElementAttributes","isOverflowing","_saveInitialAttribute","overflow","styleProperty","scrollbarWidth","_applyManipulationCallback","setProperty","actualValue","removeProperty","callBack","EVENT_HIDE_PREVENTED","EVENT_RESIZE","EVENT_CLICK_DISMISS","EVENT_MOUSEDOWN_DISMISS","EVENT_KEYDOWN_DISMISS","CLASS_NAME_OPEN","CLASS_NAME_STATIC","Modal","_dialog","_backdrop","_initializeBackDrop","_focustrap","_initializeFocusTrap","_scrollBar","_adjustDialog","_showElement","_hideModal","handleUpdate","scrollTop","modalBody","transitionComplete","_triggerBackdropTransition","event2","_resetAdjustments","isModalOverflowing","scrollHeight","clientHeight","initialOverflowY","overflowY","isBodyOverflowing","paddingLeft","paddingRight","showEvent","alreadyOpen","CLASS_NAME_SHOWING","CLASS_NAME_HIDING","OPEN_SELECTOR","scroll","Offcanvas","blur","completeCallback","position","DefaultAllowlist","a","area","b","br","col","code","dd","div","dl","dt","em","hr","h1","h2","h3","h4","h5","h6","i","li","ol","p","pre","s","small","span","sub","sup","strong","u","ul","uriAttributes","SAFE_URL_PATTERN","allowedAttribute","attribute","allowedAttributeList","attributeName","nodeName","nodeValue","attributeRegex","some","regex","allowList","content","extraClass","html","sanitize","sanitizeFn","template","DefaultContentType","entry","TemplateFactory","getContent","_resolvePossibleFunction","hasContent","changeContent","_checkContent","toHtml","templateWrapper","innerHTML","_maybeSanitize","text","_setContent","arg","templateElement","_putElementInTemplate","textContent","unsafeHtml","sanitizeFunction","createdDocument","DOMParser","parseFromString","elementName","attributeList","allowedAttributes","sanitizeHtml","DISALLOWED_ATTRIBUTES","CLASS_NAME_FADE","SELECTOR_MODAL","EVENT_MODAL_HIDE","TRIGGER_HOVER","TRIGGER_FOCUS","AttachmentMap","AUTO","TOP","RIGHT","BOTTOM","LEFT","animation","container","customClass","delay","fallbackPlacements","title","Tooltip","_isEnabled","_timeout","_isHovered","_activeTrigger","_templateFactory","_newContent","tip","_setListeners","_fixTitle","enable","disable","toggleEnabled","click","_leave","_enter","_hideModalHandler","_disposePopper","_isWithContent","isInTheDom","ownerDocument","_getTipElement","_isWithActiveTrigger","_getTitle","_createTipElement","_getContentForTemplate","_getTemplateFactory","tipId","prefix","floor","random","getElementById","getUID","setContent","_initializeOnDelegatedTarget","_getDelegateConfig","attachment","phase","state","triggers","eventIn","eventOut","_setTimeout","timeout","dataAttributes","dataAttribute","Popover","_getContent","EVENT_ACTIVATE","EVENT_CLICK","SELECTOR_TARGET_LINKS","SELECTOR_NAV_LINKS","SELECTOR_LINK_ITEMS","rootMargin","smoothScroll","threshold","ScrollSpy","_targetLinks","_observableSections","_rootElement","_activeTarget","_observer","_previousScrollData","visibleEntryTop","parentScrollTop","refresh","_initializeTargetsAndObservables","_maybeEnableSmoothScroll","disconnect","_getNewObserver","section","observe","observableSection","hash","height","offsetTop","scrollTo","top","behavior","IntersectionObserver","_observerCallback","targetElement","_process","userScrollsDown","isIntersecting","_clearActiveClass","entryIsLowerThanPrevious","targetLinks","anchor","decodeURI","_activateParents","listGroup","item","activeNodes","node","spy","ARROW_LEFT_KEY","ARROW_RIGHT_KEY","HOME_KEY","END_KEY","SELECTOR_DROPDOWN_TOGGLE","NOT_SELECTOR_DROPDOWN_TOGGLE","SELECTOR_INNER_ELEM","SELECTOR_DATA_TOGGLE_ACTIVE","Tab","_setInitialAttributes","_getChildren","innerElem","_elemIsActive","active","_getActiveElem","hideEvent","_deactivate","_activate","relatedElem","_toggleDropDown","nextActiveElement","preventScroll","_setAttributeIfNotExists","_setInitialAttributesOnChild","_getInnerElement","isActive","outerElem","_getOuterElement","_setInitialAttributesOnTargetPanel","open","EVENT_MOUSEOVER","EVENT_MOUSEOUT","EVENT_FOCUSOUT","CLASS_NAME_HIDE","autohide","Toast","_hasMouseInteraction","_hasKeyboardInteraction","_clearTimeout","_maybeScheduleHide","isShown","_onInteraction","isInteracting"],"sources":["../../js/src/dom/data.js","../../js/src/util/index.js","../../js/src/dom/event-handler.js","../../js/src/dom/manipulator.js","../../js/src/util/config.js","../../js/src/base-component.js","../../js/src/dom/selector-engine.js","../../js/src/util/component-functions.js","../../js/src/alert.js","../../js/src/button.js","../../js/src/util/swipe.js","../../js/src/carousel.js","../../js/src/collapse.js","../../js/src/dropdown.js","../../js/src/util/backdrop.js","../../js/src/util/focustrap.js","../../js/src/util/scrollbar.js","../../js/src/modal.js","../../js/src/offcanvas.js","../../js/src/util/sanitizer.js","../../js/src/util/template-factory.js","../../js/src/tooltip.js","../../js/src/popover.js","../../js/src/scrollspy.js","../../js/src/tab.js","../../js/src/toast.js","../../js/index.umd.js"],"sourcesContent":["/**\n * --------------------------------------------------------------------------\n * Bootstrap dom/data.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n/**\n * Constants\n */\n\nconst elementMap = new Map()\n\nexport default {\n  set(element, key, instance) {\n    if (!elementMap.has(element)) {\n      elementMap.set(element, new Map())\n    }\n\n    const instanceMap = elementMap.get(element)\n\n    // make it clear we only want one instance per element\n    // can be removed later when multiple key/instances are fine to be used\n    if (!instanceMap.has(key) && instanceMap.size !== 0) {\n      // eslint-disable-next-line no-console\n      console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`)\n      return\n    }\n\n    instanceMap.set(key, instance)\n  },\n\n  get(element, key) {\n    if (elementMap.has(element)) {\n      return elementMap.get(element).get(key) || null\n    }\n\n    return null\n  },\n\n  remove(element, key) {\n    if (!elementMap.has(element)) {\n      return\n    }\n\n    const instanceMap = elementMap.get(element)\n\n    instanceMap.delete(key)\n\n    // free up element references if there are no instances left for an element\n    if (instanceMap.size === 0) {\n      elementMap.delete(element)\n    }\n  }\n}\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/index.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nconst MAX_UID = 1_000_000\nconst MILLISECONDS_MULTIPLIER = 1000\nconst TRANSITION_END = 'transitionend'\n\n/**\n * Properly escape IDs selectors to handle weird IDs\n * @param {string} selector\n * @returns {string}\n */\nconst parseSelector = selector => {\n  if (selector && window.CSS && window.CSS.escape) {\n    // document.querySelector needs escaping to handle IDs (html5+) containing for instance /\n    selector = selector.replace(/#([^\\s\"#']+)/g, (match, id) => `#${CSS.escape(id)}`)\n  }\n\n  return selector\n}\n\n// Shout-out Angus Croll (https://goo.gl/pxwQGp)\nconst toType = object => {\n  if (object === null || object === undefined) {\n    return `${object}`\n  }\n\n  return Object.prototype.toString.call(object).match(/\\s([a-z]+)/i)[1].toLowerCase()\n}\n\n/**\n * Public Util API\n */\n\nconst getUID = prefix => {\n  do {\n    prefix += Math.floor(Math.random() * MAX_UID)\n  } while (document.getElementById(prefix))\n\n  return prefix\n}\n\nconst getTransitionDurationFromElement = element => {\n  if (!element) {\n    return 0\n  }\n\n  // Get transition-duration of the element\n  let { transitionDuration, transitionDelay } = window.getComputedStyle(element)\n\n  const floatTransitionDuration = Number.parseFloat(transitionDuration)\n  const floatTransitionDelay = Number.parseFloat(transitionDelay)\n\n  // Return 0 if element or transition duration is not found\n  if (!floatTransitionDuration && !floatTransitionDelay) {\n    return 0\n  }\n\n  // If multiple durations are defined, take the first\n  transitionDuration = transitionDuration.split(',')[0]\n  transitionDelay = transitionDelay.split(',')[0]\n\n  return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER\n}\n\nconst triggerTransitionEnd = element => {\n  element.dispatchEvent(new Event(TRANSITION_END))\n}\n\nconst isElement = object => {\n  if (!object || typeof object !== 'object') {\n    return false\n  }\n\n  if (typeof object.jquery !== 'undefined') {\n    object = object[0]\n  }\n\n  return typeof object.nodeType !== 'undefined'\n}\n\nconst getElement = object => {\n  // it's a jQuery object or a node element\n  if (isElement(object)) {\n    return object.jquery ? object[0] : object\n  }\n\n  if (typeof object === 'string' && object.length > 0) {\n    return document.querySelector(parseSelector(object))\n  }\n\n  return null\n}\n\nconst isVisible = element => {\n  if (!isElement(element) || element.getClientRects().length === 0) {\n    return false\n  }\n\n  const elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible'\n  // Handle `details` element as its content may falsie appear visible when it is closed\n  const closedDetails = element.closest('details:not([open])')\n\n  if (!closedDetails) {\n    return elementIsVisible\n  }\n\n  if (closedDetails !== element) {\n    const summary = element.closest('summary')\n    if (summary && summary.parentNode !== closedDetails) {\n      return false\n    }\n\n    if (summary === null) {\n      return false\n    }\n  }\n\n  return elementIsVisible\n}\n\nconst isDisabled = element => {\n  if (!element || element.nodeType !== Node.ELEMENT_NODE) {\n    return true\n  }\n\n  if (element.classList.contains('disabled')) {\n    return true\n  }\n\n  if (typeof element.disabled !== 'undefined') {\n    return element.disabled\n  }\n\n  return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false'\n}\n\nconst findShadowRoot = element => {\n  if (!document.documentElement.attachShadow) {\n    return null\n  }\n\n  // Can find the shadow root otherwise it'll return the document\n  if (typeof element.getRootNode === 'function') {\n    const root = element.getRootNode()\n    return root instanceof ShadowRoot ? root : null\n  }\n\n  if (element instanceof ShadowRoot) {\n    return element\n  }\n\n  // when we don't find a shadow root\n  if (!element.parentNode) {\n    return null\n  }\n\n  return findShadowRoot(element.parentNode)\n}\n\nconst noop = () => {}\n\n/**\n * Trick to restart an element's animation\n *\n * @param {HTMLElement} element\n * @return void\n *\n * @see https://www.charistheo.io/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation\n */\nconst reflow = element => {\n  element.offsetHeight // eslint-disable-line no-unused-expressions\n}\n\nconst getjQuery = () => {\n  if (window.jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {\n    return window.jQuery\n  }\n\n  return null\n}\n\nconst DOMContentLoadedCallbacks = []\n\nconst onDOMContentLoaded = callback => {\n  if (document.readyState === 'loading') {\n    // add listener on the first call when the document is in loading state\n    if (!DOMContentLoadedCallbacks.length) {\n      document.addEventListener('DOMContentLoaded', () => {\n        for (const callback of DOMContentLoadedCallbacks) {\n          callback()\n        }\n      })\n    }\n\n    DOMContentLoadedCallbacks.push(callback)\n  } else {\n    callback()\n  }\n}\n\nconst isRTL = () => document.documentElement.dir === 'rtl'\n\nconst defineJQueryPlugin = plugin => {\n  onDOMContentLoaded(() => {\n    const $ = getjQuery()\n    /* istanbul ignore if */\n    if ($) {\n      const name = plugin.NAME\n      const JQUERY_NO_CONFLICT = $.fn[name]\n      $.fn[name] = plugin.jQueryInterface\n      $.fn[name].Constructor = plugin\n      $.fn[name].noConflict = () => {\n        $.fn[name] = JQUERY_NO_CONFLICT\n        return plugin.jQueryInterface\n      }\n    }\n  })\n}\n\nconst execute = (possibleCallback, args = [], defaultValue = possibleCallback) => {\n  return typeof possibleCallback === 'function' ? possibleCallback(...args) : defaultValue\n}\n\nconst executeAfterTransition = (callback, transitionElement, waitForTransition = true) => {\n  if (!waitForTransition) {\n    execute(callback)\n    return\n  }\n\n  const durationPadding = 5\n  const emulatedDuration = getTransitionDurationFromElement(transitionElement) + durationPadding\n\n  let called = false\n\n  const handler = ({ target }) => {\n    if (target !== transitionElement) {\n      return\n    }\n\n    called = true\n    transitionElement.removeEventListener(TRANSITION_END, handler)\n    execute(callback)\n  }\n\n  transitionElement.addEventListener(TRANSITION_END, handler)\n  setTimeout(() => {\n    if (!called) {\n      triggerTransitionEnd(transitionElement)\n    }\n  }, emulatedDuration)\n}\n\n/**\n * Return the previous/next element of a list.\n *\n * @param {array} list    The list of elements\n * @param activeElement   The active element\n * @param shouldGetNext   Choose to get next or previous element\n * @param isCycleAllowed\n * @return {Element|elem} The proper element\n */\nconst getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => {\n  const listLength = list.length\n  let index = list.indexOf(activeElement)\n\n  // if the element does not exist in the list return an element\n  // depending on the direction and if cycle is allowed\n  if (index === -1) {\n    return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]\n  }\n\n  index += shouldGetNext ? 1 : -1\n\n  if (isCycleAllowed) {\n    index = (index + listLength) % listLength\n  }\n\n  return list[Math.max(0, Math.min(index, listLength - 1))]\n}\n\nexport {\n  defineJQueryPlugin,\n  execute,\n  executeAfterTransition,\n  findShadowRoot,\n  getElement,\n  getjQuery,\n  getNextActiveElement,\n  getTransitionDurationFromElement,\n  getUID,\n  isDisabled,\n  isElement,\n  isRTL,\n  isVisible,\n  noop,\n  onDOMContentLoaded,\n  parseSelector,\n  reflow,\n  triggerTransitionEnd,\n  toType\n}\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap dom/event-handler.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport { getjQuery } from '../util/index.js'\n\n/**\n * Constants\n */\n\nconst namespaceRegex = /[^.]*(?=\\..*)\\.|.*/\nconst stripNameRegex = /\\..*/\nconst stripUidRegex = /::\\d+$/\nconst eventRegistry = {} // Events storage\nlet uidEvent = 1\nconst customEvents = {\n  mouseenter: 'mouseover',\n  mouseleave: 'mouseout'\n}\n\nconst nativeEvents = new Set([\n  'click',\n  'dblclick',\n  'mouseup',\n  'mousedown',\n  'contextmenu',\n  'mousewheel',\n  'DOMMouseScroll',\n  'mouseover',\n  'mouseout',\n  'mousemove',\n  'selectstart',\n  'selectend',\n  'keydown',\n  'keypress',\n  'keyup',\n  'orientationchange',\n  'touchstart',\n  'touchmove',\n  'touchend',\n  'touchcancel',\n  'pointerdown',\n  'pointermove',\n  'pointerup',\n  'pointerleave',\n  'pointercancel',\n  'gesturestart',\n  'gesturechange',\n  'gestureend',\n  'focus',\n  'blur',\n  'change',\n  'reset',\n  'select',\n  'submit',\n  'focusin',\n  'focusout',\n  'load',\n  'unload',\n  'beforeunload',\n  'resize',\n  'move',\n  'DOMContentLoaded',\n  'readystatechange',\n  'error',\n  'abort',\n  'scroll'\n])\n\n/**\n * Private methods\n */\n\nfunction makeEventUid(element, uid) {\n  return (uid && `${uid}::${uidEvent++}`) || element.uidEvent || uidEvent++\n}\n\nfunction getElementEvents(element) {\n  const uid = makeEventUid(element)\n\n  element.uidEvent = uid\n  eventRegistry[uid] = eventRegistry[uid] || {}\n\n  return eventRegistry[uid]\n}\n\nfunction bootstrapHandler(element, fn) {\n  return function handler(event) {\n    hydrateObj(event, { delegateTarget: element })\n\n    if (handler.oneOff) {\n      EventHandler.off(element, event.type, fn)\n    }\n\n    return fn.apply(element, [event])\n  }\n}\n\nfunction bootstrapDelegationHandler(element, selector, fn) {\n  return function handler(event) {\n    const domElements = element.querySelectorAll(selector)\n\n    for (let { target } = event; target && target !== this; target = target.parentNode) {\n      for (const domElement of domElements) {\n        if (domElement !== target) {\n          continue\n        }\n\n        hydrateObj(event, { delegateTarget: target })\n\n        if (handler.oneOff) {\n          EventHandler.off(element, event.type, selector, fn)\n        }\n\n        return fn.apply(target, [event])\n      }\n    }\n  }\n}\n\nfunction findHandler(events, callable, delegationSelector = null) {\n  return Object.values(events)\n    .find(event => event.callable === callable && event.delegationSelector === delegationSelector)\n}\n\nfunction normalizeParameters(originalTypeEvent, handler, delegationFunction) {\n  const isDelegated = typeof handler === 'string'\n  // TODO: tooltip passes `false` instead of selector, so we need to check\n  const callable = isDelegated ? delegationFunction : (handler || delegationFunction)\n  let typeEvent = getTypeEvent(originalTypeEvent)\n\n  if (!nativeEvents.has(typeEvent)) {\n    typeEvent = originalTypeEvent\n  }\n\n  return [isDelegated, callable, typeEvent]\n}\n\nfunction addHandler(element, originalTypeEvent, handler, delegationFunction, oneOff) {\n  if (typeof originalTypeEvent !== 'string' || !element) {\n    return\n  }\n\n  let [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction)\n\n  // in case of mouseenter or mouseleave wrap the handler within a function that checks for its DOM position\n  // this prevents the handler from being dispatched the same way as mouseover or mouseout does\n  if (originalTypeEvent in customEvents) {\n    const wrapFunction = fn => {\n      return function (event) {\n        if (!event.relatedTarget || (event.relatedTarget !== event.delegateTarget && !event.delegateTarget.contains(event.relatedTarget))) {\n          return fn.call(this, event)\n        }\n      }\n    }\n\n    callable = wrapFunction(callable)\n  }\n\n  const events = getElementEvents(element)\n  const handlers = events[typeEvent] || (events[typeEvent] = {})\n  const previousFunction = findHandler(handlers, callable, isDelegated ? handler : null)\n\n  if (previousFunction) {\n    previousFunction.oneOff = previousFunction.oneOff && oneOff\n\n    return\n  }\n\n  const uid = makeEventUid(callable, originalTypeEvent.replace(namespaceRegex, ''))\n  const fn = isDelegated ?\n    bootstrapDelegationHandler(element, handler, callable) :\n    bootstrapHandler(element, callable)\n\n  fn.delegationSelector = isDelegated ? handler : null\n  fn.callable = callable\n  fn.oneOff = oneOff\n  fn.uidEvent = uid\n  handlers[uid] = fn\n\n  element.addEventListener(typeEvent, fn, isDelegated)\n}\n\nfunction removeHandler(element, events, typeEvent, handler, delegationSelector) {\n  const fn = findHandler(events[typeEvent], handler, delegationSelector)\n\n  if (!fn) {\n    return\n  }\n\n  element.removeEventListener(typeEvent, fn, Boolean(delegationSelector))\n  delete events[typeEvent][fn.uidEvent]\n}\n\nfunction removeNamespacedHandlers(element, events, typeEvent, namespace) {\n  const storeElementEvent = events[typeEvent] || {}\n\n  for (const [handlerKey, event] of Object.entries(storeElementEvent)) {\n    if (handlerKey.includes(namespace)) {\n      removeHandler(element, events, typeEvent, event.callable, event.delegationSelector)\n    }\n  }\n}\n\nfunction getTypeEvent(event) {\n  // allow to get the native events from namespaced events ('click.bs.button' --> 'click')\n  event = event.replace(stripNameRegex, '')\n  return customEvents[event] || event\n}\n\nconst EventHandler = {\n  on(element, event, handler, delegationFunction) {\n    addHandler(element, event, handler, delegationFunction, false)\n  },\n\n  one(element, event, handler, delegationFunction) {\n    addHandler(element, event, handler, delegationFunction, true)\n  },\n\n  off(element, originalTypeEvent, handler, delegationFunction) {\n    if (typeof originalTypeEvent !== 'string' || !element) {\n      return\n    }\n\n    const [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction)\n    const inNamespace = typeEvent !== originalTypeEvent\n    const events = getElementEvents(element)\n    const storeElementEvent = events[typeEvent] || {}\n    const isNamespace = originalTypeEvent.startsWith('.')\n\n    if (typeof callable !== 'undefined') {\n      // Simplest case: handler is passed, remove that listener ONLY.\n      if (!Object.keys(storeElementEvent).length) {\n        return\n      }\n\n      removeHandler(element, events, typeEvent, callable, isDelegated ? handler : null)\n      return\n    }\n\n    if (isNamespace) {\n      for (const elementEvent of Object.keys(events)) {\n        removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1))\n      }\n    }\n\n    for (const [keyHandlers, event] of Object.entries(storeElementEvent)) {\n      const handlerKey = keyHandlers.replace(stripUidRegex, '')\n\n      if (!inNamespace || originalTypeEvent.includes(handlerKey)) {\n        removeHandler(element, events, typeEvent, event.callable, event.delegationSelector)\n      }\n    }\n  },\n\n  trigger(element, event, args) {\n    if (typeof event !== 'string' || !element) {\n      return null\n    }\n\n    const $ = getjQuery()\n    const typeEvent = getTypeEvent(event)\n    const inNamespace = event !== typeEvent\n\n    let jQueryEvent = null\n    let bubbles = true\n    let nativeDispatch = true\n    let defaultPrevented = false\n\n    if (inNamespace && $) {\n      jQueryEvent = $.Event(event, args)\n\n      $(element).trigger(jQueryEvent)\n      bubbles = !jQueryEvent.isPropagationStopped()\n      nativeDispatch = !jQueryEvent.isImmediatePropagationStopped()\n      defaultPrevented = jQueryEvent.isDefaultPrevented()\n    }\n\n    const evt = hydrateObj(new Event(event, { bubbles, cancelable: true }), args)\n\n    if (defaultPrevented) {\n      evt.preventDefault()\n    }\n\n    if (nativeDispatch) {\n      element.dispatchEvent(evt)\n    }\n\n    if (evt.defaultPrevented && jQueryEvent) {\n      jQueryEvent.preventDefault()\n    }\n\n    return evt\n  }\n}\n\nfunction hydrateObj(obj, meta = {}) {\n  for (const [key, value] of Object.entries(meta)) {\n    try {\n      obj[key] = value\n    } catch {\n      Object.defineProperty(obj, key, {\n        configurable: true,\n        get() {\n          return value\n        }\n      })\n    }\n  }\n\n  return obj\n}\n\nexport default EventHandler\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap dom/manipulator.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nfunction normalizeData(value) {\n  if (value === 'true') {\n    return true\n  }\n\n  if (value === 'false') {\n    return false\n  }\n\n  if (value === Number(value).toString()) {\n    return Number(value)\n  }\n\n  if (value === '' || value === 'null') {\n    return null\n  }\n\n  if (typeof value !== 'string') {\n    return value\n  }\n\n  try {\n    return JSON.parse(decodeURIComponent(value))\n  } catch {\n    return value\n  }\n}\n\nfunction normalizeDataKey(key) {\n  return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`)\n}\n\nconst Manipulator = {\n  setDataAttribute(element, key, value) {\n    element.setAttribute(`data-bs-${normalizeDataKey(key)}`, value)\n  },\n\n  removeDataAttribute(element, key) {\n    element.removeAttribute(`data-bs-${normalizeDataKey(key)}`)\n  },\n\n  getDataAttributes(element) {\n    if (!element) {\n      return {}\n    }\n\n    const attributes = {}\n    const bsKeys = Object.keys(element.dataset).filter(key => key.startsWith('bs') && !key.startsWith('bsConfig'))\n\n    for (const key of bsKeys) {\n      let pureKey = key.replace(/^bs/, '')\n      pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length)\n      attributes[pureKey] = normalizeData(element.dataset[key])\n    }\n\n    return attributes\n  },\n\n  getDataAttribute(element, key) {\n    return normalizeData(element.getAttribute(`data-bs-${normalizeDataKey(key)}`))\n  }\n}\n\nexport default Manipulator\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/config.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Manipulator from '../dom/manipulator.js'\nimport { isElement, toType } from './index.js'\n\n/**\n * Class definition\n */\n\nclass Config {\n  // Getters\n  static get Default() {\n    return {}\n  }\n\n  static get DefaultType() {\n    return {}\n  }\n\n  static get NAME() {\n    throw new Error('You have to implement the static method \"NAME\", for each component!')\n  }\n\n  _getConfig(config) {\n    config = this._mergeConfigObj(config)\n    config = this._configAfterMerge(config)\n    this._typeCheckConfig(config)\n    return config\n  }\n\n  _configAfterMerge(config) {\n    return config\n  }\n\n  _mergeConfigObj(config, element) {\n    const jsonConfig = isElement(element) ? Manipulator.getDataAttribute(element, 'config') : {} // try to parse\n\n    return {\n      ...this.constructor.Default,\n      ...(typeof jsonConfig === 'object' ? jsonConfig : {}),\n      ...(isElement(element) ? Manipulator.getDataAttributes(element) : {}),\n      ...(typeof config === 'object' ? config : {})\n    }\n  }\n\n  _typeCheckConfig(config, configTypes = this.constructor.DefaultType) {\n    for (const [property, expectedTypes] of Object.entries(configTypes)) {\n      const value = config[property]\n      const valueType = isElement(value) ? 'element' : toType(value)\n\n      if (!new RegExp(expectedTypes).test(valueType)) {\n        throw new TypeError(\n          `${this.constructor.NAME.toUpperCase()}: Option \"${property}\" provided type \"${valueType}\" but expected type \"${expectedTypes}\".`\n        )\n      }\n    }\n  }\n}\n\nexport default Config\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap base-component.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Data from './dom/data.js'\nimport EventHandler from './dom/event-handler.js'\nimport Config from './util/config.js'\nimport { executeAfterTransition, getElement } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst VERSION = '5.3.3'\n\n/**\n * Class definition\n */\n\nclass BaseComponent extends Config {\n  constructor(element, config) {\n    super()\n\n    element = getElement(element)\n    if (!element) {\n      return\n    }\n\n    this._element = element\n    this._config = this._getConfig(config)\n\n    Data.set(this._element, this.constructor.DATA_KEY, this)\n  }\n\n  // Public\n  dispose() {\n    Data.remove(this._element, this.constructor.DATA_KEY)\n    EventHandler.off(this._element, this.constructor.EVENT_KEY)\n\n    for (const propertyName of Object.getOwnPropertyNames(this)) {\n      this[propertyName] = null\n    }\n  }\n\n  _queueCallback(callback, element, isAnimated = true) {\n    executeAfterTransition(callback, element, isAnimated)\n  }\n\n  _getConfig(config) {\n    config = this._mergeConfigObj(config, this._element)\n    config = this._configAfterMerge(config)\n    this._typeCheckConfig(config)\n    return config\n  }\n\n  // Static\n  static getInstance(element) {\n    return Data.get(getElement(element), this.DATA_KEY)\n  }\n\n  static getOrCreateInstance(element, config = {}) {\n    return this.getInstance(element) || new this(element, typeof config === 'object' ? config : null)\n  }\n\n  static get VERSION() {\n    return VERSION\n  }\n\n  static get DATA_KEY() {\n    return `bs.${this.NAME}`\n  }\n\n  static get EVENT_KEY() {\n    return `.${this.DATA_KEY}`\n  }\n\n  static eventName(name) {\n    return `${name}${this.EVENT_KEY}`\n  }\n}\n\nexport default BaseComponent\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap dom/selector-engine.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport { isDisabled, isVisible, parseSelector } from '../util/index.js'\n\nconst getSelector = element => {\n  let selector = element.getAttribute('data-bs-target')\n\n  if (!selector || selector === '#') {\n    let hrefAttribute = element.getAttribute('href')\n\n    // The only valid content that could double as a selector are IDs or classes,\n    // so everything starting with `#` or `.`. If a \"real\" URL is used as the selector,\n    // `document.querySelector` will rightfully complain it is invalid.\n    // See https://github.com/twbs/bootstrap/issues/32273\n    if (!hrefAttribute || (!hrefAttribute.includes('#') && !hrefAttribute.startsWith('.'))) {\n      return null\n    }\n\n    // Just in case some CMS puts out a full URL with the anchor appended\n    if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) {\n      hrefAttribute = `#${hrefAttribute.split('#')[1]}`\n    }\n\n    selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null\n  }\n\n  return selector ? selector.split(',').map(sel => parseSelector(sel)).join(',') : null\n}\n\nconst SelectorEngine = {\n  find(selector, element = document.documentElement) {\n    return [].concat(...Element.prototype.querySelectorAll.call(element, selector))\n  },\n\n  findOne(selector, element = document.documentElement) {\n    return Element.prototype.querySelector.call(element, selector)\n  },\n\n  children(element, selector) {\n    return [].concat(...element.children).filter(child => child.matches(selector))\n  },\n\n  parents(element, selector) {\n    const parents = []\n    let ancestor = element.parentNode.closest(selector)\n\n    while (ancestor) {\n      parents.push(ancestor)\n      ancestor = ancestor.parentNode.closest(selector)\n    }\n\n    return parents\n  },\n\n  prev(element, selector) {\n    let previous = element.previousElementSibling\n\n    while (previous) {\n      if (previous.matches(selector)) {\n        return [previous]\n      }\n\n      previous = previous.previousElementSibling\n    }\n\n    return []\n  },\n  // TODO: this is now unused; remove later along with prev()\n  next(element, selector) {\n    let next = element.nextElementSibling\n\n    while (next) {\n      if (next.matches(selector)) {\n        return [next]\n      }\n\n      next = next.nextElementSibling\n    }\n\n    return []\n  },\n\n  focusableChildren(element) {\n    const focusables = [\n      'a',\n      'button',\n      'input',\n      'textarea',\n      'select',\n      'details',\n      '[tabindex]',\n      '[contenteditable=\"true\"]'\n    ].map(selector => `${selector}:not([tabindex^=\"-\"])`).join(',')\n\n    return this.find(focusables, element).filter(el => !isDisabled(el) && isVisible(el))\n  },\n\n  getSelectorFromElement(element) {\n    const selector = getSelector(element)\n\n    if (selector) {\n      return SelectorEngine.findOne(selector) ? selector : null\n    }\n\n    return null\n  },\n\n  getElementFromSelector(element) {\n    const selector = getSelector(element)\n\n    return selector ? SelectorEngine.findOne(selector) : null\n  },\n\n  getMultipleElementsFromSelector(element) {\n    const selector = getSelector(element)\n\n    return selector ? SelectorEngine.find(selector) : []\n  }\n}\n\nexport default SelectorEngine\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/component-functions.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport EventHandler from '../dom/event-handler.js'\nimport SelectorEngine from '../dom/selector-engine.js'\nimport { isDisabled } from './index.js'\n\nconst enableDismissTrigger = (component, method = 'hide') => {\n  const clickEvent = `click.dismiss${component.EVENT_KEY}`\n  const name = component.NAME\n\n  EventHandler.on(document, clickEvent, `[data-bs-dismiss=\"${name}\"]`, function (event) {\n    if (['A', 'AREA'].includes(this.tagName)) {\n      event.preventDefault()\n    }\n\n    if (isDisabled(this)) {\n      return\n    }\n\n    const target = SelectorEngine.getElementFromSelector(this) || this.closest(`.${name}`)\n    const instance = component.getOrCreateInstance(target)\n\n    // Method argument is left, for Alert and only, as it doesn't implement the 'hide' method\n    instance[method]()\n  })\n}\n\nexport {\n  enableDismissTrigger\n}\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport { enableDismissTrigger } from './util/component-functions.js'\nimport { defineJQueryPlugin } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'alert'\nconst DATA_KEY = 'bs.alert'\nconst EVENT_KEY = `.${DATA_KEY}`\n\nconst EVENT_CLOSE = `close${EVENT_KEY}`\nconst EVENT_CLOSED = `closed${EVENT_KEY}`\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\n\n/**\n * Class definition\n */\n\nclass Alert extends BaseComponent {\n  // Getters\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  close() {\n    const closeEvent = EventHandler.trigger(this._element, EVENT_CLOSE)\n\n    if (closeEvent.defaultPrevented) {\n      return\n    }\n\n    this._element.classList.remove(CLASS_NAME_SHOW)\n\n    const isAnimated = this._element.classList.contains(CLASS_NAME_FADE)\n    this._queueCallback(() => this._destroyElement(), this._element, isAnimated)\n  }\n\n  // Private\n  _destroyElement() {\n    this._element.remove()\n    EventHandler.trigger(this._element, EVENT_CLOSED)\n    this.dispose()\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Alert.getOrCreateInstance(this)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config](this)\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nenableDismissTrigger(Alert, 'close')\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Alert)\n\nexport default Alert\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap button.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport { defineJQueryPlugin } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'button'\nconst DATA_KEY = 'bs.button'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst CLASS_NAME_ACTIVE = 'active'\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"button\"]'\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\n/**\n * Class definition\n */\n\nclass Button extends BaseComponent {\n  // Getters\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  toggle() {\n    // Toggle class and sync the `aria-pressed` attribute with the return value of the `.toggle()` method\n    this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE))\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Button.getOrCreateInstance(this)\n\n      if (config === 'toggle') {\n        data[config]()\n      }\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, event => {\n  event.preventDefault()\n\n  const button = event.target.closest(SELECTOR_DATA_TOGGLE)\n  const data = Button.getOrCreateInstance(button)\n\n  data.toggle()\n})\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Button)\n\nexport default Button\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/swipe.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport EventHandler from '../dom/event-handler.js'\nimport Config from './config.js'\nimport { execute } from './index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'swipe'\nconst EVENT_KEY = '.bs.swipe'\nconst EVENT_TOUCHSTART = `touchstart${EVENT_KEY}`\nconst EVENT_TOUCHMOVE = `touchmove${EVENT_KEY}`\nconst EVENT_TOUCHEND = `touchend${EVENT_KEY}`\nconst EVENT_POINTERDOWN = `pointerdown${EVENT_KEY}`\nconst EVENT_POINTERUP = `pointerup${EVENT_KEY}`\nconst POINTER_TYPE_TOUCH = 'touch'\nconst POINTER_TYPE_PEN = 'pen'\nconst CLASS_NAME_POINTER_EVENT = 'pointer-event'\nconst SWIPE_THRESHOLD = 40\n\nconst Default = {\n  endCallback: null,\n  leftCallback: null,\n  rightCallback: null\n}\n\nconst DefaultType = {\n  endCallback: '(function|null)',\n  leftCallback: '(function|null)',\n  rightCallback: '(function|null)'\n}\n\n/**\n * Class definition\n */\n\nclass Swipe extends Config {\n  constructor(element, config) {\n    super()\n    this._element = element\n\n    if (!element || !Swipe.isSupported()) {\n      return\n    }\n\n    this._config = this._getConfig(config)\n    this._deltaX = 0\n    this._supportPointerEvents = Boolean(window.PointerEvent)\n    this._initEvents()\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  dispose() {\n    EventHandler.off(this._element, EVENT_KEY)\n  }\n\n  // Private\n  _start(event) {\n    if (!this._supportPointerEvents) {\n      this._deltaX = event.touches[0].clientX\n\n      return\n    }\n\n    if (this._eventIsPointerPenTouch(event)) {\n      this._deltaX = event.clientX\n    }\n  }\n\n  _end(event) {\n    if (this._eventIsPointerPenTouch(event)) {\n      this._deltaX = event.clientX - this._deltaX\n    }\n\n    this._handleSwipe()\n    execute(this._config.endCallback)\n  }\n\n  _move(event) {\n    this._deltaX = event.touches && event.touches.length > 1 ?\n      0 :\n      event.touches[0].clientX - this._deltaX\n  }\n\n  _handleSwipe() {\n    const absDeltaX = Math.abs(this._deltaX)\n\n    if (absDeltaX <= SWIPE_THRESHOLD) {\n      return\n    }\n\n    const direction = absDeltaX / this._deltaX\n\n    this._deltaX = 0\n\n    if (!direction) {\n      return\n    }\n\n    execute(direction > 0 ? this._config.rightCallback : this._config.leftCallback)\n  }\n\n  _initEvents() {\n    if (this._supportPointerEvents) {\n      EventHandler.on(this._element, EVENT_POINTERDOWN, event => this._start(event))\n      EventHandler.on(this._element, EVENT_POINTERUP, event => this._end(event))\n\n      this._element.classList.add(CLASS_NAME_POINTER_EVENT)\n    } else {\n      EventHandler.on(this._element, EVENT_TOUCHSTART, event => this._start(event))\n      EventHandler.on(this._element, EVENT_TOUCHMOVE, event => this._move(event))\n      EventHandler.on(this._element, EVENT_TOUCHEND, event => this._end(event))\n    }\n  }\n\n  _eventIsPointerPenTouch(event) {\n    return this._supportPointerEvents && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH)\n  }\n\n  // Static\n  static isSupported() {\n    return 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0\n  }\n}\n\nexport default Swipe\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport Manipulator from './dom/manipulator.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport {\n  defineJQueryPlugin,\n  getNextActiveElement,\n  isRTL,\n  isVisible,\n  reflow,\n  triggerTransitionEnd\n} from './util/index.js'\nimport Swipe from './util/swipe.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'carousel'\nconst DATA_KEY = 'bs.carousel'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst ARROW_LEFT_KEY = 'ArrowLeft'\nconst ARROW_RIGHT_KEY = 'ArrowRight'\nconst TOUCHEVENT_COMPAT_WAIT = 500 // Time for mouse compat events to fire after touch\n\nconst ORDER_NEXT = 'next'\nconst ORDER_PREV = 'prev'\nconst DIRECTION_LEFT = 'left'\nconst DIRECTION_RIGHT = 'right'\n\nconst EVENT_SLIDE = `slide${EVENT_KEY}`\nconst EVENT_SLID = `slid${EVENT_KEY}`\nconst EVENT_KEYDOWN = `keydown${EVENT_KEY}`\nconst EVENT_MOUSEENTER = `mouseenter${EVENT_KEY}`\nconst EVENT_MOUSELEAVE = `mouseleave${EVENT_KEY}`\nconst EVENT_DRAG_START = `dragstart${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_CAROUSEL = 'carousel'\nconst CLASS_NAME_ACTIVE = 'active'\nconst CLASS_NAME_SLIDE = 'slide'\nconst CLASS_NAME_END = 'carousel-item-end'\nconst CLASS_NAME_START = 'carousel-item-start'\nconst CLASS_NAME_NEXT = 'carousel-item-next'\nconst CLASS_NAME_PREV = 'carousel-item-prev'\n\nconst SELECTOR_ACTIVE = '.active'\nconst SELECTOR_ITEM = '.carousel-item'\nconst SELECTOR_ACTIVE_ITEM = SELECTOR_ACTIVE + SELECTOR_ITEM\nconst SELECTOR_ITEM_IMG = '.carousel-item img'\nconst SELECTOR_INDICATORS = '.carousel-indicators'\nconst SELECTOR_DATA_SLIDE = '[data-bs-slide], [data-bs-slide-to]'\nconst SELECTOR_DATA_RIDE = '[data-bs-ride=\"carousel\"]'\n\nconst KEY_TO_DIRECTION = {\n  [ARROW_LEFT_KEY]: DIRECTION_RIGHT,\n  [ARROW_RIGHT_KEY]: DIRECTION_LEFT\n}\n\nconst Default = {\n  interval: 5000,\n  keyboard: true,\n  pause: 'hover',\n  ride: false,\n  touch: true,\n  wrap: true\n}\n\nconst DefaultType = {\n  interval: '(number|boolean)', // TODO:v6 remove boolean support\n  keyboard: 'boolean',\n  pause: '(string|boolean)',\n  ride: '(boolean|string)',\n  touch: 'boolean',\n  wrap: 'boolean'\n}\n\n/**\n * Class definition\n */\n\nclass Carousel extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._interval = null\n    this._activeElement = null\n    this._isSliding = false\n    this.touchTimeout = null\n    this._swipeHelper = null\n\n    this._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, this._element)\n    this._addEventListeners()\n\n    if (this._config.ride === CLASS_NAME_CAROUSEL) {\n      this.cycle()\n    }\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  next() {\n    this._slide(ORDER_NEXT)\n  }\n\n  nextWhenVisible() {\n    // FIXME TODO use `document.visibilityState`\n    // Don't call next when the page isn't visible\n    // or the carousel or its parent isn't visible\n    if (!document.hidden && isVisible(this._element)) {\n      this.next()\n    }\n  }\n\n  prev() {\n    this._slide(ORDER_PREV)\n  }\n\n  pause() {\n    if (this._isSliding) {\n      triggerTransitionEnd(this._element)\n    }\n\n    this._clearInterval()\n  }\n\n  cycle() {\n    this._clearInterval()\n    this._updateInterval()\n\n    this._interval = setInterval(() => this.nextWhenVisible(), this._config.interval)\n  }\n\n  _maybeEnableCycle() {\n    if (!this._config.ride) {\n      return\n    }\n\n    if (this._isSliding) {\n      EventHandler.one(this._element, EVENT_SLID, () => this.cycle())\n      return\n    }\n\n    this.cycle()\n  }\n\n  to(index) {\n    const items = this._getItems()\n    if (index > items.length - 1 || index < 0) {\n      return\n    }\n\n    if (this._isSliding) {\n      EventHandler.one(this._element, EVENT_SLID, () => this.to(index))\n      return\n    }\n\n    const activeIndex = this._getItemIndex(this._getActive())\n    if (activeIndex === index) {\n      return\n    }\n\n    const order = index > activeIndex ? ORDER_NEXT : ORDER_PREV\n\n    this._slide(order, items[index])\n  }\n\n  dispose() {\n    if (this._swipeHelper) {\n      this._swipeHelper.dispose()\n    }\n\n    super.dispose()\n  }\n\n  // Private\n  _configAfterMerge(config) {\n    config.defaultInterval = config.interval\n    return config\n  }\n\n  _addEventListeners() {\n    if (this._config.keyboard) {\n      EventHandler.on(this._element, EVENT_KEYDOWN, event => this._keydown(event))\n    }\n\n    if (this._config.pause === 'hover') {\n      EventHandler.on(this._element, EVENT_MOUSEENTER, () => this.pause())\n      EventHandler.on(this._element, EVENT_MOUSELEAVE, () => this._maybeEnableCycle())\n    }\n\n    if (this._config.touch && Swipe.isSupported()) {\n      this._addTouchEventListeners()\n    }\n  }\n\n  _addTouchEventListeners() {\n    for (const img of SelectorEngine.find(SELECTOR_ITEM_IMG, this._element)) {\n      EventHandler.on(img, EVENT_DRAG_START, event => event.preventDefault())\n    }\n\n    const endCallBack = () => {\n      if (this._config.pause !== 'hover') {\n        return\n      }\n\n      // If it's a touch-enabled device, mouseenter/leave are fired as\n      // part of the mouse compatibility events on first tap - the carousel\n      // would stop cycling until user tapped out of it;\n      // here, we listen for touchend, explicitly pause the carousel\n      // (as if it's the second time we tap on it, mouseenter compat event\n      // is NOT fired) and after a timeout (to allow for mouse compatibility\n      // events to fire) we explicitly restart cycling\n\n      this.pause()\n      if (this.touchTimeout) {\n        clearTimeout(this.touchTimeout)\n      }\n\n      this.touchTimeout = setTimeout(() => this._maybeEnableCycle(), TOUCHEVENT_COMPAT_WAIT + this._config.interval)\n    }\n\n    const swipeConfig = {\n      leftCallback: () => this._slide(this._directionToOrder(DIRECTION_LEFT)),\n      rightCallback: () => this._slide(this._directionToOrder(DIRECTION_RIGHT)),\n      endCallback: endCallBack\n    }\n\n    this._swipeHelper = new Swipe(this._element, swipeConfig)\n  }\n\n  _keydown(event) {\n    if (/input|textarea/i.test(event.target.tagName)) {\n      return\n    }\n\n    const direction = KEY_TO_DIRECTION[event.key]\n    if (direction) {\n      event.preventDefault()\n      this._slide(this._directionToOrder(direction))\n    }\n  }\n\n  _getItemIndex(element) {\n    return this._getItems().indexOf(element)\n  }\n\n  _setActiveIndicatorElement(index) {\n    if (!this._indicatorsElement) {\n      return\n    }\n\n    const activeIndicator = SelectorEngine.findOne(SELECTOR_ACTIVE, this._indicatorsElement)\n\n    activeIndicator.classList.remove(CLASS_NAME_ACTIVE)\n    activeIndicator.removeAttribute('aria-current')\n\n    const newActiveIndicator = SelectorEngine.findOne(`[data-bs-slide-to=\"${index}\"]`, this._indicatorsElement)\n\n    if (newActiveIndicator) {\n      newActiveIndicator.classList.add(CLASS_NAME_ACTIVE)\n      newActiveIndicator.setAttribute('aria-current', 'true')\n    }\n  }\n\n  _updateInterval() {\n    const element = this._activeElement || this._getActive()\n\n    if (!element) {\n      return\n    }\n\n    const elementInterval = Number.parseInt(element.getAttribute('data-bs-interval'), 10)\n\n    this._config.interval = elementInterval || this._config.defaultInterval\n  }\n\n  _slide(order, element = null) {\n    if (this._isSliding) {\n      return\n    }\n\n    const activeElement = this._getActive()\n    const isNext = order === ORDER_NEXT\n    const nextElement = element || getNextActiveElement(this._getItems(), activeElement, isNext, this._config.wrap)\n\n    if (nextElement === activeElement) {\n      return\n    }\n\n    const nextElementIndex = this._getItemIndex(nextElement)\n\n    const triggerEvent = eventName => {\n      return EventHandler.trigger(this._element, eventName, {\n        relatedTarget: nextElement,\n        direction: this._orderToDirection(order),\n        from: this._getItemIndex(activeElement),\n        to: nextElementIndex\n      })\n    }\n\n    const slideEvent = triggerEvent(EVENT_SLIDE)\n\n    if (slideEvent.defaultPrevented) {\n      return\n    }\n\n    if (!activeElement || !nextElement) {\n      // Some weirdness is happening, so we bail\n      // TODO: change tests that use empty divs to avoid this check\n      return\n    }\n\n    const isCycling = Boolean(this._interval)\n    this.pause()\n\n    this._isSliding = true\n\n    this._setActiveIndicatorElement(nextElementIndex)\n    this._activeElement = nextElement\n\n    const directionalClassName = isNext ? CLASS_NAME_START : CLASS_NAME_END\n    const orderClassName = isNext ? CLASS_NAME_NEXT : CLASS_NAME_PREV\n\n    nextElement.classList.add(orderClassName)\n\n    reflow(nextElement)\n\n    activeElement.classList.add(directionalClassName)\n    nextElement.classList.add(directionalClassName)\n\n    const completeCallBack = () => {\n      nextElement.classList.remove(directionalClassName, orderClassName)\n      nextElement.classList.add(CLASS_NAME_ACTIVE)\n\n      activeElement.classList.remove(CLASS_NAME_ACTIVE, orderClassName, directionalClassName)\n\n      this._isSliding = false\n\n      triggerEvent(EVENT_SLID)\n    }\n\n    this._queueCallback(completeCallBack, activeElement, this._isAnimated())\n\n    if (isCycling) {\n      this.cycle()\n    }\n  }\n\n  _isAnimated() {\n    return this._element.classList.contains(CLASS_NAME_SLIDE)\n  }\n\n  _getActive() {\n    return SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element)\n  }\n\n  _getItems() {\n    return SelectorEngine.find(SELECTOR_ITEM, this._element)\n  }\n\n  _clearInterval() {\n    if (this._interval) {\n      clearInterval(this._interval)\n      this._interval = null\n    }\n  }\n\n  _directionToOrder(direction) {\n    if (isRTL()) {\n      return direction === DIRECTION_LEFT ? ORDER_PREV : ORDER_NEXT\n    }\n\n    return direction === DIRECTION_LEFT ? ORDER_NEXT : ORDER_PREV\n  }\n\n  _orderToDirection(order) {\n    if (isRTL()) {\n      return order === ORDER_PREV ? DIRECTION_LEFT : DIRECTION_RIGHT\n    }\n\n    return order === ORDER_PREV ? DIRECTION_RIGHT : DIRECTION_LEFT\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Carousel.getOrCreateInstance(this, config)\n\n      if (typeof config === 'number') {\n        data.to(config)\n        return\n      }\n\n      if (typeof config === 'string') {\n        if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n          throw new TypeError(`No method named \"${config}\"`)\n        }\n\n        data[config]()\n      }\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, function (event) {\n  const target = SelectorEngine.getElementFromSelector(this)\n\n  if (!target || !target.classList.contains(CLASS_NAME_CAROUSEL)) {\n    return\n  }\n\n  event.preventDefault()\n\n  const carousel = Carousel.getOrCreateInstance(target)\n  const slideIndex = this.getAttribute('data-bs-slide-to')\n\n  if (slideIndex) {\n    carousel.to(slideIndex)\n    carousel._maybeEnableCycle()\n    return\n  }\n\n  if (Manipulator.getDataAttribute(this, 'slide') === 'next') {\n    carousel.next()\n    carousel._maybeEnableCycle()\n    return\n  }\n\n  carousel.prev()\n  carousel._maybeEnableCycle()\n})\n\nEventHandler.on(window, EVENT_LOAD_DATA_API, () => {\n  const carousels = SelectorEngine.find(SELECTOR_DATA_RIDE)\n\n  for (const carousel of carousels) {\n    Carousel.getOrCreateInstance(carousel)\n  }\n})\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Carousel)\n\nexport default Carousel\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport {\n  defineJQueryPlugin,\n  getElement,\n  reflow\n} from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'collapse'\nconst DATA_KEY = 'bs.collapse'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_COLLAPSE = 'collapse'\nconst CLASS_NAME_COLLAPSING = 'collapsing'\nconst CLASS_NAME_COLLAPSED = 'collapsed'\nconst CLASS_NAME_DEEPER_CHILDREN = `:scope .${CLASS_NAME_COLLAPSE} .${CLASS_NAME_COLLAPSE}`\nconst CLASS_NAME_HORIZONTAL = 'collapse-horizontal'\n\nconst WIDTH = 'width'\nconst HEIGHT = 'height'\n\nconst SELECTOR_ACTIVES = '.collapse.show, .collapse.collapsing'\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"collapse\"]'\n\nconst Default = {\n  parent: null,\n  toggle: true\n}\n\nconst DefaultType = {\n  parent: '(null|element)',\n  toggle: 'boolean'\n}\n\n/**\n * Class definition\n */\n\nclass Collapse extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._isTransitioning = false\n    this._triggerArray = []\n\n    const toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE)\n\n    for (const elem of toggleList) {\n      const selector = SelectorEngine.getSelectorFromElement(elem)\n      const filterElement = SelectorEngine.find(selector)\n        .filter(foundElement => foundElement === this._element)\n\n      if (selector !== null && filterElement.length) {\n        this._triggerArray.push(elem)\n      }\n    }\n\n    this._initializeChildren()\n\n    if (!this._config.parent) {\n      this._addAriaAndCollapsedClass(this._triggerArray, this._isShown())\n    }\n\n    if (this._config.toggle) {\n      this.toggle()\n    }\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  toggle() {\n    if (this._isShown()) {\n      this.hide()\n    } else {\n      this.show()\n    }\n  }\n\n  show() {\n    if (this._isTransitioning || this._isShown()) {\n      return\n    }\n\n    let activeChildren = []\n\n    // find active children\n    if (this._config.parent) {\n      activeChildren = this._getFirstLevelChildren(SELECTOR_ACTIVES)\n        .filter(element => element !== this._element)\n        .map(element => Collapse.getOrCreateInstance(element, { toggle: false }))\n    }\n\n    if (activeChildren.length && activeChildren[0]._isTransitioning) {\n      return\n    }\n\n    const startEvent = EventHandler.trigger(this._element, EVENT_SHOW)\n    if (startEvent.defaultPrevented) {\n      return\n    }\n\n    for (const activeInstance of activeChildren) {\n      activeInstance.hide()\n    }\n\n    const dimension = this._getDimension()\n\n    this._element.classList.remove(CLASS_NAME_COLLAPSE)\n    this._element.classList.add(CLASS_NAME_COLLAPSING)\n\n    this._element.style[dimension] = 0\n\n    this._addAriaAndCollapsedClass(this._triggerArray, true)\n    this._isTransitioning = true\n\n    const complete = () => {\n      this._isTransitioning = false\n\n      this._element.classList.remove(CLASS_NAME_COLLAPSING)\n      this._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW)\n\n      this._element.style[dimension] = ''\n\n      EventHandler.trigger(this._element, EVENT_SHOWN)\n    }\n\n    const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n    const scrollSize = `scroll${capitalizedDimension}`\n\n    this._queueCallback(complete, this._element, true)\n    this._element.style[dimension] = `${this._element[scrollSize]}px`\n  }\n\n  hide() {\n    if (this._isTransitioning || !this._isShown()) {\n      return\n    }\n\n    const startEvent = EventHandler.trigger(this._element, EVENT_HIDE)\n    if (startEvent.defaultPrevented) {\n      return\n    }\n\n    const dimension = this._getDimension()\n\n    this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n    reflow(this._element)\n\n    this._element.classList.add(CLASS_NAME_COLLAPSING)\n    this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW)\n\n    for (const trigger of this._triggerArray) {\n      const element = SelectorEngine.getElementFromSelector(trigger)\n\n      if (element && !this._isShown(element)) {\n        this._addAriaAndCollapsedClass([trigger], false)\n      }\n    }\n\n    this._isTransitioning = true\n\n    const complete = () => {\n      this._isTransitioning = false\n      this._element.classList.remove(CLASS_NAME_COLLAPSING)\n      this._element.classList.add(CLASS_NAME_COLLAPSE)\n      EventHandler.trigger(this._element, EVENT_HIDDEN)\n    }\n\n    this._element.style[dimension] = ''\n\n    this._queueCallback(complete, this._element, true)\n  }\n\n  _isShown(element = this._element) {\n    return element.classList.contains(CLASS_NAME_SHOW)\n  }\n\n  // Private\n  _configAfterMerge(config) {\n    config.toggle = Boolean(config.toggle) // Coerce string values\n    config.parent = getElement(config.parent)\n    return config\n  }\n\n  _getDimension() {\n    return this._element.classList.contains(CLASS_NAME_HORIZONTAL) ? WIDTH : HEIGHT\n  }\n\n  _initializeChildren() {\n    if (!this._config.parent) {\n      return\n    }\n\n    const children = this._getFirstLevelChildren(SELECTOR_DATA_TOGGLE)\n\n    for (const element of children) {\n      const selected = SelectorEngine.getElementFromSelector(element)\n\n      if (selected) {\n        this._addAriaAndCollapsedClass([element], this._isShown(selected))\n      }\n    }\n  }\n\n  _getFirstLevelChildren(selector) {\n    const children = SelectorEngine.find(CLASS_NAME_DEEPER_CHILDREN, this._config.parent)\n    // remove children if greater depth\n    return SelectorEngine.find(selector, this._config.parent).filter(element => !children.includes(element))\n  }\n\n  _addAriaAndCollapsedClass(triggerArray, isOpen) {\n    if (!triggerArray.length) {\n      return\n    }\n\n    for (const element of triggerArray) {\n      element.classList.toggle(CLASS_NAME_COLLAPSED, !isOpen)\n      element.setAttribute('aria-expanded', isOpen)\n    }\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    const _config = {}\n    if (typeof config === 'string' && /show|hide/.test(config)) {\n      _config.toggle = false\n    }\n\n    return this.each(function () {\n      const data = Collapse.getOrCreateInstance(this, _config)\n\n      if (typeof config === 'string') {\n        if (typeof data[config] === 'undefined') {\n          throw new TypeError(`No method named \"${config}\"`)\n        }\n\n        data[config]()\n      }\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n  // preventDefault only for <a> elements (which change the URL) not inside the collapsible element\n  if (event.target.tagName === 'A' || (event.delegateTarget && event.delegateTarget.tagName === 'A')) {\n    event.preventDefault()\n  }\n\n  for (const element of SelectorEngine.getMultipleElementsFromSelector(this)) {\n    Collapse.getOrCreateInstance(element, { toggle: false }).toggle()\n  }\n})\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Collapse)\n\nexport default Collapse\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap dropdown.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport * as Popper from '@popperjs/core'\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport Manipulator from './dom/manipulator.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport {\n  defineJQueryPlugin,\n  execute,\n  getElement,\n  getNextActiveElement,\n  isDisabled,\n  isElement,\n  isRTL,\n  isVisible,\n  noop\n} from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'dropdown'\nconst DATA_KEY = 'bs.dropdown'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst ESCAPE_KEY = 'Escape'\nconst TAB_KEY = 'Tab'\nconst ARROW_UP_KEY = 'ArrowUp'\nconst ARROW_DOWN_KEY = 'ArrowDown'\nconst RIGHT_MOUSE_BUTTON = 2 // MouseEvent.button value for the secondary button, usually the right button\n\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_KEYDOWN_DATA_API = `keydown${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_DROPUP = 'dropup'\nconst CLASS_NAME_DROPEND = 'dropend'\nconst CLASS_NAME_DROPSTART = 'dropstart'\nconst CLASS_NAME_DROPUP_CENTER = 'dropup-center'\nconst CLASS_NAME_DROPDOWN_CENTER = 'dropdown-center'\n\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"dropdown\"]:not(.disabled):not(:disabled)'\nconst SELECTOR_DATA_TOGGLE_SHOWN = `${SELECTOR_DATA_TOGGLE}.${CLASS_NAME_SHOW}`\nconst SELECTOR_MENU = '.dropdown-menu'\nconst SELECTOR_NAVBAR = '.navbar'\nconst SELECTOR_NAVBAR_NAV = '.navbar-nav'\nconst SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)'\n\nconst PLACEMENT_TOP = isRTL() ? 'top-end' : 'top-start'\nconst PLACEMENT_TOPEND = isRTL() ? 'top-start' : 'top-end'\nconst PLACEMENT_BOTTOM = isRTL() ? 'bottom-end' : 'bottom-start'\nconst PLACEMENT_BOTTOMEND = isRTL() ? 'bottom-start' : 'bottom-end'\nconst PLACEMENT_RIGHT = isRTL() ? 'left-start' : 'right-start'\nconst PLACEMENT_LEFT = isRTL() ? 'right-start' : 'left-start'\nconst PLACEMENT_TOPCENTER = 'top'\nconst PLACEMENT_BOTTOMCENTER = 'bottom'\n\nconst Default = {\n  autoClose: true,\n  boundary: 'clippingParents',\n  display: 'dynamic',\n  offset: [0, 2],\n  popperConfig: null,\n  reference: 'toggle'\n}\n\nconst DefaultType = {\n  autoClose: '(boolean|string)',\n  boundary: '(string|element)',\n  display: 'string',\n  offset: '(array|string|function)',\n  popperConfig: '(null|object|function)',\n  reference: '(string|element|object)'\n}\n\n/**\n * Class definition\n */\n\nclass Dropdown extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._popper = null\n    this._parent = this._element.parentNode // dropdown wrapper\n    // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/\n    this._menu = SelectorEngine.next(this._element, SELECTOR_MENU)[0] ||\n      SelectorEngine.prev(this._element, SELECTOR_MENU)[0] ||\n      SelectorEngine.findOne(SELECTOR_MENU, this._parent)\n    this._inNavbar = this._detectNavbar()\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  toggle() {\n    return this._isShown() ? this.hide() : this.show()\n  }\n\n  show() {\n    if (isDisabled(this._element) || this._isShown()) {\n      return\n    }\n\n    const relatedTarget = {\n      relatedTarget: this._element\n    }\n\n    const showEvent = EventHandler.trigger(this._element, EVENT_SHOW, relatedTarget)\n\n    if (showEvent.defaultPrevented) {\n      return\n    }\n\n    this._createPopper()\n\n    // If this is a touch-enabled device we add extra\n    // empty mouseover listeners to the body's immediate children;\n    // only needed because of broken event delegation on iOS\n    // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n    if ('ontouchstart' in document.documentElement && !this._parent.closest(SELECTOR_NAVBAR_NAV)) {\n      for (const element of [].concat(...document.body.children)) {\n        EventHandler.on(element, 'mouseover', noop)\n      }\n    }\n\n    this._element.focus()\n    this._element.setAttribute('aria-expanded', true)\n\n    this._menu.classList.add(CLASS_NAME_SHOW)\n    this._element.classList.add(CLASS_NAME_SHOW)\n    EventHandler.trigger(this._element, EVENT_SHOWN, relatedTarget)\n  }\n\n  hide() {\n    if (isDisabled(this._element) || !this._isShown()) {\n      return\n    }\n\n    const relatedTarget = {\n      relatedTarget: this._element\n    }\n\n    this._completeHide(relatedTarget)\n  }\n\n  dispose() {\n    if (this._popper) {\n      this._popper.destroy()\n    }\n\n    super.dispose()\n  }\n\n  update() {\n    this._inNavbar = this._detectNavbar()\n    if (this._popper) {\n      this._popper.update()\n    }\n  }\n\n  // Private\n  _completeHide(relatedTarget) {\n    const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE, relatedTarget)\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    // If this is a touch-enabled device we remove the extra\n    // empty mouseover listeners we added for iOS support\n    if ('ontouchstart' in document.documentElement) {\n      for (const element of [].concat(...document.body.children)) {\n        EventHandler.off(element, 'mouseover', noop)\n      }\n    }\n\n    if (this._popper) {\n      this._popper.destroy()\n    }\n\n    this._menu.classList.remove(CLASS_NAME_SHOW)\n    this._element.classList.remove(CLASS_NAME_SHOW)\n    this._element.setAttribute('aria-expanded', 'false')\n    Manipulator.removeDataAttribute(this._menu, 'popper')\n    EventHandler.trigger(this._element, EVENT_HIDDEN, relatedTarget)\n  }\n\n  _getConfig(config) {\n    config = super._getConfig(config)\n\n    if (typeof config.reference === 'object' && !isElement(config.reference) &&\n      typeof config.reference.getBoundingClientRect !== 'function'\n    ) {\n      // Popper virtual elements require a getBoundingClientRect method\n      throw new TypeError(`${NAME.toUpperCase()}: Option \"reference\" provided type \"object\" without a required \"getBoundingClientRect\" method.`)\n    }\n\n    return config\n  }\n\n  _createPopper() {\n    if (typeof Popper === 'undefined') {\n      throw new TypeError('Bootstrap\\'s dropdowns require Popper (https://popper.js.org)')\n    }\n\n    let referenceElement = this._element\n\n    if (this._config.reference === 'parent') {\n      referenceElement = this._parent\n    } else if (isElement(this._config.reference)) {\n      referenceElement = getElement(this._config.reference)\n    } else if (typeof this._config.reference === 'object') {\n      referenceElement = this._config.reference\n    }\n\n    const popperConfig = this._getPopperConfig()\n    this._popper = Popper.createPopper(referenceElement, this._menu, popperConfig)\n  }\n\n  _isShown() {\n    return this._menu.classList.contains(CLASS_NAME_SHOW)\n  }\n\n  _getPlacement() {\n    const parentDropdown = this._parent\n\n    if (parentDropdown.classList.contains(CLASS_NAME_DROPEND)) {\n      return PLACEMENT_RIGHT\n    }\n\n    if (parentDropdown.classList.contains(CLASS_NAME_DROPSTART)) {\n      return PLACEMENT_LEFT\n    }\n\n    if (parentDropdown.classList.contains(CLASS_NAME_DROPUP_CENTER)) {\n      return PLACEMENT_TOPCENTER\n    }\n\n    if (parentDropdown.classList.contains(CLASS_NAME_DROPDOWN_CENTER)) {\n      return PLACEMENT_BOTTOMCENTER\n    }\n\n    // We need to trim the value because custom properties can also include spaces\n    const isEnd = getComputedStyle(this._menu).getPropertyValue('--bs-position').trim() === 'end'\n\n    if (parentDropdown.classList.contains(CLASS_NAME_DROPUP)) {\n      return isEnd ? PLACEMENT_TOPEND : PLACEMENT_TOP\n    }\n\n    return isEnd ? PLACEMENT_BOTTOMEND : PLACEMENT_BOTTOM\n  }\n\n  _detectNavbar() {\n    return this._element.closest(SELECTOR_NAVBAR) !== null\n  }\n\n  _getOffset() {\n    const { offset } = this._config\n\n    if (typeof offset === 'string') {\n      return offset.split(',').map(value => Number.parseInt(value, 10))\n    }\n\n    if (typeof offset === 'function') {\n      return popperData => offset(popperData, this._element)\n    }\n\n    return offset\n  }\n\n  _getPopperConfig() {\n    const defaultBsPopperConfig = {\n      placement: this._getPlacement(),\n      modifiers: [{\n        name: 'preventOverflow',\n        options: {\n          boundary: this._config.boundary\n        }\n      },\n      {\n        name: 'offset',\n        options: {\n          offset: this._getOffset()\n        }\n      }]\n    }\n\n    // Disable Popper if we have a static display or Dropdown is in Navbar\n    if (this._inNavbar || this._config.display === 'static') {\n      Manipulator.setDataAttribute(this._menu, 'popper', 'static') // TODO: v6 remove\n      defaultBsPopperConfig.modifiers = [{\n        name: 'applyStyles',\n        enabled: false\n      }]\n    }\n\n    return {\n      ...defaultBsPopperConfig,\n      ...execute(this._config.popperConfig, [defaultBsPopperConfig])\n    }\n  }\n\n  _selectMenuItem({ key, target }) {\n    const items = SelectorEngine.find(SELECTOR_VISIBLE_ITEMS, this._menu).filter(element => isVisible(element))\n\n    if (!items.length) {\n      return\n    }\n\n    // if target isn't included in items (e.g. when expanding the dropdown)\n    // allow cycling to get the last item in case key equals ARROW_UP_KEY\n    getNextActiveElement(items, target, key === ARROW_DOWN_KEY, !items.includes(target)).focus()\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Dropdown.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (typeof data[config] === 'undefined') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config]()\n    })\n  }\n\n  static clearMenus(event) {\n    if (event.button === RIGHT_MOUSE_BUTTON || (event.type === 'keyup' && event.key !== TAB_KEY)) {\n      return\n    }\n\n    const openToggles = SelectorEngine.find(SELECTOR_DATA_TOGGLE_SHOWN)\n\n    for (const toggle of openToggles) {\n      const context = Dropdown.getInstance(toggle)\n      if (!context || context._config.autoClose === false) {\n        continue\n      }\n\n      const composedPath = event.composedPath()\n      const isMenuTarget = composedPath.includes(context._menu)\n      if (\n        composedPath.includes(context._element) ||\n        (context._config.autoClose === 'inside' && !isMenuTarget) ||\n        (context._config.autoClose === 'outside' && isMenuTarget)\n      ) {\n        continue\n      }\n\n      // Tab navigation through the dropdown menu or events from contained inputs shouldn't close the menu\n      if (context._menu.contains(event.target) && ((event.type === 'keyup' && event.key === TAB_KEY) || /input|select|option|textarea|form/i.test(event.target.tagName))) {\n        continue\n      }\n\n      const relatedTarget = { relatedTarget: context._element }\n\n      if (event.type === 'click') {\n        relatedTarget.clickEvent = event\n      }\n\n      context._completeHide(relatedTarget)\n    }\n  }\n\n  static dataApiKeydownHandler(event) {\n    // If not an UP | DOWN | ESCAPE key => not a dropdown command\n    // If input/textarea && if key is other than ESCAPE => not a dropdown command\n\n    const isInput = /input|textarea/i.test(event.target.tagName)\n    const isEscapeEvent = event.key === ESCAPE_KEY\n    const isUpOrDownEvent = [ARROW_UP_KEY, ARROW_DOWN_KEY].includes(event.key)\n\n    if (!isUpOrDownEvent && !isEscapeEvent) {\n      return\n    }\n\n    if (isInput && !isEscapeEvent) {\n      return\n    }\n\n    event.preventDefault()\n\n    // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/\n    const getToggleButton = this.matches(SELECTOR_DATA_TOGGLE) ?\n      this :\n      (SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE)[0] ||\n        SelectorEngine.next(this, SELECTOR_DATA_TOGGLE)[0] ||\n        SelectorEngine.findOne(SELECTOR_DATA_TOGGLE, event.delegateTarget.parentNode))\n\n    const instance = Dropdown.getOrCreateInstance(getToggleButton)\n\n    if (isUpOrDownEvent) {\n      event.stopPropagation()\n      instance.show()\n      instance._selectMenuItem(event)\n      return\n    }\n\n    if (instance._isShown()) { // else is escape and we check if it is shown\n      event.stopPropagation()\n      instance.hide()\n      getToggleButton.focus()\n    }\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_DATA_TOGGLE, Dropdown.dataApiKeydownHandler)\nEventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_MENU, Dropdown.dataApiKeydownHandler)\nEventHandler.on(document, EVENT_CLICK_DATA_API, Dropdown.clearMenus)\nEventHandler.on(document, EVENT_KEYUP_DATA_API, Dropdown.clearMenus)\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n  event.preventDefault()\n  Dropdown.getOrCreateInstance(this).toggle()\n})\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Dropdown)\n\nexport default Dropdown\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/backdrop.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport EventHandler from '../dom/event-handler.js'\nimport Config from './config.js'\nimport {\n  execute, executeAfterTransition, getElement, reflow\n} from './index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'backdrop'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\nconst EVENT_MOUSEDOWN = `mousedown.bs.${NAME}`\n\nconst Default = {\n  className: 'modal-backdrop',\n  clickCallback: null,\n  isAnimated: false,\n  isVisible: true, // if false, we use the backdrop helper without adding any element to the dom\n  rootElement: 'body' // give the choice to place backdrop under different elements\n}\n\nconst DefaultType = {\n  className: 'string',\n  clickCallback: '(function|null)',\n  isAnimated: 'boolean',\n  isVisible: 'boolean',\n  rootElement: '(element|string)'\n}\n\n/**\n * Class definition\n */\n\nclass Backdrop extends Config {\n  constructor(config) {\n    super()\n    this._config = this._getConfig(config)\n    this._isAppended = false\n    this._element = null\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  show(callback) {\n    if (!this._config.isVisible) {\n      execute(callback)\n      return\n    }\n\n    this._append()\n\n    const element = this._getElement()\n    if (this._config.isAnimated) {\n      reflow(element)\n    }\n\n    element.classList.add(CLASS_NAME_SHOW)\n\n    this._emulateAnimation(() => {\n      execute(callback)\n    })\n  }\n\n  hide(callback) {\n    if (!this._config.isVisible) {\n      execute(callback)\n      return\n    }\n\n    this._getElement().classList.remove(CLASS_NAME_SHOW)\n\n    this._emulateAnimation(() => {\n      this.dispose()\n      execute(callback)\n    })\n  }\n\n  dispose() {\n    if (!this._isAppended) {\n      return\n    }\n\n    EventHandler.off(this._element, EVENT_MOUSEDOWN)\n\n    this._element.remove()\n    this._isAppended = false\n  }\n\n  // Private\n  _getElement() {\n    if (!this._element) {\n      const backdrop = document.createElement('div')\n      backdrop.className = this._config.className\n      if (this._config.isAnimated) {\n        backdrop.classList.add(CLASS_NAME_FADE)\n      }\n\n      this._element = backdrop\n    }\n\n    return this._element\n  }\n\n  _configAfterMerge(config) {\n    // use getElement() with the default \"body\" to get a fresh Element on each instantiation\n    config.rootElement = getElement(config.rootElement)\n    return config\n  }\n\n  _append() {\n    if (this._isAppended) {\n      return\n    }\n\n    const element = this._getElement()\n    this._config.rootElement.append(element)\n\n    EventHandler.on(element, EVENT_MOUSEDOWN, () => {\n      execute(this._config.clickCallback)\n    })\n\n    this._isAppended = true\n  }\n\n  _emulateAnimation(callback) {\n    executeAfterTransition(callback, this._getElement(), this._config.isAnimated)\n  }\n}\n\nexport default Backdrop\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/focustrap.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport EventHandler from '../dom/event-handler.js'\nimport SelectorEngine from '../dom/selector-engine.js'\nimport Config from './config.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'focustrap'\nconst DATA_KEY = 'bs.focustrap'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst EVENT_FOCUSIN = `focusin${EVENT_KEY}`\nconst EVENT_KEYDOWN_TAB = `keydown.tab${EVENT_KEY}`\n\nconst TAB_KEY = 'Tab'\nconst TAB_NAV_FORWARD = 'forward'\nconst TAB_NAV_BACKWARD = 'backward'\n\nconst Default = {\n  autofocus: true,\n  trapElement: null // The element to trap focus inside of\n}\n\nconst DefaultType = {\n  autofocus: 'boolean',\n  trapElement: 'element'\n}\n\n/**\n * Class definition\n */\n\nclass FocusTrap extends Config {\n  constructor(config) {\n    super()\n    this._config = this._getConfig(config)\n    this._isActive = false\n    this._lastTabNavDirection = null\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  activate() {\n    if (this._isActive) {\n      return\n    }\n\n    if (this._config.autofocus) {\n      this._config.trapElement.focus()\n    }\n\n    EventHandler.off(document, EVENT_KEY) // guard against infinite focus loop\n    EventHandler.on(document, EVENT_FOCUSIN, event => this._handleFocusin(event))\n    EventHandler.on(document, EVENT_KEYDOWN_TAB, event => this._handleKeydown(event))\n\n    this._isActive = true\n  }\n\n  deactivate() {\n    if (!this._isActive) {\n      return\n    }\n\n    this._isActive = false\n    EventHandler.off(document, EVENT_KEY)\n  }\n\n  // Private\n  _handleFocusin(event) {\n    const { trapElement } = this._config\n\n    if (event.target === document || event.target === trapElement || trapElement.contains(event.target)) {\n      return\n    }\n\n    const elements = SelectorEngine.focusableChildren(trapElement)\n\n    if (elements.length === 0) {\n      trapElement.focus()\n    } else if (this._lastTabNavDirection === TAB_NAV_BACKWARD) {\n      elements[elements.length - 1].focus()\n    } else {\n      elements[0].focus()\n    }\n  }\n\n  _handleKeydown(event) {\n    if (event.key !== TAB_KEY) {\n      return\n    }\n\n    this._lastTabNavDirection = event.shiftKey ? TAB_NAV_BACKWARD : TAB_NAV_FORWARD\n  }\n}\n\nexport default FocusTrap\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/scrollBar.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Manipulator from '../dom/manipulator.js'\nimport SelectorEngine from '../dom/selector-engine.js'\nimport { isElement } from './index.js'\n\n/**\n * Constants\n */\n\nconst SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top'\nconst SELECTOR_STICKY_CONTENT = '.sticky-top'\nconst PROPERTY_PADDING = 'padding-right'\nconst PROPERTY_MARGIN = 'margin-right'\n\n/**\n * Class definition\n */\n\nclass ScrollBarHelper {\n  constructor() {\n    this._element = document.body\n  }\n\n  // Public\n  getWidth() {\n    // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes\n    const documentWidth = document.documentElement.clientWidth\n    return Math.abs(window.innerWidth - documentWidth)\n  }\n\n  hide() {\n    const width = this.getWidth()\n    this._disableOverFlow()\n    // give padding to element to balance the hidden scrollbar width\n    this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width)\n    // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth\n    this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width)\n    this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width)\n  }\n\n  reset() {\n    this._resetElementAttributes(this._element, 'overflow')\n    this._resetElementAttributes(this._element, PROPERTY_PADDING)\n    this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING)\n    this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN)\n  }\n\n  isOverflowing() {\n    return this.getWidth() > 0\n  }\n\n  // Private\n  _disableOverFlow() {\n    this._saveInitialAttribute(this._element, 'overflow')\n    this._element.style.overflow = 'hidden'\n  }\n\n  _setElementAttributes(selector, styleProperty, callback) {\n    const scrollbarWidth = this.getWidth()\n    const manipulationCallBack = element => {\n      if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) {\n        return\n      }\n\n      this._saveInitialAttribute(element, styleProperty)\n      const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty)\n      element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`)\n    }\n\n    this._applyManipulationCallback(selector, manipulationCallBack)\n  }\n\n  _saveInitialAttribute(element, styleProperty) {\n    const actualValue = element.style.getPropertyValue(styleProperty)\n    if (actualValue) {\n      Manipulator.setDataAttribute(element, styleProperty, actualValue)\n    }\n  }\n\n  _resetElementAttributes(selector, styleProperty) {\n    const manipulationCallBack = element => {\n      const value = Manipulator.getDataAttribute(element, styleProperty)\n      // We only want to remove the property if the value is `null`; the value can also be zero\n      if (value === null) {\n        element.style.removeProperty(styleProperty)\n        return\n      }\n\n      Manipulator.removeDataAttribute(element, styleProperty)\n      element.style.setProperty(styleProperty, value)\n    }\n\n    this._applyManipulationCallback(selector, manipulationCallBack)\n  }\n\n  _applyManipulationCallback(selector, callBack) {\n    if (isElement(selector)) {\n      callBack(selector)\n      return\n    }\n\n    for (const sel of SelectorEngine.find(selector, this._element)) {\n      callBack(sel)\n    }\n  }\n}\n\nexport default ScrollBarHelper\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport Backdrop from './util/backdrop.js'\nimport { enableDismissTrigger } from './util/component-functions.js'\nimport FocusTrap from './util/focustrap.js'\nimport {\n  defineJQueryPlugin, isRTL, isVisible, reflow\n} from './util/index.js'\nimport ScrollBarHelper from './util/scrollbar.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'modal'\nconst DATA_KEY = 'bs.modal'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst ESCAPE_KEY = 'Escape'\n\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_RESIZE = `resize${EVENT_KEY}`\nconst EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY}`\nconst EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY}`\nconst EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_OPEN = 'modal-open'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_STATIC = 'modal-static'\n\nconst OPEN_SELECTOR = '.modal.show'\nconst SELECTOR_DIALOG = '.modal-dialog'\nconst SELECTOR_MODAL_BODY = '.modal-body'\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"modal\"]'\n\nconst Default = {\n  backdrop: true,\n  focus: true,\n  keyboard: true\n}\n\nconst DefaultType = {\n  backdrop: '(boolean|string)',\n  focus: 'boolean',\n  keyboard: 'boolean'\n}\n\n/**\n * Class definition\n */\n\nclass Modal extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, this._element)\n    this._backdrop = this._initializeBackDrop()\n    this._focustrap = this._initializeFocusTrap()\n    this._isShown = false\n    this._isTransitioning = false\n    this._scrollBar = new ScrollBarHelper()\n\n    this._addEventListeners()\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  toggle(relatedTarget) {\n    return this._isShown ? this.hide() : this.show(relatedTarget)\n  }\n\n  show(relatedTarget) {\n    if (this._isShown || this._isTransitioning) {\n      return\n    }\n\n    const showEvent = EventHandler.trigger(this._element, EVENT_SHOW, {\n      relatedTarget\n    })\n\n    if (showEvent.defaultPrevented) {\n      return\n    }\n\n    this._isShown = true\n    this._isTransitioning = true\n\n    this._scrollBar.hide()\n\n    document.body.classList.add(CLASS_NAME_OPEN)\n\n    this._adjustDialog()\n\n    this._backdrop.show(() => this._showElement(relatedTarget))\n  }\n\n  hide() {\n    if (!this._isShown || this._isTransitioning) {\n      return\n    }\n\n    const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE)\n\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    this._isShown = false\n    this._isTransitioning = true\n    this._focustrap.deactivate()\n\n    this._element.classList.remove(CLASS_NAME_SHOW)\n\n    this._queueCallback(() => this._hideModal(), this._element, this._isAnimated())\n  }\n\n  dispose() {\n    EventHandler.off(window, EVENT_KEY)\n    EventHandler.off(this._dialog, EVENT_KEY)\n\n    this._backdrop.dispose()\n    this._focustrap.deactivate()\n\n    super.dispose()\n  }\n\n  handleUpdate() {\n    this._adjustDialog()\n  }\n\n  // Private\n  _initializeBackDrop() {\n    return new Backdrop({\n      isVisible: Boolean(this._config.backdrop), // 'static' option will be translated to true, and booleans will keep their value,\n      isAnimated: this._isAnimated()\n    })\n  }\n\n  _initializeFocusTrap() {\n    return new FocusTrap({\n      trapElement: this._element\n    })\n  }\n\n  _showElement(relatedTarget) {\n    // try to append dynamic modal\n    if (!document.body.contains(this._element)) {\n      document.body.append(this._element)\n    }\n\n    this._element.style.display = 'block'\n    this._element.removeAttribute('aria-hidden')\n    this._element.setAttribute('aria-modal', true)\n    this._element.setAttribute('role', 'dialog')\n    this._element.scrollTop = 0\n\n    const modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog)\n    if (modalBody) {\n      modalBody.scrollTop = 0\n    }\n\n    reflow(this._element)\n\n    this._element.classList.add(CLASS_NAME_SHOW)\n\n    const transitionComplete = () => {\n      if (this._config.focus) {\n        this._focustrap.activate()\n      }\n\n      this._isTransitioning = false\n      EventHandler.trigger(this._element, EVENT_SHOWN, {\n        relatedTarget\n      })\n    }\n\n    this._queueCallback(transitionComplete, this._dialog, this._isAnimated())\n  }\n\n  _addEventListeners() {\n    EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, event => {\n      if (event.key !== ESCAPE_KEY) {\n        return\n      }\n\n      if (this._config.keyboard) {\n        this.hide()\n        return\n      }\n\n      this._triggerBackdropTransition()\n    })\n\n    EventHandler.on(window, EVENT_RESIZE, () => {\n      if (this._isShown && !this._isTransitioning) {\n        this._adjustDialog()\n      }\n    })\n\n    EventHandler.on(this._element, EVENT_MOUSEDOWN_DISMISS, event => {\n      // a bad trick to segregate clicks that may start inside dialog but end outside, and avoid listen to scrollbar clicks\n      EventHandler.one(this._element, EVENT_CLICK_DISMISS, event2 => {\n        if (this._element !== event.target || this._element !== event2.target) {\n          return\n        }\n\n        if (this._config.backdrop === 'static') {\n          this._triggerBackdropTransition()\n          return\n        }\n\n        if (this._config.backdrop) {\n          this.hide()\n        }\n      })\n    })\n  }\n\n  _hideModal() {\n    this._element.style.display = 'none'\n    this._element.setAttribute('aria-hidden', true)\n    this._element.removeAttribute('aria-modal')\n    this._element.removeAttribute('role')\n    this._isTransitioning = false\n\n    this._backdrop.hide(() => {\n      document.body.classList.remove(CLASS_NAME_OPEN)\n      this._resetAdjustments()\n      this._scrollBar.reset()\n      EventHandler.trigger(this._element, EVENT_HIDDEN)\n    })\n  }\n\n  _isAnimated() {\n    return this._element.classList.contains(CLASS_NAME_FADE)\n  }\n\n  _triggerBackdropTransition() {\n    const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED)\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight\n    const initialOverflowY = this._element.style.overflowY\n    // return if the following background transition hasn't yet completed\n    if (initialOverflowY === 'hidden' || this._element.classList.contains(CLASS_NAME_STATIC)) {\n      return\n    }\n\n    if (!isModalOverflowing) {\n      this._element.style.overflowY = 'hidden'\n    }\n\n    this._element.classList.add(CLASS_NAME_STATIC)\n    this._queueCallback(() => {\n      this._element.classList.remove(CLASS_NAME_STATIC)\n      this._queueCallback(() => {\n        this._element.style.overflowY = initialOverflowY\n      }, this._dialog)\n    }, this._dialog)\n\n    this._element.focus()\n  }\n\n  /**\n   * The following methods are used to handle overflowing modals\n   */\n\n  _adjustDialog() {\n    const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight\n    const scrollbarWidth = this._scrollBar.getWidth()\n    const isBodyOverflowing = scrollbarWidth > 0\n\n    if (isBodyOverflowing && !isModalOverflowing) {\n      const property = isRTL() ? 'paddingLeft' : 'paddingRight'\n      this._element.style[property] = `${scrollbarWidth}px`\n    }\n\n    if (!isBodyOverflowing && isModalOverflowing) {\n      const property = isRTL() ? 'paddingRight' : 'paddingLeft'\n      this._element.style[property] = `${scrollbarWidth}px`\n    }\n  }\n\n  _resetAdjustments() {\n    this._element.style.paddingLeft = ''\n    this._element.style.paddingRight = ''\n  }\n\n  // Static\n  static jQueryInterface(config, relatedTarget) {\n    return this.each(function () {\n      const data = Modal.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (typeof data[config] === 'undefined') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config](relatedTarget)\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n  const target = SelectorEngine.getElementFromSelector(this)\n\n  if (['A', 'AREA'].includes(this.tagName)) {\n    event.preventDefault()\n  }\n\n  EventHandler.one(target, EVENT_SHOW, showEvent => {\n    if (showEvent.defaultPrevented) {\n      // only register focus restorer if modal will actually get shown\n      return\n    }\n\n    EventHandler.one(target, EVENT_HIDDEN, () => {\n      if (isVisible(this)) {\n        this.focus()\n      }\n    })\n  })\n\n  // avoid conflict when clicking modal toggler while another one is open\n  const alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR)\n  if (alreadyOpen) {\n    Modal.getInstance(alreadyOpen).hide()\n  }\n\n  const data = Modal.getOrCreateInstance(target)\n\n  data.toggle(this)\n})\n\nenableDismissTrigger(Modal)\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Modal)\n\nexport default Modal\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap offcanvas.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport Backdrop from './util/backdrop.js'\nimport { enableDismissTrigger } from './util/component-functions.js'\nimport FocusTrap from './util/focustrap.js'\nimport {\n  defineJQueryPlugin,\n  isDisabled,\n  isVisible\n} from './util/index.js'\nimport ScrollBarHelper from './util/scrollbar.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'offcanvas'\nconst DATA_KEY = 'bs.offcanvas'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\nconst ESCAPE_KEY = 'Escape'\n\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_SHOWING = 'showing'\nconst CLASS_NAME_HIDING = 'hiding'\nconst CLASS_NAME_BACKDROP = 'offcanvas-backdrop'\nconst OPEN_SELECTOR = '.offcanvas.show'\n\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_RESIZE = `resize${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY}`\n\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"offcanvas\"]'\n\nconst Default = {\n  backdrop: true,\n  keyboard: true,\n  scroll: false\n}\n\nconst DefaultType = {\n  backdrop: '(boolean|string)',\n  keyboard: 'boolean',\n  scroll: 'boolean'\n}\n\n/**\n * Class definition\n */\n\nclass Offcanvas extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._isShown = false\n    this._backdrop = this._initializeBackDrop()\n    this._focustrap = this._initializeFocusTrap()\n    this._addEventListeners()\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  toggle(relatedTarget) {\n    return this._isShown ? this.hide() : this.show(relatedTarget)\n  }\n\n  show(relatedTarget) {\n    if (this._isShown) {\n      return\n    }\n\n    const showEvent = EventHandler.trigger(this._element, EVENT_SHOW, { relatedTarget })\n\n    if (showEvent.defaultPrevented) {\n      return\n    }\n\n    this._isShown = true\n    this._backdrop.show()\n\n    if (!this._config.scroll) {\n      new ScrollBarHelper().hide()\n    }\n\n    this._element.setAttribute('aria-modal', true)\n    this._element.setAttribute('role', 'dialog')\n    this._element.classList.add(CLASS_NAME_SHOWING)\n\n    const completeCallBack = () => {\n      if (!this._config.scroll || this._config.backdrop) {\n        this._focustrap.activate()\n      }\n\n      this._element.classList.add(CLASS_NAME_SHOW)\n      this._element.classList.remove(CLASS_NAME_SHOWING)\n      EventHandler.trigger(this._element, EVENT_SHOWN, { relatedTarget })\n    }\n\n    this._queueCallback(completeCallBack, this._element, true)\n  }\n\n  hide() {\n    if (!this._isShown) {\n      return\n    }\n\n    const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE)\n\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    this._focustrap.deactivate()\n    this._element.blur()\n    this._isShown = false\n    this._element.classList.add(CLASS_NAME_HIDING)\n    this._backdrop.hide()\n\n    const completeCallback = () => {\n      this._element.classList.remove(CLASS_NAME_SHOW, CLASS_NAME_HIDING)\n      this._element.removeAttribute('aria-modal')\n      this._element.removeAttribute('role')\n\n      if (!this._config.scroll) {\n        new ScrollBarHelper().reset()\n      }\n\n      EventHandler.trigger(this._element, EVENT_HIDDEN)\n    }\n\n    this._queueCallback(completeCallback, this._element, true)\n  }\n\n  dispose() {\n    this._backdrop.dispose()\n    this._focustrap.deactivate()\n    super.dispose()\n  }\n\n  // Private\n  _initializeBackDrop() {\n    const clickCallback = () => {\n      if (this._config.backdrop === 'static') {\n        EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED)\n        return\n      }\n\n      this.hide()\n    }\n\n    // 'static' option will be translated to true, and booleans will keep their value\n    const isVisible = Boolean(this._config.backdrop)\n\n    return new Backdrop({\n      className: CLASS_NAME_BACKDROP,\n      isVisible,\n      isAnimated: true,\n      rootElement: this._element.parentNode,\n      clickCallback: isVisible ? clickCallback : null\n    })\n  }\n\n  _initializeFocusTrap() {\n    return new FocusTrap({\n      trapElement: this._element\n    })\n  }\n\n  _addEventListeners() {\n    EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, event => {\n      if (event.key !== ESCAPE_KEY) {\n        return\n      }\n\n      if (this._config.keyboard) {\n        this.hide()\n        return\n      }\n\n      EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED)\n    })\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Offcanvas.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config](this)\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n  const target = SelectorEngine.getElementFromSelector(this)\n\n  if (['A', 'AREA'].includes(this.tagName)) {\n    event.preventDefault()\n  }\n\n  if (isDisabled(this)) {\n    return\n  }\n\n  EventHandler.one(target, EVENT_HIDDEN, () => {\n    // focus on trigger when it is closed\n    if (isVisible(this)) {\n      this.focus()\n    }\n  })\n\n  // avoid conflict when clicking a toggler of an offcanvas, while another is open\n  const alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR)\n  if (alreadyOpen && alreadyOpen !== target) {\n    Offcanvas.getInstance(alreadyOpen).hide()\n  }\n\n  const data = Offcanvas.getOrCreateInstance(target)\n  data.toggle(this)\n})\n\nEventHandler.on(window, EVENT_LOAD_DATA_API, () => {\n  for (const selector of SelectorEngine.find(OPEN_SELECTOR)) {\n    Offcanvas.getOrCreateInstance(selector).show()\n  }\n})\n\nEventHandler.on(window, EVENT_RESIZE, () => {\n  for (const element of SelectorEngine.find('[aria-modal][class*=show][class*=offcanvas-]')) {\n    if (getComputedStyle(element).position !== 'fixed') {\n      Offcanvas.getOrCreateInstance(element).hide()\n    }\n  }\n})\n\nenableDismissTrigger(Offcanvas)\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Offcanvas)\n\nexport default Offcanvas\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/sanitizer.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n// js-docs-start allow-list\nconst ARIA_ATTRIBUTE_PATTERN = /^aria-[\\w-]*$/i\n\nexport const DefaultAllowlist = {\n  // Global attributes allowed on any supplied element below.\n  '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],\n  a: ['target', 'href', 'title', 'rel'],\n  area: [],\n  b: [],\n  br: [],\n  col: [],\n  code: [],\n  dd: [],\n  div: [],\n  dl: [],\n  dt: [],\n  em: [],\n  hr: [],\n  h1: [],\n  h2: [],\n  h3: [],\n  h4: [],\n  h5: [],\n  h6: [],\n  i: [],\n  img: ['src', 'srcset', 'alt', 'title', 'width', 'height'],\n  li: [],\n  ol: [],\n  p: [],\n  pre: [],\n  s: [],\n  small: [],\n  span: [],\n  sub: [],\n  sup: [],\n  strong: [],\n  u: [],\n  ul: []\n}\n// js-docs-end allow-list\n\nconst uriAttributes = new Set([\n  'background',\n  'cite',\n  'href',\n  'itemtype',\n  'longdesc',\n  'poster',\n  'src',\n  'xlink:href'\n])\n\n/**\n * A pattern that recognizes URLs that are safe wrt. XSS in URL navigation\n * contexts.\n *\n * Shout-out to Angular https://github.com/angular/angular/blob/15.2.8/packages/core/src/sanitization/url_sanitizer.ts#L38\n */\n// eslint-disable-next-line unicorn/better-regex\nconst SAFE_URL_PATTERN = /^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i\n\nconst allowedAttribute = (attribute, allowedAttributeList) => {\n  const attributeName = attribute.nodeName.toLowerCase()\n\n  if (allowedAttributeList.includes(attributeName)) {\n    if (uriAttributes.has(attributeName)) {\n      return Boolean(SAFE_URL_PATTERN.test(attribute.nodeValue))\n    }\n\n    return true\n  }\n\n  // Check if a regular expression validates the attribute.\n  return allowedAttributeList.filter(attributeRegex => attributeRegex instanceof RegExp)\n    .some(regex => regex.test(attributeName))\n}\n\nexport function sanitizeHtml(unsafeHtml, allowList, sanitizeFunction) {\n  if (!unsafeHtml.length) {\n    return unsafeHtml\n  }\n\n  if (sanitizeFunction && typeof sanitizeFunction === 'function') {\n    return sanitizeFunction(unsafeHtml)\n  }\n\n  const domParser = new window.DOMParser()\n  const createdDocument = domParser.parseFromString(unsafeHtml, 'text/html')\n  const elements = [].concat(...createdDocument.body.querySelectorAll('*'))\n\n  for (const element of elements) {\n    const elementName = element.nodeName.toLowerCase()\n\n    if (!Object.keys(allowList).includes(elementName)) {\n      element.remove()\n      continue\n    }\n\n    const attributeList = [].concat(...element.attributes)\n    const allowedAttributes = [].concat(allowList['*'] || [], allowList[elementName] || [])\n\n    for (const attribute of attributeList) {\n      if (!allowedAttribute(attribute, allowedAttributes)) {\n        element.removeAttribute(attribute.nodeName)\n      }\n    }\n  }\n\n  return createdDocument.body.innerHTML\n}\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap util/template-factory.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport SelectorEngine from '../dom/selector-engine.js'\nimport Config from './config.js'\nimport { DefaultAllowlist, sanitizeHtml } from './sanitizer.js'\nimport { execute, getElement, isElement } from './index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'TemplateFactory'\n\nconst Default = {\n  allowList: DefaultAllowlist,\n  content: {}, // { selector : text ,  selector2 : text2 , }\n  extraClass: '',\n  html: false,\n  sanitize: true,\n  sanitizeFn: null,\n  template: '<div></div>'\n}\n\nconst DefaultType = {\n  allowList: 'object',\n  content: 'object',\n  extraClass: '(string|function)',\n  html: 'boolean',\n  sanitize: 'boolean',\n  sanitizeFn: '(null|function)',\n  template: 'string'\n}\n\nconst DefaultContentType = {\n  entry: '(string|element|function|null)',\n  selector: '(string|element)'\n}\n\n/**\n * Class definition\n */\n\nclass TemplateFactory extends Config {\n  constructor(config) {\n    super()\n    this._config = this._getConfig(config)\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  getContent() {\n    return Object.values(this._config.content)\n      .map(config => this._resolvePossibleFunction(config))\n      .filter(Boolean)\n  }\n\n  hasContent() {\n    return this.getContent().length > 0\n  }\n\n  changeContent(content) {\n    this._checkContent(content)\n    this._config.content = { ...this._config.content, ...content }\n    return this\n  }\n\n  toHtml() {\n    const templateWrapper = document.createElement('div')\n    templateWrapper.innerHTML = this._maybeSanitize(this._config.template)\n\n    for (const [selector, text] of Object.entries(this._config.content)) {\n      this._setContent(templateWrapper, text, selector)\n    }\n\n    const template = templateWrapper.children[0]\n    const extraClass = this._resolvePossibleFunction(this._config.extraClass)\n\n    if (extraClass) {\n      template.classList.add(...extraClass.split(' '))\n    }\n\n    return template\n  }\n\n  // Private\n  _typeCheckConfig(config) {\n    super._typeCheckConfig(config)\n    this._checkContent(config.content)\n  }\n\n  _checkContent(arg) {\n    for (const [selector, content] of Object.entries(arg)) {\n      super._typeCheckConfig({ selector, entry: content }, DefaultContentType)\n    }\n  }\n\n  _setContent(template, content, selector) {\n    const templateElement = SelectorEngine.findOne(selector, template)\n\n    if (!templateElement) {\n      return\n    }\n\n    content = this._resolvePossibleFunction(content)\n\n    if (!content) {\n      templateElement.remove()\n      return\n    }\n\n    if (isElement(content)) {\n      this._putElementInTemplate(getElement(content), templateElement)\n      return\n    }\n\n    if (this._config.html) {\n      templateElement.innerHTML = this._maybeSanitize(content)\n      return\n    }\n\n    templateElement.textContent = content\n  }\n\n  _maybeSanitize(arg) {\n    return this._config.sanitize ? sanitizeHtml(arg, this._config.allowList, this._config.sanitizeFn) : arg\n  }\n\n  _resolvePossibleFunction(arg) {\n    return execute(arg, [this])\n  }\n\n  _putElementInTemplate(element, templateElement) {\n    if (this._config.html) {\n      templateElement.innerHTML = ''\n      templateElement.append(element)\n      return\n    }\n\n    templateElement.textContent = element.textContent\n  }\n}\n\nexport default TemplateFactory\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap tooltip.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport * as Popper from '@popperjs/core'\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport Manipulator from './dom/manipulator.js'\nimport {\n  defineJQueryPlugin, execute, findShadowRoot, getElement, getUID, isRTL, noop\n} from './util/index.js'\nimport { DefaultAllowlist } from './util/sanitizer.js'\nimport TemplateFactory from './util/template-factory.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'tooltip'\nconst DISALLOWED_ATTRIBUTES = new Set(['sanitize', 'allowList', 'sanitizeFn'])\n\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_MODAL = 'modal'\nconst CLASS_NAME_SHOW = 'show'\n\nconst SELECTOR_TOOLTIP_INNER = '.tooltip-inner'\nconst SELECTOR_MODAL = `.${CLASS_NAME_MODAL}`\n\nconst EVENT_MODAL_HIDE = 'hide.bs.modal'\n\nconst TRIGGER_HOVER = 'hover'\nconst TRIGGER_FOCUS = 'focus'\nconst TRIGGER_CLICK = 'click'\nconst TRIGGER_MANUAL = 'manual'\n\nconst EVENT_HIDE = 'hide'\nconst EVENT_HIDDEN = 'hidden'\nconst EVENT_SHOW = 'show'\nconst EVENT_SHOWN = 'shown'\nconst EVENT_INSERTED = 'inserted'\nconst EVENT_CLICK = 'click'\nconst EVENT_FOCUSIN = 'focusin'\nconst EVENT_FOCUSOUT = 'focusout'\nconst EVENT_MOUSEENTER = 'mouseenter'\nconst EVENT_MOUSELEAVE = 'mouseleave'\n\nconst AttachmentMap = {\n  AUTO: 'auto',\n  TOP: 'top',\n  RIGHT: isRTL() ? 'left' : 'right',\n  BOTTOM: 'bottom',\n  LEFT: isRTL() ? 'right' : 'left'\n}\n\nconst Default = {\n  allowList: DefaultAllowlist,\n  animation: true,\n  boundary: 'clippingParents',\n  container: false,\n  customClass: '',\n  delay: 0,\n  fallbackPlacements: ['top', 'right', 'bottom', 'left'],\n  html: false,\n  offset: [0, 6],\n  placement: 'top',\n  popperConfig: null,\n  sanitize: true,\n  sanitizeFn: null,\n  selector: false,\n  template: '<div class=\"tooltip\" role=\"tooltip\">' +\n            '<div class=\"tooltip-arrow\"></div>' +\n            '<div class=\"tooltip-inner\"></div>' +\n            '</div>',\n  title: '',\n  trigger: 'hover focus'\n}\n\nconst DefaultType = {\n  allowList: 'object',\n  animation: 'boolean',\n  boundary: '(string|element)',\n  container: '(string|element|boolean)',\n  customClass: '(string|function)',\n  delay: '(number|object)',\n  fallbackPlacements: 'array',\n  html: 'boolean',\n  offset: '(array|string|function)',\n  placement: '(string|function)',\n  popperConfig: '(null|object|function)',\n  sanitize: 'boolean',\n  sanitizeFn: '(null|function)',\n  selector: '(string|boolean)',\n  template: 'string',\n  title: '(string|element|function)',\n  trigger: 'string'\n}\n\n/**\n * Class definition\n */\n\nclass Tooltip extends BaseComponent {\n  constructor(element, config) {\n    if (typeof Popper === 'undefined') {\n      throw new TypeError('Bootstrap\\'s tooltips require Popper (https://popper.js.org)')\n    }\n\n    super(element, config)\n\n    // Private\n    this._isEnabled = true\n    this._timeout = 0\n    this._isHovered = null\n    this._activeTrigger = {}\n    this._popper = null\n    this._templateFactory = null\n    this._newContent = null\n\n    // Protected\n    this.tip = null\n\n    this._setListeners()\n\n    if (!this._config.selector) {\n      this._fixTitle()\n    }\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  enable() {\n    this._isEnabled = true\n  }\n\n  disable() {\n    this._isEnabled = false\n  }\n\n  toggleEnabled() {\n    this._isEnabled = !this._isEnabled\n  }\n\n  toggle() {\n    if (!this._isEnabled) {\n      return\n    }\n\n    this._activeTrigger.click = !this._activeTrigger.click\n    if (this._isShown()) {\n      this._leave()\n      return\n    }\n\n    this._enter()\n  }\n\n  dispose() {\n    clearTimeout(this._timeout)\n\n    EventHandler.off(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler)\n\n    if (this._element.getAttribute('data-bs-original-title')) {\n      this._element.setAttribute('title', this._element.getAttribute('data-bs-original-title'))\n    }\n\n    this._disposePopper()\n    super.dispose()\n  }\n\n  show() {\n    if (this._element.style.display === 'none') {\n      throw new Error('Please use show on visible elements')\n    }\n\n    if (!(this._isWithContent() && this._isEnabled)) {\n      return\n    }\n\n    const showEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOW))\n    const shadowRoot = findShadowRoot(this._element)\n    const isInTheDom = (shadowRoot || this._element.ownerDocument.documentElement).contains(this._element)\n\n    if (showEvent.defaultPrevented || !isInTheDom) {\n      return\n    }\n\n    // TODO: v6 remove this or make it optional\n    this._disposePopper()\n\n    const tip = this._getTipElement()\n\n    this._element.setAttribute('aria-describedby', tip.getAttribute('id'))\n\n    const { container } = this._config\n\n    if (!this._element.ownerDocument.documentElement.contains(this.tip)) {\n      container.append(tip)\n      EventHandler.trigger(this._element, this.constructor.eventName(EVENT_INSERTED))\n    }\n\n    this._popper = this._createPopper(tip)\n\n    tip.classList.add(CLASS_NAME_SHOW)\n\n    // If this is a touch-enabled device we add extra\n    // empty mouseover listeners to the body's immediate children;\n    // only needed because of broken event delegation on iOS\n    // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n    if ('ontouchstart' in document.documentElement) {\n      for (const element of [].concat(...document.body.children)) {\n        EventHandler.on(element, 'mouseover', noop)\n      }\n    }\n\n    const complete = () => {\n      EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOWN))\n\n      if (this._isHovered === false) {\n        this._leave()\n      }\n\n      this._isHovered = false\n    }\n\n    this._queueCallback(complete, this.tip, this._isAnimated())\n  }\n\n  hide() {\n    if (!this._isShown()) {\n      return\n    }\n\n    const hideEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_HIDE))\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    const tip = this._getTipElement()\n    tip.classList.remove(CLASS_NAME_SHOW)\n\n    // If this is a touch-enabled device we remove the extra\n    // empty mouseover listeners we added for iOS support\n    if ('ontouchstart' in document.documentElement) {\n      for (const element of [].concat(...document.body.children)) {\n        EventHandler.off(element, 'mouseover', noop)\n      }\n    }\n\n    this._activeTrigger[TRIGGER_CLICK] = false\n    this._activeTrigger[TRIGGER_FOCUS] = false\n    this._activeTrigger[TRIGGER_HOVER] = false\n    this._isHovered = null // it is a trick to support manual triggering\n\n    const complete = () => {\n      if (this._isWithActiveTrigger()) {\n        return\n      }\n\n      if (!this._isHovered) {\n        this._disposePopper()\n      }\n\n      this._element.removeAttribute('aria-describedby')\n      EventHandler.trigger(this._element, this.constructor.eventName(EVENT_HIDDEN))\n    }\n\n    this._queueCallback(complete, this.tip, this._isAnimated())\n  }\n\n  update() {\n    if (this._popper) {\n      this._popper.update()\n    }\n  }\n\n  // Protected\n  _isWithContent() {\n    return Boolean(this._getTitle())\n  }\n\n  _getTipElement() {\n    if (!this.tip) {\n      this.tip = this._createTipElement(this._newContent || this._getContentForTemplate())\n    }\n\n    return this.tip\n  }\n\n  _createTipElement(content) {\n    const tip = this._getTemplateFactory(content).toHtml()\n\n    // TODO: remove this check in v6\n    if (!tip) {\n      return null\n    }\n\n    tip.classList.remove(CLASS_NAME_FADE, CLASS_NAME_SHOW)\n    // TODO: v6 the following can be achieved with CSS only\n    tip.classList.add(`bs-${this.constructor.NAME}-auto`)\n\n    const tipId = getUID(this.constructor.NAME).toString()\n\n    tip.setAttribute('id', tipId)\n\n    if (this._isAnimated()) {\n      tip.classList.add(CLASS_NAME_FADE)\n    }\n\n    return tip\n  }\n\n  setContent(content) {\n    this._newContent = content\n    if (this._isShown()) {\n      this._disposePopper()\n      this.show()\n    }\n  }\n\n  _getTemplateFactory(content) {\n    if (this._templateFactory) {\n      this._templateFactory.changeContent(content)\n    } else {\n      this._templateFactory = new TemplateFactory({\n        ...this._config,\n        // the `content` var has to be after `this._config`\n        // to override config.content in case of popover\n        content,\n        extraClass: this._resolvePossibleFunction(this._config.customClass)\n      })\n    }\n\n    return this._templateFactory\n  }\n\n  _getContentForTemplate() {\n    return {\n      [SELECTOR_TOOLTIP_INNER]: this._getTitle()\n    }\n  }\n\n  _getTitle() {\n    return this._resolvePossibleFunction(this._config.title) || this._element.getAttribute('data-bs-original-title')\n  }\n\n  // Private\n  _initializeOnDelegatedTarget(event) {\n    return this.constructor.getOrCreateInstance(event.delegateTarget, this._getDelegateConfig())\n  }\n\n  _isAnimated() {\n    return this._config.animation || (this.tip && this.tip.classList.contains(CLASS_NAME_FADE))\n  }\n\n  _isShown() {\n    return this.tip && this.tip.classList.contains(CLASS_NAME_SHOW)\n  }\n\n  _createPopper(tip) {\n    const placement = execute(this._config.placement, [this, tip, this._element])\n    const attachment = AttachmentMap[placement.toUpperCase()]\n    return Popper.createPopper(this._element, tip, this._getPopperConfig(attachment))\n  }\n\n  _getOffset() {\n    const { offset } = this._config\n\n    if (typeof offset === 'string') {\n      return offset.split(',').map(value => Number.parseInt(value, 10))\n    }\n\n    if (typeof offset === 'function') {\n      return popperData => offset(popperData, this._element)\n    }\n\n    return offset\n  }\n\n  _resolvePossibleFunction(arg) {\n    return execute(arg, [this._element])\n  }\n\n  _getPopperConfig(attachment) {\n    const defaultBsPopperConfig = {\n      placement: attachment,\n      modifiers: [\n        {\n          name: 'flip',\n          options: {\n            fallbackPlacements: this._config.fallbackPlacements\n          }\n        },\n        {\n          name: 'offset',\n          options: {\n            offset: this._getOffset()\n          }\n        },\n        {\n          name: 'preventOverflow',\n          options: {\n            boundary: this._config.boundary\n          }\n        },\n        {\n          name: 'arrow',\n          options: {\n            element: `.${this.constructor.NAME}-arrow`\n          }\n        },\n        {\n          name: 'preSetPlacement',\n          enabled: true,\n          phase: 'beforeMain',\n          fn: data => {\n            // Pre-set Popper's placement attribute in order to read the arrow sizes properly.\n            // Otherwise, Popper mixes up the width and height dimensions since the initial arrow style is for top placement\n            this._getTipElement().setAttribute('data-popper-placement', data.state.placement)\n          }\n        }\n      ]\n    }\n\n    return {\n      ...defaultBsPopperConfig,\n      ...execute(this._config.popperConfig, [defaultBsPopperConfig])\n    }\n  }\n\n  _setListeners() {\n    const triggers = this._config.trigger.split(' ')\n\n    for (const trigger of triggers) {\n      if (trigger === 'click') {\n        EventHandler.on(this._element, this.constructor.eventName(EVENT_CLICK), this._config.selector, event => {\n          const context = this._initializeOnDelegatedTarget(event)\n          context.toggle()\n        })\n      } else if (trigger !== TRIGGER_MANUAL) {\n        const eventIn = trigger === TRIGGER_HOVER ?\n          this.constructor.eventName(EVENT_MOUSEENTER) :\n          this.constructor.eventName(EVENT_FOCUSIN)\n        const eventOut = trigger === TRIGGER_HOVER ?\n          this.constructor.eventName(EVENT_MOUSELEAVE) :\n          this.constructor.eventName(EVENT_FOCUSOUT)\n\n        EventHandler.on(this._element, eventIn, this._config.selector, event => {\n          const context = this._initializeOnDelegatedTarget(event)\n          context._activeTrigger[event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER] = true\n          context._enter()\n        })\n        EventHandler.on(this._element, eventOut, this._config.selector, event => {\n          const context = this._initializeOnDelegatedTarget(event)\n          context._activeTrigger[event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER] =\n            context._element.contains(event.relatedTarget)\n\n          context._leave()\n        })\n      }\n    }\n\n    this._hideModalHandler = () => {\n      if (this._element) {\n        this.hide()\n      }\n    }\n\n    EventHandler.on(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler)\n  }\n\n  _fixTitle() {\n    const title = this._element.getAttribute('title')\n\n    if (!title) {\n      return\n    }\n\n    if (!this._element.getAttribute('aria-label') && !this._element.textContent.trim()) {\n      this._element.setAttribute('aria-label', title)\n    }\n\n    this._element.setAttribute('data-bs-original-title', title) // DO NOT USE IT. Is only for backwards compatibility\n    this._element.removeAttribute('title')\n  }\n\n  _enter() {\n    if (this._isShown() || this._isHovered) {\n      this._isHovered = true\n      return\n    }\n\n    this._isHovered = true\n\n    this._setTimeout(() => {\n      if (this._isHovered) {\n        this.show()\n      }\n    }, this._config.delay.show)\n  }\n\n  _leave() {\n    if (this._isWithActiveTrigger()) {\n      return\n    }\n\n    this._isHovered = false\n\n    this._setTimeout(() => {\n      if (!this._isHovered) {\n        this.hide()\n      }\n    }, this._config.delay.hide)\n  }\n\n  _setTimeout(handler, timeout) {\n    clearTimeout(this._timeout)\n    this._timeout = setTimeout(handler, timeout)\n  }\n\n  _isWithActiveTrigger() {\n    return Object.values(this._activeTrigger).includes(true)\n  }\n\n  _getConfig(config) {\n    const dataAttributes = Manipulator.getDataAttributes(this._element)\n\n    for (const dataAttribute of Object.keys(dataAttributes)) {\n      if (DISALLOWED_ATTRIBUTES.has(dataAttribute)) {\n        delete dataAttributes[dataAttribute]\n      }\n    }\n\n    config = {\n      ...dataAttributes,\n      ...(typeof config === 'object' && config ? config : {})\n    }\n    config = this._mergeConfigObj(config)\n    config = this._configAfterMerge(config)\n    this._typeCheckConfig(config)\n    return config\n  }\n\n  _configAfterMerge(config) {\n    config.container = config.container === false ? document.body : getElement(config.container)\n\n    if (typeof config.delay === 'number') {\n      config.delay = {\n        show: config.delay,\n        hide: config.delay\n      }\n    }\n\n    if (typeof config.title === 'number') {\n      config.title = config.title.toString()\n    }\n\n    if (typeof config.content === 'number') {\n      config.content = config.content.toString()\n    }\n\n    return config\n  }\n\n  _getDelegateConfig() {\n    const config = {}\n\n    for (const [key, value] of Object.entries(this._config)) {\n      if (this.constructor.Default[key] !== value) {\n        config[key] = value\n      }\n    }\n\n    config.selector = false\n    config.trigger = 'manual'\n\n    // In the future can be replaced with:\n    // const keysWithDifferentValues = Object.entries(this._config).filter(entry => this.constructor.Default[entry[0]] !== this._config[entry[0]])\n    // `Object.fromEntries(keysWithDifferentValues)`\n    return config\n  }\n\n  _disposePopper() {\n    if (this._popper) {\n      this._popper.destroy()\n      this._popper = null\n    }\n\n    if (this.tip) {\n      this.tip.remove()\n      this.tip = null\n    }\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Tooltip.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (typeof data[config] === 'undefined') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config]()\n    })\n  }\n}\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Tooltip)\n\nexport default Tooltip\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap popover.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Tooltip from './tooltip.js'\nimport { defineJQueryPlugin } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'popover'\n\nconst SELECTOR_TITLE = '.popover-header'\nconst SELECTOR_CONTENT = '.popover-body'\n\nconst Default = {\n  ...Tooltip.Default,\n  content: '',\n  offset: [0, 8],\n  placement: 'right',\n  template: '<div class=\"popover\" role=\"tooltip\">' +\n    '<div class=\"popover-arrow\"></div>' +\n    '<h3 class=\"popover-header\"></h3>' +\n    '<div class=\"popover-body\"></div>' +\n    '</div>',\n  trigger: 'click'\n}\n\nconst DefaultType = {\n  ...Tooltip.DefaultType,\n  content: '(null|string|element|function)'\n}\n\n/**\n * Class definition\n */\n\nclass Popover extends Tooltip {\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Overrides\n  _isWithContent() {\n    return this._getTitle() || this._getContent()\n  }\n\n  // Private\n  _getContentForTemplate() {\n    return {\n      [SELECTOR_TITLE]: this._getTitle(),\n      [SELECTOR_CONTENT]: this._getContent()\n    }\n  }\n\n  _getContent() {\n    return this._resolvePossibleFunction(this._config.content)\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Popover.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (typeof data[config] === 'undefined') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config]()\n    })\n  }\n}\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Popover)\n\nexport default Popover\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport {\n  defineJQueryPlugin, getElement, isDisabled, isVisible\n} from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'scrollspy'\nconst DATA_KEY = 'bs.scrollspy'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\n\nconst EVENT_ACTIVATE = `activate${EVENT_KEY}`\nconst EVENT_CLICK = `click${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\n\nconst CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item'\nconst CLASS_NAME_ACTIVE = 'active'\n\nconst SELECTOR_DATA_SPY = '[data-bs-spy=\"scroll\"]'\nconst SELECTOR_TARGET_LINKS = '[href]'\nconst SELECTOR_NAV_LIST_GROUP = '.nav, .list-group'\nconst SELECTOR_NAV_LINKS = '.nav-link'\nconst SELECTOR_NAV_ITEMS = '.nav-item'\nconst SELECTOR_LIST_ITEMS = '.list-group-item'\nconst SELECTOR_LINK_ITEMS = `${SELECTOR_NAV_LINKS}, ${SELECTOR_NAV_ITEMS} > ${SELECTOR_NAV_LINKS}, ${SELECTOR_LIST_ITEMS}`\nconst SELECTOR_DROPDOWN = '.dropdown'\nconst SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle'\n\nconst Default = {\n  offset: null, // TODO: v6 @deprecated, keep it for backwards compatibility reasons\n  rootMargin: '0px 0px -25%',\n  smoothScroll: false,\n  target: null,\n  threshold: [0.1, 0.5, 1]\n}\n\nconst DefaultType = {\n  offset: '(number|null)', // TODO v6 @deprecated, keep it for backwards compatibility reasons\n  rootMargin: 'string',\n  smoothScroll: 'boolean',\n  target: 'element',\n  threshold: 'array'\n}\n\n/**\n * Class definition\n */\n\nclass ScrollSpy extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    // this._element is the observablesContainer and config.target the menu links wrapper\n    this._targetLinks = new Map()\n    this._observableSections = new Map()\n    this._rootElement = getComputedStyle(this._element).overflowY === 'visible' ? null : this._element\n    this._activeTarget = null\n    this._observer = null\n    this._previousScrollData = {\n      visibleEntryTop: 0,\n      parentScrollTop: 0\n    }\n    this.refresh() // initialize\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  refresh() {\n    this._initializeTargetsAndObservables()\n    this._maybeEnableSmoothScroll()\n\n    if (this._observer) {\n      this._observer.disconnect()\n    } else {\n      this._observer = this._getNewObserver()\n    }\n\n    for (const section of this._observableSections.values()) {\n      this._observer.observe(section)\n    }\n  }\n\n  dispose() {\n    this._observer.disconnect()\n    super.dispose()\n  }\n\n  // Private\n  _configAfterMerge(config) {\n    // TODO: on v6 target should be given explicitly & remove the {target: 'ss-target'} case\n    config.target = getElement(config.target) || document.body\n\n    // TODO: v6 Only for backwards compatibility reasons. Use rootMargin only\n    config.rootMargin = config.offset ? `${config.offset}px 0px -30%` : config.rootMargin\n\n    if (typeof config.threshold === 'string') {\n      config.threshold = config.threshold.split(',').map(value => Number.parseFloat(value))\n    }\n\n    return config\n  }\n\n  _maybeEnableSmoothScroll() {\n    if (!this._config.smoothScroll) {\n      return\n    }\n\n    // unregister any previous listeners\n    EventHandler.off(this._config.target, EVENT_CLICK)\n\n    EventHandler.on(this._config.target, EVENT_CLICK, SELECTOR_TARGET_LINKS, event => {\n      const observableSection = this._observableSections.get(event.target.hash)\n      if (observableSection) {\n        event.preventDefault()\n        const root = this._rootElement || window\n        const height = observableSection.offsetTop - this._element.offsetTop\n        if (root.scrollTo) {\n          root.scrollTo({ top: height, behavior: 'smooth' })\n          return\n        }\n\n        // Chrome 60 doesn't support `scrollTo`\n        root.scrollTop = height\n      }\n    })\n  }\n\n  _getNewObserver() {\n    const options = {\n      root: this._rootElement,\n      threshold: this._config.threshold,\n      rootMargin: this._config.rootMargin\n    }\n\n    return new IntersectionObserver(entries => this._observerCallback(entries), options)\n  }\n\n  // The logic of selection\n  _observerCallback(entries) {\n    const targetElement = entry => this._targetLinks.get(`#${entry.target.id}`)\n    const activate = entry => {\n      this._previousScrollData.visibleEntryTop = entry.target.offsetTop\n      this._process(targetElement(entry))\n    }\n\n    const parentScrollTop = (this._rootElement || document.documentElement).scrollTop\n    const userScrollsDown = parentScrollTop >= this._previousScrollData.parentScrollTop\n    this._previousScrollData.parentScrollTop = parentScrollTop\n\n    for (const entry of entries) {\n      if (!entry.isIntersecting) {\n        this._activeTarget = null\n        this._clearActiveClass(targetElement(entry))\n\n        continue\n      }\n\n      const entryIsLowerThanPrevious = entry.target.offsetTop >= this._previousScrollData.visibleEntryTop\n      // if we are scrolling down, pick the bigger offsetTop\n      if (userScrollsDown && entryIsLowerThanPrevious) {\n        activate(entry)\n        // if parent isn't scrolled, let's keep the first visible item, breaking the iteration\n        if (!parentScrollTop) {\n          return\n        }\n\n        continue\n      }\n\n      // if we are scrolling up, pick the smallest offsetTop\n      if (!userScrollsDown && !entryIsLowerThanPrevious) {\n        activate(entry)\n      }\n    }\n  }\n\n  _initializeTargetsAndObservables() {\n    this._targetLinks = new Map()\n    this._observableSections = new Map()\n\n    const targetLinks = SelectorEngine.find(SELECTOR_TARGET_LINKS, this._config.target)\n\n    for (const anchor of targetLinks) {\n      // ensure that the anchor has an id and is not disabled\n      if (!anchor.hash || isDisabled(anchor)) {\n        continue\n      }\n\n      const observableSection = SelectorEngine.findOne(decodeURI(anchor.hash), this._element)\n\n      // ensure that the observableSection exists & is visible\n      if (isVisible(observableSection)) {\n        this._targetLinks.set(decodeURI(anchor.hash), anchor)\n        this._observableSections.set(anchor.hash, observableSection)\n      }\n    }\n  }\n\n  _process(target) {\n    if (this._activeTarget === target) {\n      return\n    }\n\n    this._clearActiveClass(this._config.target)\n    this._activeTarget = target\n    target.classList.add(CLASS_NAME_ACTIVE)\n    this._activateParents(target)\n\n    EventHandler.trigger(this._element, EVENT_ACTIVATE, { relatedTarget: target })\n  }\n\n  _activateParents(target) {\n    // Activate dropdown parents\n    if (target.classList.contains(CLASS_NAME_DROPDOWN_ITEM)) {\n      SelectorEngine.findOne(SELECTOR_DROPDOWN_TOGGLE, target.closest(SELECTOR_DROPDOWN))\n        .classList.add(CLASS_NAME_ACTIVE)\n      return\n    }\n\n    for (const listGroup of SelectorEngine.parents(target, SELECTOR_NAV_LIST_GROUP)) {\n      // Set triggered links parents as active\n      // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor\n      for (const item of SelectorEngine.prev(listGroup, SELECTOR_LINK_ITEMS)) {\n        item.classList.add(CLASS_NAME_ACTIVE)\n      }\n    }\n  }\n\n  _clearActiveClass(parent) {\n    parent.classList.remove(CLASS_NAME_ACTIVE)\n\n    const activeNodes = SelectorEngine.find(`${SELECTOR_TARGET_LINKS}.${CLASS_NAME_ACTIVE}`, parent)\n    for (const node of activeNodes) {\n      node.classList.remove(CLASS_NAME_ACTIVE)\n    }\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = ScrollSpy.getOrCreateInstance(this, config)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config]()\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(window, EVENT_LOAD_DATA_API, () => {\n  for (const spy of SelectorEngine.find(SELECTOR_DATA_SPY)) {\n    ScrollSpy.getOrCreateInstance(spy)\n  }\n})\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(ScrollSpy)\n\nexport default ScrollSpy\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap tab.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport SelectorEngine from './dom/selector-engine.js'\nimport { defineJQueryPlugin, getNextActiveElement, isDisabled } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'tab'\nconst DATA_KEY = 'bs.tab'\nconst EVENT_KEY = `.${DATA_KEY}`\n\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}`\nconst EVENT_KEYDOWN = `keydown${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}`\n\nconst ARROW_LEFT_KEY = 'ArrowLeft'\nconst ARROW_RIGHT_KEY = 'ArrowRight'\nconst ARROW_UP_KEY = 'ArrowUp'\nconst ARROW_DOWN_KEY = 'ArrowDown'\nconst HOME_KEY = 'Home'\nconst END_KEY = 'End'\n\nconst CLASS_NAME_ACTIVE = 'active'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_DROPDOWN = 'dropdown'\n\nconst SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle'\nconst SELECTOR_DROPDOWN_MENU = '.dropdown-menu'\nconst NOT_SELECTOR_DROPDOWN_TOGGLE = `:not(${SELECTOR_DROPDOWN_TOGGLE})`\n\nconst SELECTOR_TAB_PANEL = '.list-group, .nav, [role=\"tablist\"]'\nconst SELECTOR_OUTER = '.nav-item, .list-group-item'\nconst SELECTOR_INNER = `.nav-link${NOT_SELECTOR_DROPDOWN_TOGGLE}, .list-group-item${NOT_SELECTOR_DROPDOWN_TOGGLE}, [role=\"tab\"]${NOT_SELECTOR_DROPDOWN_TOGGLE}`\nconst SELECTOR_DATA_TOGGLE = '[data-bs-toggle=\"tab\"], [data-bs-toggle=\"pill\"], [data-bs-toggle=\"list\"]' // TODO: could only be `tab` in v6\nconst SELECTOR_INNER_ELEM = `${SELECTOR_INNER}, ${SELECTOR_DATA_TOGGLE}`\n\nconst SELECTOR_DATA_TOGGLE_ACTIVE = `.${CLASS_NAME_ACTIVE}[data-bs-toggle=\"tab\"], .${CLASS_NAME_ACTIVE}[data-bs-toggle=\"pill\"], .${CLASS_NAME_ACTIVE}[data-bs-toggle=\"list\"]`\n\n/**\n * Class definition\n */\n\nclass Tab extends BaseComponent {\n  constructor(element) {\n    super(element)\n    this._parent = this._element.closest(SELECTOR_TAB_PANEL)\n\n    if (!this._parent) {\n      return\n      // TODO: should throw exception in v6\n      // throw new TypeError(`${element.outerHTML} has not a valid parent ${SELECTOR_INNER_ELEM}`)\n    }\n\n    // Set up initial aria attributes\n    this._setInitialAttributes(this._parent, this._getChildren())\n\n    EventHandler.on(this._element, EVENT_KEYDOWN, event => this._keydown(event))\n  }\n\n  // Getters\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  show() { // Shows this elem and deactivate the active sibling if exists\n    const innerElem = this._element\n    if (this._elemIsActive(innerElem)) {\n      return\n    }\n\n    // Search for active tab on same parent to deactivate it\n    const active = this._getActiveElem()\n\n    const hideEvent = active ?\n      EventHandler.trigger(active, EVENT_HIDE, { relatedTarget: innerElem }) :\n      null\n\n    const showEvent = EventHandler.trigger(innerElem, EVENT_SHOW, { relatedTarget: active })\n\n    if (showEvent.defaultPrevented || (hideEvent && hideEvent.defaultPrevented)) {\n      return\n    }\n\n    this._deactivate(active, innerElem)\n    this._activate(innerElem, active)\n  }\n\n  // Private\n  _activate(element, relatedElem) {\n    if (!element) {\n      return\n    }\n\n    element.classList.add(CLASS_NAME_ACTIVE)\n\n    this._activate(SelectorEngine.getElementFromSelector(element)) // Search and activate/show the proper section\n\n    const complete = () => {\n      if (element.getAttribute('role') !== 'tab') {\n        element.classList.add(CLASS_NAME_SHOW)\n        return\n      }\n\n      element.removeAttribute('tabindex')\n      element.setAttribute('aria-selected', true)\n      this._toggleDropDown(element, true)\n      EventHandler.trigger(element, EVENT_SHOWN, {\n        relatedTarget: relatedElem\n      })\n    }\n\n    this._queueCallback(complete, element, element.classList.contains(CLASS_NAME_FADE))\n  }\n\n  _deactivate(element, relatedElem) {\n    if (!element) {\n      return\n    }\n\n    element.classList.remove(CLASS_NAME_ACTIVE)\n    element.blur()\n\n    this._deactivate(SelectorEngine.getElementFromSelector(element)) // Search and deactivate the shown section too\n\n    const complete = () => {\n      if (element.getAttribute('role') !== 'tab') {\n        element.classList.remove(CLASS_NAME_SHOW)\n        return\n      }\n\n      element.setAttribute('aria-selected', false)\n      element.setAttribute('tabindex', '-1')\n      this._toggleDropDown(element, false)\n      EventHandler.trigger(element, EVENT_HIDDEN, { relatedTarget: relatedElem })\n    }\n\n    this._queueCallback(complete, element, element.classList.contains(CLASS_NAME_FADE))\n  }\n\n  _keydown(event) {\n    if (!([ARROW_LEFT_KEY, ARROW_RIGHT_KEY, ARROW_UP_KEY, ARROW_DOWN_KEY, HOME_KEY, END_KEY].includes(event.key))) {\n      return\n    }\n\n    event.stopPropagation()// stopPropagation/preventDefault both added to support up/down keys without scrolling the page\n    event.preventDefault()\n\n    const children = this._getChildren().filter(element => !isDisabled(element))\n    let nextActiveElement\n\n    if ([HOME_KEY, END_KEY].includes(event.key)) {\n      nextActiveElement = children[event.key === HOME_KEY ? 0 : children.length - 1]\n    } else {\n      const isNext = [ARROW_RIGHT_KEY, ARROW_DOWN_KEY].includes(event.key)\n      nextActiveElement = getNextActiveElement(children, event.target, isNext, true)\n    }\n\n    if (nextActiveElement) {\n      nextActiveElement.focus({ preventScroll: true })\n      Tab.getOrCreateInstance(nextActiveElement).show()\n    }\n  }\n\n  _getChildren() { // collection of inner elements\n    return SelectorEngine.find(SELECTOR_INNER_ELEM, this._parent)\n  }\n\n  _getActiveElem() {\n    return this._getChildren().find(child => this._elemIsActive(child)) || null\n  }\n\n  _setInitialAttributes(parent, children) {\n    this._setAttributeIfNotExists(parent, 'role', 'tablist')\n\n    for (const child of children) {\n      this._setInitialAttributesOnChild(child)\n    }\n  }\n\n  _setInitialAttributesOnChild(child) {\n    child = this._getInnerElement(child)\n    const isActive = this._elemIsActive(child)\n    const outerElem = this._getOuterElement(child)\n    child.setAttribute('aria-selected', isActive)\n\n    if (outerElem !== child) {\n      this._setAttributeIfNotExists(outerElem, 'role', 'presentation')\n    }\n\n    if (!isActive) {\n      child.setAttribute('tabindex', '-1')\n    }\n\n    this._setAttributeIfNotExists(child, 'role', 'tab')\n\n    // set attributes to the related panel too\n    this._setInitialAttributesOnTargetPanel(child)\n  }\n\n  _setInitialAttributesOnTargetPanel(child) {\n    const target = SelectorEngine.getElementFromSelector(child)\n\n    if (!target) {\n      return\n    }\n\n    this._setAttributeIfNotExists(target, 'role', 'tabpanel')\n\n    if (child.id) {\n      this._setAttributeIfNotExists(target, 'aria-labelledby', `${child.id}`)\n    }\n  }\n\n  _toggleDropDown(element, open) {\n    const outerElem = this._getOuterElement(element)\n    if (!outerElem.classList.contains(CLASS_DROPDOWN)) {\n      return\n    }\n\n    const toggle = (selector, className) => {\n      const element = SelectorEngine.findOne(selector, outerElem)\n      if (element) {\n        element.classList.toggle(className, open)\n      }\n    }\n\n    toggle(SELECTOR_DROPDOWN_TOGGLE, CLASS_NAME_ACTIVE)\n    toggle(SELECTOR_DROPDOWN_MENU, CLASS_NAME_SHOW)\n    outerElem.setAttribute('aria-expanded', open)\n  }\n\n  _setAttributeIfNotExists(element, attribute, value) {\n    if (!element.hasAttribute(attribute)) {\n      element.setAttribute(attribute, value)\n    }\n  }\n\n  _elemIsActive(elem) {\n    return elem.classList.contains(CLASS_NAME_ACTIVE)\n  }\n\n  // Try to get the inner element (usually the .nav-link)\n  _getInnerElement(elem) {\n    return elem.matches(SELECTOR_INNER_ELEM) ? elem : SelectorEngine.findOne(SELECTOR_INNER_ELEM, elem)\n  }\n\n  // Try to get the outer element (usually the .nav-item)\n  _getOuterElement(elem) {\n    return elem.closest(SELECTOR_OUTER) || elem\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Tab.getOrCreateInstance(this)\n\n      if (typeof config !== 'string') {\n        return\n      }\n\n      if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {\n        throw new TypeError(`No method named \"${config}\"`)\n      }\n\n      data[config]()\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nEventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n  if (['A', 'AREA'].includes(this.tagName)) {\n    event.preventDefault()\n  }\n\n  if (isDisabled(this)) {\n    return\n  }\n\n  Tab.getOrCreateInstance(this).show()\n})\n\n/**\n * Initialize on focus\n */\nEventHandler.on(window, EVENT_LOAD_DATA_API, () => {\n  for (const element of SelectorEngine.find(SELECTOR_DATA_TOGGLE_ACTIVE)) {\n    Tab.getOrCreateInstance(element)\n  }\n})\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Tab)\n\nexport default Tab\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap toast.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport BaseComponent from './base-component.js'\nimport EventHandler from './dom/event-handler.js'\nimport { enableDismissTrigger } from './util/component-functions.js'\nimport { defineJQueryPlugin, reflow } from './util/index.js'\n\n/**\n * Constants\n */\n\nconst NAME = 'toast'\nconst DATA_KEY = 'bs.toast'\nconst EVENT_KEY = `.${DATA_KEY}`\n\nconst EVENT_MOUSEOVER = `mouseover${EVENT_KEY}`\nconst EVENT_MOUSEOUT = `mouseout${EVENT_KEY}`\nconst EVENT_FOCUSIN = `focusin${EVENT_KEY}`\nconst EVENT_FOCUSOUT = `focusout${EVENT_KEY}`\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\n\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_HIDE = 'hide' // @deprecated - kept here only for backwards compatibility\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_SHOWING = 'showing'\n\nconst DefaultType = {\n  animation: 'boolean',\n  autohide: 'boolean',\n  delay: 'number'\n}\n\nconst Default = {\n  animation: true,\n  autohide: true,\n  delay: 5000\n}\n\n/**\n * Class definition\n */\n\nclass Toast extends BaseComponent {\n  constructor(element, config) {\n    super(element, config)\n\n    this._timeout = null\n    this._hasMouseInteraction = false\n    this._hasKeyboardInteraction = false\n    this._setListeners()\n  }\n\n  // Getters\n  static get Default() {\n    return Default\n  }\n\n  static get DefaultType() {\n    return DefaultType\n  }\n\n  static get NAME() {\n    return NAME\n  }\n\n  // Public\n  show() {\n    const showEvent = EventHandler.trigger(this._element, EVENT_SHOW)\n\n    if (showEvent.defaultPrevented) {\n      return\n    }\n\n    this._clearTimeout()\n\n    if (this._config.animation) {\n      this._element.classList.add(CLASS_NAME_FADE)\n    }\n\n    const complete = () => {\n      this._element.classList.remove(CLASS_NAME_SHOWING)\n      EventHandler.trigger(this._element, EVENT_SHOWN)\n\n      this._maybeScheduleHide()\n    }\n\n    this._element.classList.remove(CLASS_NAME_HIDE) // @deprecated\n    reflow(this._element)\n    this._element.classList.add(CLASS_NAME_SHOW, CLASS_NAME_SHOWING)\n\n    this._queueCallback(complete, this._element, this._config.animation)\n  }\n\n  hide() {\n    if (!this.isShown()) {\n      return\n    }\n\n    const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE)\n\n    if (hideEvent.defaultPrevented) {\n      return\n    }\n\n    const complete = () => {\n      this._element.classList.add(CLASS_NAME_HIDE) // @deprecated\n      this._element.classList.remove(CLASS_NAME_SHOWING, CLASS_NAME_SHOW)\n      EventHandler.trigger(this._element, EVENT_HIDDEN)\n    }\n\n    this._element.classList.add(CLASS_NAME_SHOWING)\n    this._queueCallback(complete, this._element, this._config.animation)\n  }\n\n  dispose() {\n    this._clearTimeout()\n\n    if (this.isShown()) {\n      this._element.classList.remove(CLASS_NAME_SHOW)\n    }\n\n    super.dispose()\n  }\n\n  isShown() {\n    return this._element.classList.contains(CLASS_NAME_SHOW)\n  }\n\n  // Private\n\n  _maybeScheduleHide() {\n    if (!this._config.autohide) {\n      return\n    }\n\n    if (this._hasMouseInteraction || this._hasKeyboardInteraction) {\n      return\n    }\n\n    this._timeout = setTimeout(() => {\n      this.hide()\n    }, this._config.delay)\n  }\n\n  _onInteraction(event, isInteracting) {\n    switch (event.type) {\n      case 'mouseover':\n      case 'mouseout': {\n        this._hasMouseInteraction = isInteracting\n        break\n      }\n\n      case 'focusin':\n      case 'focusout': {\n        this._hasKeyboardInteraction = isInteracting\n        break\n      }\n\n      default: {\n        break\n      }\n    }\n\n    if (isInteracting) {\n      this._clearTimeout()\n      return\n    }\n\n    const nextElement = event.relatedTarget\n    if (this._element === nextElement || this._element.contains(nextElement)) {\n      return\n    }\n\n    this._maybeScheduleHide()\n  }\n\n  _setListeners() {\n    EventHandler.on(this._element, EVENT_MOUSEOVER, event => this._onInteraction(event, true))\n    EventHandler.on(this._element, EVENT_MOUSEOUT, event => this._onInteraction(event, false))\n    EventHandler.on(this._element, EVENT_FOCUSIN, event => this._onInteraction(event, true))\n    EventHandler.on(this._element, EVENT_FOCUSOUT, event => this._onInteraction(event, false))\n  }\n\n  _clearTimeout() {\n    clearTimeout(this._timeout)\n    this._timeout = null\n  }\n\n  // Static\n  static jQueryInterface(config) {\n    return this.each(function () {\n      const data = Toast.getOrCreateInstance(this, config)\n\n      if (typeof config === 'string') {\n        if (typeof data[config] === 'undefined') {\n          throw new TypeError(`No method named \"${config}\"`)\n        }\n\n        data[config](this)\n      }\n    })\n  }\n}\n\n/**\n * Data API implementation\n */\n\nenableDismissTrigger(Toast)\n\n/**\n * jQuery\n */\n\ndefineJQueryPlugin(Toast)\n\nexport default Toast\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap index.umd.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport Alert from './src/alert.js'\nimport Button from './src/button.js'\nimport Carousel from './src/carousel.js'\nimport Collapse from './src/collapse.js'\nimport Dropdown from './src/dropdown.js'\nimport Modal from './src/modal.js'\nimport Offcanvas from './src/offcanvas.js'\nimport Popover from './src/popover.js'\nimport ScrollSpy from './src/scrollspy.js'\nimport Tab from './src/tab.js'\nimport Toast from './src/toast.js'\nimport Tooltip from './src/tooltip.js'\n\nexport default {\n  Alert,\n  Button,\n  Carousel,\n  Collapse,\n  Dropdown,\n  Modal,\n  Offcanvas,\n  Popover,\n  ScrollSpy,\n  Tab,\n  Toast,\n  Tooltip\n}\n"],"mappings":"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"}
\ No newline at end of file
diff --git a/cli/medperf/web_ui/static/js/cc.js b/cli/medperf/web_ui/static/js/cc.js
index 7975e5571..d8dea308d 100644
--- a/cli/medperf/web_ui/static/js/cc.js
+++ b/cli/medperf/web_ui/static/js/cc.js
@@ -1,4 +1,6 @@
-const fields = [
+/* CC asset (model/dataset) configuration: uses our form design with submitActionForm and data-success-handler. */
+
+var CC_ASSET_FIELD_IDS = [
     "cc-project_id",
     "cc-project_number",
     "cc-bucket",
@@ -9,102 +11,129 @@ const fields = [
     "cc-wip_provider",
 ];
 
-function onCCEditRequestSuccess(response){
+function onCCEditRequestSuccess(response) {
     markAllStagesAsComplete();
-    if (response.status === "success"){
+    if (response && response.status === "success") {
         showReloadModal({
             title: "CC Configuration Edited Successfully",
-            seconds: 3
+            seconds: 3,
         });
-    }
-    else {
+    } else {
         showErrorModal("Failed to Edit CC Configuration", response);
     }
 }
 
-function onCCPolicyRequestSuccess(response){
-    if (response.status === "success"){
+function onCCPolicyRequestSuccess(response) {
+    markAllStagesAsComplete();
+    if (response && response.status === "success") {
         showReloadModal({
             title: "CC Policy Synced Successfully",
-            seconds: 3
+            seconds: 3,
         });
-    }
-    else {
+    } else {
         showErrorModal("Failed to Sync CC Policy", response);
     }
 }
 
-
-function checkForCCEditChanges() {
-    const preferences = window.ccPreferences || {};
-    const configured = preferences.can_apply;
-    const defaults = preferences.defaults || {};
-    const requireCCChanged = ($("#require-cc").is(":checked") !== configured)
-    var hasChanges = fields.some(field => {
-        let currentValue = $(`#${field}`).val();
-        let defaultValue = defaults[field] || "";
-        return currentValue !== defaultValue;
-    });
-    hasChanges = hasChanges || requireCCChanged;
-    $('#apply-cc-asset-btn').prop('disabled', !hasChanges);
+function checkForCCAssetChanges() {
+    var preferences = window.ccPreferences || {};
+    var defaultConfigureChecked = preferences.configured;
+    var defaults = preferences.defaults || {};
+    var configureEl = document.getElementById("configure-cc");
+    var configureChecked = configureEl ? configureEl.checked : false;
+    if (configureChecked !== defaultConfigureChecked) {
+        return true;
+    }
+    if (!configureChecked) {
+        // If checkbox was turned on, some input were written, then turned off, no changes.
+        return false;
+    }
+    for (var i = 0; i < CC_ASSET_FIELD_IDS.length; i++) {
+        var el = document.getElementById(CC_ASSET_FIELD_IDS[i]);
+        if (el) {
+            var currentValue = el.value || "";
+            var defaultKey = CC_ASSET_FIELD_IDS[i].replace(/^cc-/, "");
+            var defaultValue = (defaults[defaultKey] !== undefined) ? defaults[defaultKey] : "";
+            if (currentValue !== defaultValue) return true;
+        }
+    }
+    return false;
 }
 
-function SyncCCPolicy(syncCCPolicyBtn) {
-    const entityId = syncCCPolicyBtn.getAttribute("data-entity-id");
-    const entityType = syncCCPolicyBtn.getAttribute("data-entity-type");
-    const url = `/${entityType}s/sync_cc_policy`;
-    const formData = new FormData();
-    formData.append("entity_id", entityId);
-
-    disableElements(syncCCPolicyBtn);
-    disableElements(".card button");
-    ajaxRequest(
-        url,
-        "POST",
-        formData,
-        onCCPolicyRequestSuccess,
-        "Error syncing CC policy:"
-    );
+function checkFormValidity() {
+    var configureEl = document.getElementById("configure-cc");
+    var configureChecked = configureEl ? configureEl.checked : false;
+    if (!configureChecked) {
+        return true; // If CC is not configured, no need to validate fields
+    }
+    for (var i = 0; i < CC_ASSET_FIELD_IDS.length; i++) {
+        var el = document.getElementById(CC_ASSET_FIELD_IDS[i]);
+        if (el) {
+            var currentValue = el.value.trim() || "";
+            if (currentValue.length === 0) {
+                return false; // If any configured field is empty, form is not valid
+            }
+        }
+    }
+    return true;
 }
 
-async function editCCConfig(editCCConfigBtn) {
-    const formData = new FormData($("#edit-cc-asset-form")[0]);
-    const entityId = editCCConfigBtn.getAttribute("data-entity-id");
-    const entityType = editCCConfigBtn.getAttribute("data-entity-type");
-    formData.append("entity_id", entityId);
-    const url = `/${entityType}s/edit_cc_config`;
+function checkCanApplyChanges() {
+    var preferences = window.ccPreferences || {};
 
-    disableElements("#edit-cc-asset-form input, #edit-cc-asset-form button");
-    disableElements(".card button");
+    var canApplyWithoutChanges = !preferences.initialized && preferences.configured;
+    var hasChanges = checkForCCAssetChanges();
 
-    ajaxRequest(
-        url,
-        "POST",
-        formData,
-        onCCEditRequestSuccess,
-        "Error editing CC Configuration:"
-    );
-    showPanel(`Updating Model CC Configuration...`);
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
+    var applyBtn = document.getElementById("apply-cc-asset-btn");
+    if (applyBtn) {
+        if (!hasChanges) {
+            applyBtn.disabled = !canApplyWithoutChanges;
+        }
+        else {
+            applyBtn.disabled = !checkFormValidity();
+        }
+    }
 }
 
+function initCCAsset() {
+    var form = document.getElementById("edit-cc-asset-form");
+    if (form) {
+        form.addEventListener("submit", submitActionForm);
+        var configureEl = document.getElementById("configure-cc");
+        var fieldsContainer = document.getElementById("edit-cc-asset-fields");
+        if (configureEl && fieldsContainer) {
+            function toggleFields() {
+                fieldsContainer.style.display = configureEl.checked ? "" : "none";
+                if (!configureEl.checked) fieldsContainer.classList.add("hidden");
+                else fieldsContainer.classList.remove("hidden");
+            }
+            configureEl.addEventListener("change", toggleFields);
+            toggleFields();
+        }
+        var inputs = form.querySelectorAll("input[type='text'], input[id='configure-cc']");
+        for (var i = 0; i < inputs.length; i++) {
+            inputs[i].addEventListener("keyup", checkCanApplyChanges);
+            inputs[i].addEventListener("change", checkCanApplyChanges);
+        }
+        checkCanApplyChanges();
+    }
+    var syncForm = document.getElementById("sync-cc-policy-form");
+    if (syncForm) syncForm.addEventListener("submit", submitActionForm);
 
-$(document).ready(() => {    
-    const checkbox = $("#require-cc");
-    checkbox.on("change", () => {
-        $("#edit-cc-asset-fields").toggle(checkbox.is(":checked"));
+    var configureEl = document.getElementById("configure-cc");
+    if (configureEl) configureEl.addEventListener("change", function() {
+        var syncBtn = document.getElementById("sync-cc-policy-btn");
+        if (syncBtn) {
+            syncBtn.style.display = configureEl.checked ? "" : "none";
+        }
     });
-    $("#edit-cc-asset-fields").toggle(checkbox.is(":checked"));
 
-    fields + ["require-cc"].forEach(field => $(`#${field}`).on('keyup, change', checkForCCEditChanges));
-    checkForCCEditChanges();
-    
-    $("#apply-cc-asset-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, editCCConfig, "edit CC configuration?");
-    });
+}
 
-    $("#sync-cc-policy-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, SyncCCPolicy, "sync CC policy?");
-    });
-});
+if (typeof window !== "undefined") {
+    window.onCCEditRequestSuccess = onCCEditRequestSuccess;
+    window.onCCPolicyRequestSuccess = onCCPolicyRequestSuccess;
+}
+
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", initCCAsset);
+else initCCAsset();
diff --git a/cli/medperf/web_ui/static/js/cc_operator.js b/cli/medperf/web_ui/static/js/cc_operator.js
index 5e42877f8..9acbefbdb 100644
--- a/cli/medperf/web_ui/static/js/cc_operator.js
+++ b/cli/medperf/web_ui/static/js/cc_operator.js
@@ -1,65 +1,112 @@
-const fields = [
+/* CC operator configuration (settings page): uses our form design with submitActionForm and data-success-handler. */
+
+var CC_OPERATOR_FIELD_IDS = [
     "operator-project_id",
     "operator-service_account_name",
     "operator-bucket",
     "operator-vm_zone",
     "operator-vm_name",
 ];
+var CC_OPERATOR_DEFAULT_KEYS = ["project_id", "service_account_name", "bucket", "vm_zone", "vm_name"];
 
-function checkForCCEditChanges() {
-    const preferences = window.ccPreferences || {};
-    const configured = preferences.can_apply;
-    const defaults = preferences.defaults || {};
-    const requireCCChanged = ($("#require-cc-operator").is(":checked") !== configured)
-    var hasChanges = fields.some(field => {
-        let currentValue = $(`#${field}`).val();
-        let defaultValue = defaults[field] || "";
-        return currentValue !== defaultValue;
-    });
-    hasChanges = hasChanges || requireCCChanged;
-    $('#apply-cc-operator-btn').prop('disabled', !hasChanges);
+function onCCOperatorEditRequestSuccess(response) {
+    markAllStagesAsComplete();
+    if (response && response.status === "success") {
+        showReloadModal({
+            title: "CC Configuration Edited Successfully",
+            seconds: 3,
+        });
+    } else {
+        showErrorModal("Failed to Edit CC Configuration", response);
+    }
 }
 
-function editCCConfig(editCCConfigBtn) {
-    const formData = new FormData($("#edit-cc-operator-form")[0]);
-
-    // TODO: properly disable elements
-    disableElements("#profiles-form select, #profiles-form button");
-    disableElements("#edit-config-form input, #edit-config-form button, #edit-config-form select");
-    disableElements("#certificate-settings button");
+function checkForCCOperatorChanges() {
+    var preferences = window.ccOperatorPreferences || window.ccPreferences || {};
+    var defaultConfigureChecked = preferences.configured;
+    var defaults = preferences.defaults || {};
+    var configureEl = document.getElementById("configure-cc-operator");
+    var configureChecked = configureEl ? configureEl.checked : false;
+    if (configureChecked !== defaultConfigureChecked) {
+        return true;
+    }
+    if (!configureChecked) {
+        // If checkbox was turned on, some input were written, then turned off, no changes.
+        return false;
+    }
+    for (var i = 0; i < CC_OPERATOR_FIELD_IDS.length; i++) {
+        var el = document.getElementById(CC_OPERATOR_FIELD_IDS[i]);
+        if (el) {
+            var currentValue = el.value || "";
+            var defaultKey = CC_OPERATOR_DEFAULT_KEYS[i];
+            var defaultValue = (defaults[defaultKey] !== undefined) ? defaults[defaultKey] : "";
+            if (currentValue !== defaultValue) return true;
+        }
+    }
+    return false;
+}
 
-    ajaxRequest(
-        "/settings/edit_cc_operator",
-        "POST",
-        formData,
-        (response) => {
-            if (response.status === "success") {
-                showReloadModal({
-                    title: "CC Configuration Edited Successfully",
-                    seconds: 3
-                });
-            }
-            else {
-                showErrorModal("Failed to Edit CC Configuration", response);
+function checkFormValidity() {
+    var configureEl = document.getElementById("configure-cc-operator");
+    var configureChecked = configureEl ? configureEl.checked : false;
+    if (!configureChecked) {
+        return true; // If CC is not configured, no need to validate fields
+    }
+    for (var i = 0; i < CC_OPERATOR_FIELD_IDS.length; i++) {
+        var el = document.getElementById(CC_OPERATOR_FIELD_IDS[i]);
+        if (el) {
+            var currentValue = el.value.trim() || "";
+            if (currentValue.length === 0) {
+                return false; // If any configured field is empty, form is not valid
             }
-        },
-        "Error editing CC Configuration:"
-    );
+        }
+    }
+    return true;
 }
 
+function checkCanApplyChanges() {
+    var preferences = window.ccOperatorPreferences || window.ccPreferences || {};
 
-$(document).ready(() => {
-    const checkbox = $("#require-cc-operator");
-    checkbox.on("change", () => {
-        $("#edit-cc-operator-fields").toggle(checkbox.is(":checked"));
-    });
-    $("#edit-cc-operator-fields").toggle(checkbox.is(":checked"));
+    var canApplyWithoutChanges = !preferences.initialized && preferences.configured;
+    var hasChanges = checkForCCOperatorChanges();
 
-    fields + ["require-cc-operator"].forEach(field => $(`#${field}`).on('keyup, change', checkForCCEditChanges));
-    checkForCCEditChanges();
+    var applyBtn = document.getElementById("apply-cc-operator-btn");
+    if (applyBtn) {
+        if (!hasChanges) {
+            applyBtn.disabled = !canApplyWithoutChanges;
+        }
+        else {
+            applyBtn.disabled = !checkFormValidity();
+        }
+    }
+}
+
+function initCCOperator() {
+    var form = document.getElementById("edit-cc-operator-form");
+    if (!form) return;
+    form.addEventListener("submit", submitActionForm);
+    var configureEl = document.getElementById("configure-cc-operator");
+    var fieldsContainer = document.getElementById("edit-cc-operator-fields");
+    if (configureEl && fieldsContainer) {
+        function toggleFields() {
+            fieldsContainer.style.display = configureEl.checked ? "" : "none";
+            if (!configureEl.checked) fieldsContainer.classList.add("hidden");
+            else fieldsContainer.classList.remove("hidden");
+        }
+        configureEl.addEventListener("change", toggleFields);
+        toggleFields();
+    }
+    var inputs = form.querySelectorAll("input[type='text'], input[id='configure-cc-operator']");
+    for (var i = 0; i < inputs.length; i++) {
+        inputs[i].addEventListener("keyup", checkCanApplyChanges);
+        inputs[i].addEventListener("change", checkCanApplyChanges);
+    }
+    checkCanApplyChanges();
+}
 
-    $("#apply-cc-operator-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, editCCConfig, "edit CC configuration?");
-    });
+if (typeof window !== "undefined") {
+    window.onCCOperatorEditRequestSuccess = onCCOperatorEditRequestSuccess;
+}
 
-});
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", initCCOperator);
+else initCCOperator();
diff --git a/cli/medperf/web_ui/static/js/common.js b/cli/medperf/web_ui/static/js/common.js
index f044b1e2a..c9f53adc7 100644
--- a/cli/medperf/web_ui/static/js/common.js
+++ b/cli/medperf/web_ui/static/js/common.js
@@ -1,410 +1,407 @@
-function formatDate(dateString) {
-    const date = new Date(dateString);
-    const now = new Date();
-    const options = {
-        weekday: "short",
-        month: "short",
-        day: "numeric",
-        hour: "2-digit",
-        minute: "2-digit",
-        timeZoneName: "short"
-    };
-    if (date.getFullYear() !== now.getFullYear()) {
-        options.year = "numeric";
-    }
-    return date.toLocaleDateString(undefined, options);
-}
-
-function applyDateFormatting() {
-    const dateElements =  $("[data-date]");
-    dateElements.each((_, element) => {
-        const date = element.getAttribute("data-date");
-        element.textContent = formatDate(date);
-    });
-}
-
-// Floating alert notifications
-function displayAlert(type, message) {
-    const alertContainer = document.createElement("div");
-    alertContainer.className = `alert alert-${type} alert-dismissible fade show floating-alert`;
-    alertContainer.setAttribute("role", "alert");
-    alertContainer.innerHTML = `
-        ${message}
-        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-    `;
-
-    document.body.appendChild(alertContainer);
-}
-
-// Clear all alerts
-function clearAlerts() {
-    document.querySelectorAll(".floating-alert").forEach(alert => alert.remove());
-}
-
-function onRequestFailure(xhr, status, error, errorMessage){
-    console.log(errorMessage, error);
-    console.error("Error:", xhr.responseText);
-}
-
-function ajaxRequest(requestUrl, requestType, requestBody, successFunctionCallback, errorMessage){
-    $.ajax({
-        url: requestUrl,
-        type: requestType,
-        data: requestBody,
-        processData: false,
-        contentType: false,
-        async: true,
-        success: function(response) {
-            successFunctionCallback(response);
-            
-        },
-        error: function(xhr, status, error) {
-            onRequestFailure(xhr, status, error, errorMessage);
-        }
-    });
-}
-
-function disableElements(selector){
-    $(selector).prop("disabled", true);
-}
-
-function enableElements(selector){
-    $(selector).prop("disabled", false);
-}
-
-function showReloadModal({ title, seconds, url=null }){
-    const extra_fn = () => {
-        timer({
-            seconds: seconds,
-            url: url
-        });
-    }
-
-    showModal({
-        title: title,
-        body: '<p id="popup-text"></p>',
-        extra_func: extra_fn
-    });
-}
-
-function timer({seconds, url=null}){
-    $("#popup-text").html(`The window will reload in <span id='timer'>${seconds}</span> ...`);
-    const timerInterval = setInterval(function() {
-        seconds--;
-        $("#timer").text(seconds);
-
-        if (seconds === 0) {
-            clearInterval(timerInterval);
-            if(url)
-                window.location.href = url;
-            else
-                reloadPage();
-        }
-    }, 1000);
-}
-
-function markAllStagesAsComplete(){
-    $("#stages-list > li").each((_, element) => {
-        markStageAsComplete(element);
-    });
-}
-
-function addSpinner(element){
-    element.innerHTML += `
-        <span class="spinner-border spinner-border-sm ms-2" role="status" aria-hidden="true"></span>
-    `;
-}
-
-function showPanel(title){
-    $("#panel-title").text(title);
-    $("#panel").show();
-}
-
-function showErrorModal(errorTitle, response){
-    const responseError = response.error;
-    const responseStatus = response.status;
-    let errorText = "";
-    if (responseError){
-        errorText += responseError.replace("\n", "<br>") + "<br>";
-    }
-    if (responseStatus){
-        errorText += responseStatus.replace("\n", "<br>");
-    }
-
-    const modalBody = `
-        <p id="error-text" class="fs-5 text-danger fw-bold">
-            ${errorText}
-        </p>
-
-        <p class="text-end mt-3">
-            <button type="button" class="btn" onclick="reloadPage();">
-                Click here to reload
-            </button>
-        </p>
-    `;
-    const modalFooter = '<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Hide</button>';
-
-    showModal({
-        title: errorTitle,
-        body: modalBody,
-        footer: modalFooter
-    });
-}
-
-function showConfirmModal(clickedBtn, callback, message){
-    const modalTitle = "Confirmation Prompt";
-    const modalBody = `<p id="confirm-text" class="fs-5">Are you sure you want to ${message}</p>`;
-    const modalFooter = `
-    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">
-        Cancel
-    </button>
-
-    <button id="confirmation-btn"
-            type="button"
-            class="btn btn-success"
-            data-bs-dismiss="modal">
-        Confirm
-    </button>
-    `;
-    
-    const extra_fn = () => {
-        $("#confirmation-btn").off("click").on("click", () => {
-            callback(clickedBtn);
-        });
-    };
-
-    showModal({
-        title: modalTitle,
-        body: modalBody,
-        footer: modalFooter,
-        extra_func: extra_fn
-    });
-}
-
-function getTaskId(){
-    return new Promise((resolve, reject) => {
-        $.ajax({
-            url: "/current_task",
-            method: "get",
-            success: function (response) {
-                resolve(response.task_id);
-            },
-            error: function (xhr, status, error) {
-                console.error("Failed to get task id:", error);
-                reject(error);
-            }
-        });
-    });
-}
-
-function respondToPrompt(value){
-    $.ajax({
-        url: "/events",
-        type: "POST",
-        data: { is_approved: value },
-    });
-    window.isPromptReceived = false;
-    document.getElementById("prompt-text").innerHTML = "";
-    document.getElementById("prompt-container").removeAttribute("style");
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
-
-function resumeRunningTask(buttonSelector, panelTitle, callback){
-    if(buttonSelector){
-        if (typeof buttonSelector === "object"){
-            buttonSelector.forEach(selector => {
-                addSpinner($(selector)[0]);
-            });
-        }
-        else{
-            addSpinner($(buttonSelector)[0]);
-        }
-    }
-    
-    if (panelTitle) {
-        showPanel(panelTitle);
-    }
-
-    window.onPromptComplete = callback;
-    streamEvents(logPanel, stagesList, currentStageElement, true);
-}
-
-function reloadPage(){
-    window.location.reload(true);
-}
-
-function getEntities(switchElement){
-    const entity_name = switchElement.getAttribute("data-entity-name");
-    const mine_only = switchElement.checked;
-    window.location.href = `/${entity_name}/ui?mine_only=${mine_only}`;
-}
-
-function onLogoutSuccess(response){
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Successfully Logged Out",
-            seconds: 1,
-            url:"/medperf_login"
-        });
-    }
-    else{
-        showErrorModal("Logout Failed", response);
-    }
-}
-
-async function logout(){
-    ajaxRequest(
-        "/logout",
-        "POST",
-        null,
-        onLogoutSuccess,
-        "Error logging out:"
-    )
-    window.runningTaskId = await getTaskId();
-}
-
-function showCriticalPopup(data){
-    const modalTitle = "Critical Warning";
-    const modalTitleClasses = "fw-bold text-danger";
-    const modalBody = `<p id="warning-text" class="fs-5 fw-bold text-danger">${data.message}</p>`;
-    const modalFooter = `
-    <button 
-        id="acknowledge-btn" 
-        type="button" 
-        class="btn btn-success" 
-        data-bs-dismiss="modal" 
-        onclick="acknowledgeWarning(this);" 
-        data-event-id="${data.id}"
-    >
-        Acknowledge
-    </button>`;
-
-    showModal({
-        title: modalTitle,
-        body: modalBody,
-        footer: modalFooter,
-        titleClasses: modalTitleClasses,
-    });
-}
-
-function acknowledgeWarning(ackBtn){
-    const eventId = ackBtn.getAttribute("data-event-id");
-    const formData = new FormData();
-    formData.append("event_id", eventId);
-    
-    ajaxRequest(
-        "/events/acknowledge_event",
-        "POST",
-        formData,
-        () => {},
-        "Cannot acknowledge event:"
-    )
-}
-
-function showModal({ title, body, footer="", titleClasses="", modalClasses="", extra_func=null }) {
-    requestModal(() => { 
-        resetModal();
-        $("#page-modal-dialog").addClass(modalClasses);
-        $("#page-modal-title")
-            .attr("class", "")
-            .addClass(titleClasses)
-            .html(title);
-
-        $("#page-modal-body").html(body);
-        $("#page-modal-footer").html(footer);
-
-        if (typeof extra_func === "function") {
-            extra_func();
-        }
-
-        const modal = new bootstrap.Modal("#page-modal", {
-            keyboard: false,
-            backdrop: "static",
-        });
-        modal.show();
-    });
-}
-
-function requestModal(showFn) {
-    if (!window.modalOpen) {
-        window.modalOpen = true;
-        showFn();
-    } else {
-        window.modalQueue.push(showFn);
-    }
-}
-
-function resetModal(){
-    $("#page-modal-dialog").attr("class", "modal-dialog");
-    $("#page-modal-title").attr("class", "modal-title fs-5").html("");
-    $("#page-modal-body").html("");
-    $("#page-modal-footer").html("");
-}
-
-let currentStageElement = null, logPanel, stagesList;
-window.isPromptReceived = false;
-window.onPromptComplete = null;
-const logNodes = [];
-window.modalQueue = [];
-window.modalOpen = false;
-
-$(document).ready(() => {
-    applyDateFormatting();
-
-    const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
-    const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
-    
-    window.notifications.forEach(notification => {
-        addNotification(notification);
-    });
-
-    logPanel = document.getElementById('log-panel');
-    stagesList = document.getElementById('stages-list');
-    
-    $("#respond-no-btn").on("click", () => respondToPrompt(false));
-    $("#respond-yes-btn").on("click", () => respondToPrompt(true));
-
-    $("#hide-yaml").on("click", (e) => {
-        e.preventDefault();
-        $("#yaml-panel").hide();
-        $("#hide-yaml").hide();
-    });
-
-    $(".yaml-link").on("click", (e) => {
-        const fieldName = e.currentTarget.getAttribute("data-field");
-        const yamlData = JSON.parse(e.currentTarget.getAttribute("data-yaml-data"));
-        const yamlDataPrettified = JSON.stringify(yamlData, null, 2);
-
-        const modalTitle = fieldName;
-        const modalBody = `<pre id="modal-yaml-content" class="language-yaml">${yamlDataPrettified}</pre>`
-        const modalFooter = '<button type="button" class="btn btn-primary" data-bs-dismiss="modal" aria-label="Close">Close</button>';
-        const extra_fn = () => { Prism.highlightElement($("#modal-yaml-content")[0]); }
-
-        showModal({
-            title: modalTitle,
-            body: modalBody,
-            footer: modalFooter,
-            modalClasses: "modal-lg",
-            extra_func: extra_fn
-        });
-
-    });
-
-    $("#logout-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, logout, "logout?");
-    });
-
-    $("form").on("submit", (e) => {
-        e.preventDefault();
-    });
-
-    document.addEventListener("hidden.bs.modal", function () {
-        window.modalOpen = false;
-
-        if (window.modalQueue.length > 0) {
-            const nextModal = window.modalQueue.shift();
-            window.modalOpen = true;
-            nextModal();
-        }
-    });
-});
\ No newline at end of file
+
+function formatDate(dateString) {
+    var date = new Date(dateString);
+    var now = new Date();
+    var options = {
+        weekday: "short",
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+        timeZoneName: "short"
+    };
+    if (date.getFullYear() !== now.getFullYear()) options.year = "numeric";
+    return date.toLocaleDateString(undefined, options);
+}
+
+function timeAgo(secondsSinceEpoch) {
+    var ts = typeof secondsSinceEpoch === "number" ? secondsSinceEpoch * 1000 : new Date(secondsSinceEpoch).getTime();
+    var seconds = Math.floor((Date.now() - ts) / 1000);
+    if (seconds < 5) return "Just now";
+    if (seconds < 60) return seconds + " sec ago";
+    var minutes = Math.floor(seconds / 60);
+    if (minutes < 60) return minutes + " min ago";
+    var hours = Math.floor(minutes / 60);
+    if (hours < 24) return hours + " hr" + (hours > 1 ? "s" : "") + " ago";
+    var days = Math.floor(hours / 24);
+    return days + " day" + (days > 1 ? "s" : "") + " ago";
+}
+
+function applyDateFormatting() {
+    document.querySelectorAll("[data-date]").forEach(function (el) {
+        var date = el.getAttribute("data-date");
+        if (!date) return;
+        if (el.getAttribute("data-date-format") === "timeago") {
+            el.textContent = timeAgo(date);
+        } else {
+            el.textContent = formatDate(date);
+        }
+    });
+}
+
+var DISPLAY_ALERT_AUTO_DISMISS_MS = 5000;
+
+function displayAlert(type, message, durationMs) {
+    var duration = durationMs != null ? durationMs : DISPLAY_ALERT_AUTO_DISMISS_MS;
+    var classMap = {
+        success: "display-alert-success",
+        danger: "display-alert-danger",
+        warning: "display-alert-warning",
+        info: "display-alert-info"
+    };
+    var iconMap = {
+        success: "&#10003;",
+        danger: "&#9888;",
+        warning: "&#9888;",
+        info: "&#8505;"
+    };
+    var alertEl = document.createElement("div");
+    alertEl.className = "display-alert pointer-events-auto " + (classMap[type] || classMap.info);
+    alertEl.setAttribute("role", "alert");
+    alertEl.innerHTML =
+        "<span class=\"display-alert-icon\" aria-hidden=\"true\">" + (iconMap[type] || iconMap.info) + "</span>" +
+        "<span class=\"display-alert-message\">" + escapeHtml(message) + "</span>" +
+        "<button type=\"button\" class=\"display-alert-close\" aria-label=\"Close\">&times;</button>" +
+        "<span class=\"display-alert-progress\"></span>";
+    var container = document.getElementById("toast-container");
+    if (!container) {
+        container = document.body;
+        alertEl.classList.add("display-alert-fixed");
+    }
+    container.appendChild(alertEl);
+
+    var closeBtn = alertEl.querySelector(".display-alert-close");
+    closeBtn.addEventListener("click", function () { removeAlert(alertEl); });
+
+    var progressEl = alertEl.querySelector(".display-alert-progress");
+    if (progressEl) {
+        if (duration > 0) {
+            progressEl.style.animationDuration = (duration / 1000) + "s";
+        } else {
+            progressEl.style.display = "none";
+        }
+    }
+
+    var timeoutId = setTimeout(function () { removeAlert(alertEl); }, duration);
+    alertEl._alertTimeoutId = timeoutId;
+}
+
+function escapeHtml(text) {
+    var div = document.createElement("div");
+    div.textContent = text;
+    return div.innerHTML;
+}
+
+function removeAlert(alertEl) {
+    if (alertEl._alertTimeoutId) clearTimeout(alertEl._alertTimeoutId);
+    alertEl.classList.add("display-alert-out");
+    setTimeout(function () { alertEl.remove(); }, 280);
+}
+
+function clearAlerts() {
+    document.querySelectorAll(".floating-alert, .display-alert").forEach(function (a) { a.remove(); });
+}
+
+function onRequestFailure(xhr, status, error, errorMessage) {
+    console.log(errorMessage, error);
+    console.error("Error:", xhr && xhr.responseText);
+}
+
+function ajaxRequest(requestUrl, requestType, requestBody, successFunctionCallback, errorMessage) {
+    var opts = { method: requestType, headers: {} };
+    if (requestBody instanceof FormData) {
+        opts.body = requestBody;
+    } else if (requestBody != null) {
+        opts.body = typeof requestBody === "string" ? requestBody : JSON.stringify(requestBody);
+        opts.headers["Content-Type"] = "application/json";
+    }
+    fetch(requestUrl, opts)
+        .then(function (res) {
+            var ct = res.headers.get("content-type");
+            if (res.status === 204 || !ct || ct.indexOf("json") === -1) return {};
+            return res.json();
+        })
+        .then(successFunctionCallback)
+        .catch(function (err) {
+            onRequestFailure(null, "error", err, errorMessage);
+        });
+}
+
+function disableElements(selector) {
+    document.querySelectorAll(selector).forEach(function (el) { el.disabled = true; });
+}
+
+function enableElements(selector) {
+    document.querySelectorAll(selector).forEach(function (el) { el.disabled = false; });
+}
+
+function showReloadModal(opts) {
+    var title = opts.title, seconds = opts.seconds, url = opts.url || null;
+    showModal({
+        title: title,
+        body: "<p id=\"popup-text\"></p>",
+        extra_func: function () {
+            timer({ seconds: seconds, url: url });
+        }
+    });
+}
+
+function timer(opts) {
+    var seconds = opts.seconds, url = opts.url || null;
+    var popup = document.getElementById("popup-text");
+    if (popup) popup.innerHTML = "The window will reload in <span id=\"timer\">" + seconds + "</span> ...";
+    var timerInterval = setInterval(function () {
+        seconds--;
+        var t = document.getElementById("timer");
+        if (t) t.textContent = seconds;
+        if (seconds <= 0) {
+            clearInterval(timerInterval);
+            if (url) window.location.href = url;
+            else reloadPage();
+        }
+    }, 1000);
+}
+
+function markAllStagesAsComplete() {
+    var list = document.getElementById("stages-list");
+    if (list) list.querySelectorAll(":scope > li").forEach(function (el) { markStageAsComplete(el); });
+}
+
+var STAGE_SPINNER_CLASS = "inline-block w-5 h-5 flex-shrink-0 border-2 border-green-600 dark:border-green-400 border-t-transparent dark:border-t-transparent rounded-full animate-spin";
+
+function addSpinner(element) {
+    if (!element) return;
+    var span = document.createElement("span");
+    span.className = STAGE_SPINNER_CLASS;
+    span.setAttribute("role", "status");
+    span.setAttribute("aria-hidden", "true");
+    if (element.tagName === "BUTTON" || element.tagName === "A") {
+        element.disabled = true;
+        element.setAttribute("aria-busy", "true");
+        if (!element.classList.contains("inline-flex")) element.classList.add("inline-flex", "items-center", "justify-center", "gap-2");
+        element.insertBefore(span, element.firstChild);
+    } else {
+        span.classList.add("ml-2");
+        element.appendChild(span);
+    }
+}
+
+function showPanel(title) {
+    var panelTitle = document.getElementById("panel-title");
+    var panel = document.getElementById("panel");
+    if (panelTitle) panelTitle.textContent = title;
+    if (panel) { panel.style.display = ""; panel.classList.remove("hidden"); }
+    window.scrollTo({ top: document.body.scrollHeight, behavior: "smooth" });
+}
+
+function showErrorModal(errorTitle, response) {
+    var responseError = (response && response.error) || "";
+    var responseStatus = (response && response.status) || "";
+    var errorText = (responseError + (responseError ? "<br>" : "") + responseStatus).replace(/\n/g, "<br>");
+    var modalBody = "<p id=\"error-text\" class=\"text-lg font-bold text-red-600 dark:text-red-400\">" + errorText + "</p><p class=\"text-end mt-3\"><button type=\"button\" class=\"px-4 py-2 rounded-lg bg-gray-200 dark:bg-gray-600 hover:bg-gray-300 dark:hover:bg-gray-500 cursor-pointer\" onclick=\"reloadPage();\">Click here to reload</button></p>";
+    var modalFooter = "<button type=\"button\" class=\"px-4 py-2 rounded-xl bg-red-600 text-white font-semibold hover:bg-red-700 close-modal-btn\">Hide</button>";
+    showModal({ title: errorTitle, body: modalBody, footer: modalFooter });
+}
+
+function showConfirmModal(clickedBtn, callback, message) {
+    var modalTitle = "Confirmation Prompt";
+    var modalBody = "<p id=\"confirm-text\" class=\"text-lg\">Are you sure you want to " + message + "</p>";
+    var modalFooter = "<button type=\"button\" class=\"px-4 py-2 rounded-xl bg-gray-200 dark:bg-gray-600 hover:bg-gray-300 dark:hover:bg-gray-500 text-gray-900 dark:text-white font-semibold close-modal-btn\">Cancel</button><button id=\"confirmation-btn\" type=\"button\" class=\"px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 close-modal-btn\">Confirm</button>";
+    var extra = function () {
+        var confirmBtn = document.getElementById("confirmation-btn");
+        if (confirmBtn) confirmBtn.addEventListener("click", function () {
+            callback(clickedBtn);
+            window.hidePageModal();
+            window.onModalHidden();
+        });
+        document.querySelectorAll(".close-modal-btn").forEach(function (btn) {
+            if (btn.id !== "confirmation-btn") btn.addEventListener("click", function () { window.hidePageModal(); window.onModalHidden(); });
+        });
+    };
+    showModal({ title: modalTitle, body: modalBody, footer: modalFooter, extra_func: extra });
+}
+
+function respondToPrompt(value) {
+    var formData = new FormData();
+    formData.append("task_name", window.taskName || "");
+    formData.append("is_approved", value ? "true" : "false");
+    fetch("/events", { method: "POST", body: formData });
+    window.isPromptReceived = false;
+    var promptText = document.getElementById("prompt-text");
+    var promptContainer = document.getElementById("prompt-container");
+    if (promptText) promptText.innerHTML = "";
+    if (promptContainer) promptContainer.classList.add("hidden");
+    streamEvents(logPanel, stagesList, currentStageElement);
+}
+
+function resumeRunningTask(formSelector) {
+    const form = document.querySelector(formSelector);
+    const submitBtn = document.querySelector(formSelector + ' button[type="submit"]');
+    const panelTitle = document.querySelector(formSelector)?.getAttribute("data-panel-title");
+    const taskName = form.querySelector('input[name="task_name"]')?.value;
+    
+    window.taskName = taskName || "";
+    addSpinner(submitBtn);
+    showPanel(panelTitle + "...");
+    window.onPromptComplete = onActionSuccess(panelTitle, null);
+    streamEvents(logPanel, stagesList, currentStageElement, true);
+}
+
+function reloadPage() {
+    window.location.reload();
+}
+
+function getEntities(switchElement) {
+    var entity_name = switchElement.getAttribute("data-entity-name");
+    var mine_only = switchElement.checked;
+    window.location.href = "/" + entity_name + "/ui?mine_only=" + (mine_only ? "true" : "false");
+}
+
+function onLogoutSuccess(response) {
+    if (response && response.status === "success") {
+        showReloadModal({ title: "Successfully Logged Out", seconds: 1, url: "/medperf_login" });
+    } else {
+        showErrorModal("Logout Failed", response);
+    }
+}
+
+function logout() {
+    ajaxRequest("/logout", "POST", null, onLogoutSuccess, "Error logging out:");
+}
+
+function showCriticalPopup(data) {
+    var modalTitle = "Critical Warning";
+    var modalTitleClasses = "font-bold text-red-600 dark:text-red-400";
+    var modalBody = "<p id=\"warning-text\" class=\"text-lg font-bold text-red-600 dark:text-red-400\">" + (data && data.message ? data.message : "") + "</p>";
+    var modalFooter = "<button id=\"acknowledge-btn\" type=\"button\" class=\"px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold close-modal-btn\" onclick=\"acknowledgeWarning(this);\" data-event-id=\"" + (data && data.id ? data.id : "") + "\">Acknowledge</button>";
+    var extra = function () {
+        document.getElementById("acknowledge-btn");
+    };
+    showModal({ title: modalTitle, body: modalBody, footer: modalFooter, titleClasses: modalTitleClasses, extra_func: extra });
+}
+
+function acknowledgeWarning(ackBtn) {
+    var eventId = ackBtn.getAttribute("data-event-id");
+    var formData = new FormData();
+    formData.append("event_id", eventId);
+    fetch("/events/acknowledge_event", { method: "POST", body: formData }).catch(function () {});
+}
+
+var currentStageElement = null, logPanel, stagesList;
+window.isPromptReceived = false;
+window.onPromptComplete = null;
+
+function bindModalCloseButtons() {
+    var footer = document.getElementById("page-modal-footer");
+    if (footer) footer.addEventListener("click", function (e) {
+        var btn = e.target.closest(".close-modal-btn");
+        if (btn) { window.hidePageModal(); window.onModalHidden(); }
+    });
+}
+
+document.body.addEventListener("click", function (e) {
+    var t = e.target.closest("[data-dismiss-modal]");
+    if (t) {
+        var id = t.getAttribute("data-dismiss-modal");
+        var m = document.getElementById(id);
+        if (m) { m.classList.add("hidden"); document.body.classList.remove("overflow-hidden"); }
+    }
+});
+
+function onActionSuccess(panelTitle) {
+    return function (response) {
+        markAllStagesAsComplete();
+        var id = response.entity_id;
+        var url = id && typeof REDIRECT_BASE !== "undefined" ? REDIRECT_BASE + id : null;
+        if (response.status === "success") {
+            showReloadModal({
+                title: panelTitle + " completed successfully",
+                seconds: 3,
+                url: url
+            });
+        } else {
+            showErrorModal("Something when wrong while " + panelTitle.toLowerCase(), response);
+        }
+    };
+}
+
+function submitActionFormWithForm(form) {
+    const formData = new FormData(form);
+    const panelTitle = form.getAttribute("data-panel-title") || "Running task";
+    const taskName = form.querySelector('input[name="task_name"]').value;
+    const submitBtn = form.querySelector('button[type="submit"]');
+    const handlerName = form.getAttribute("data-success-handler");
+
+    disableElements(".detail-container form button, .detail-container form input, .detail-container form select, .detail-container form textarea, .card button");
+    addSpinner(submitBtn);
+    window.taskName = taskName;
+    window.onPromptComplete = (handlerName && typeof window[handlerName] === "function") ? window[handlerName] : onActionSuccess(panelTitle);
+    showPanel(panelTitle + "...");
+    // Open EventSource before POST so we receive the task-end event for fast (sync) tasks like submit_result
+    streamEvents(logPanel, stagesList, currentStageElement);
+    ajaxRequest(
+        form.action,
+        "POST",
+        formData,
+        function (response) {
+            // For synchronous tasks the server returns the final result in the HTTP body; show modal from that so it always appears
+            if (response && (response.status === "success" || response.status === "failed")) {
+                if (typeof window.onPromptComplete === "function") {
+                    window.onPromptComplete(response);
+                    window.onPromptComplete = null;
+                }
+            }
+        },
+        "Error: " + panelTitle
+    );
+}
+
+function submitActionForm(e) {
+    e.preventDefault();
+    var form = e.target;
+    var msg = form.getAttribute("data-confirm-message") || "continue?";
+    showConfirmModal(form, submitActionFormWithForm, msg);
+}
+
+function onDomReady() {
+    applyDateFormatting();
+    bindModalCloseButtons();
+    if (Array.isArray(window.notifications)) window.notifications.forEach(function (n) { addNotification(n); });
+    logPanel = document.getElementById("log-panel");
+    stagesList = document.getElementById("stages-list");
+
+    var respondNo = document.getElementById("respond-no-btn");
+    var respondYes = document.getElementById("respond-yes-btn");
+    if (respondNo) respondNo.addEventListener("click", function () { respondToPrompt(false); });
+    if (respondYes) respondYes.addEventListener("click", function () { respondToPrompt(true); });
+
+    document.querySelectorAll(".yaml-link").forEach(function (link) {
+        link.addEventListener("click", function (e) {
+            var fieldName = e.currentTarget.getAttribute("data-field");
+            var yamlDataStr = e.currentTarget.getAttribute("data-yaml-data");
+            var yamlData = [];
+            try { yamlData = JSON.parse(yamlDataStr || "[]"); } catch (_) {}
+            var yamlDataPrettified = JSON.stringify(yamlData, null, 2);
+            var modalBody = "<pre id=\"modal-yaml-content\" class=\"language-json overflow-x-auto p-4 rounded-lg bg-gray-100 dark:bg-gray-700\">" + yamlDataPrettified.replace(/</g, "&lt;") + "</pre>";
+            var modalFooter = "<button type=\"button\" class=\"px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold close-modal-btn\">Close</button>";
+            var extra = function () {
+                var pre = document.getElementById("modal-yaml-content");
+                if (window.Prism && pre) Prism.highlightElement(pre);
+            };
+            showModal({ title: fieldName, body: modalBody, footer: modalFooter, modalClasses: "max-w-4xl w-full", extra_func: extra });
+        });
+    });
+
+    var logoutBtn = document.getElementById("logout-btn");
+    if (logoutBtn) logoutBtn.addEventListener("click", function (e) { showConfirmModal(e.currentTarget, logout, "logout?"); });
+
+    document.querySelectorAll("form").forEach(function (form) {
+        form.addEventListener("submit", function (e) { e.preventDefault(); });
+    });
+}
+
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", onDomReady);
+} else {
+    onDomReady();
+}
diff --git a/cli/medperf/web_ui/static/js/containers/container_access.js b/cli/medperf/web_ui/static/js/containers/container_access.js
index 31c444225..a70e6a6c3 100644
--- a/cli/medperf/web_ui/static/js/containers/container_access.js
+++ b/cli/medperf/web_ui/static/js/containers/container_access.js
@@ -1,297 +1,140 @@
+function getEmailsList(element) {
+    var emailsArr = [];
+    if (!element) return emailsArr;
+    element.querySelectorAll(".email-chip").forEach(function (chip) {
+        emailsArr.push((chip.textContent || "").replace(/\s*×\s*$/, "").trim());
+    });
+    return emailsArr;
+}
 
-function checkAccessForm(){
-    const allowListArr = getEmailsList($("#allowed-email-list"));
+function createEmailChip(email, inputElement) {
+    var chip = document.createElement("div");
+    chip.className = "email-chip inline-block bg-gray-200 dark:bg-gray-600 rounded-full py-1 px-3 mr-2 mb-2 text-sm";
+    chip.textContent = email;
+    var remove = document.createElement("span");
+    remove.className = "remove-btn ml-2 cursor-pointer font-bold";
+    remove.textContent = "×";
+    remove.addEventListener("click", function () { chip.remove(); });
+    chip.appendChild(remove);
+    if (inputElement && inputElement.parentNode) inputElement.parentNode.insertBefore(chip, inputElement);
+}
+
+function parseEmails(element) {
+    if (!element || !element.getAttribute) return;
+    var raw = element.getAttribute("data-allowed-list") || "[]";
+    try {
+        var jsonList = JSON.parse(raw);
+        var inputEl = element.querySelector("input");
+        jsonList.forEach(function (email) { createEmailChip(email, inputEl); });
+    } catch (_) {}
+}
 
-    if(!$("#benchmark").val()){
+function checkAccessForm() {
+    var allowListArr = getEmailsList(document.getElementById("allowed-email-list"));
+    if (!document.getElementById("benchmark") || !document.getElementById("benchmark").value) {
         showErrorToast("Make sure that you've selected a benchmark");
         return false;
     }
-    
-    if(!allowListArr.length){
+    if (!allowListArr.length) {
         showErrorToast("Make sure that the email allow list is not empty");
         return false;
     }
-
     return true;
 }
 
-function checkAutoAccessForm(){
-    const allowListArr = getEmailsList($("#allowed-email-list-auto"));
-
-    if(!$("#benchmark-auto").val()){
+function checkAutoAccessForm() {
+    var allowListArr = getEmailsList(document.getElementById("allowed-email-list-auto"));
+    if (!document.getElementById("benchmark-auto") || !document.getElementById("benchmark-auto").value) {
         showErrorToast("Make sure that you've selected a benchmark");
         return false;
     }
-    
-    const interval = $("#interval-auto").val()
-
-    if(!interval || interval < 5 || interval > 60){
+    var intervalEl = document.getElementById("interval-auto");
+    var interval = intervalEl ? Number(intervalEl.value) : 0;
+    if (!interval || interval < 5 || interval > 60) {
         showErrorToast("Make sure that the time interval is between 5 and 60 (inclusive)");
         return false;
     }
-
-    if(!allowListArr.length){
+    if (!allowListArr.length) {
         showErrorToast("Make sure that the email allow list is not empty");
         return false;
     }
-
     return true;
 }
 
-function onGrantAccessSuccess(response){
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Successfully Granted Access to the Selected Users",
-            seconds: 3,
-        });
-    }
-    else{
-        showErrorModal("Failed to Grant Access", response);
-    }
-}
-
-async function grantAccess(grantBtn){
-    addSpinner(grantBtn);
-
+function startAutoGrant(startBtn) {
     disableElements(".card button, .card input, .card select");
-    
-    const allowListArr = getEmailsList($("#allowed-email-list"));
-    const formData = new FormData();
-
-    formData.append("benchmark_id", $("#benchmark").val());
-    formData.append("model_id", grantBtn.getAttribute("data-model-id"))
+    var allowListArr = getEmailsList(document.getElementById("allowed-email-list-auto"));
+    var formData = new FormData();
+    formData.append("benchmark_id", document.getElementById("benchmark-auto").value);
+    formData.append("model_id", startBtn.getAttribute("data-model-id"));
+    formData.append("interval", document.getElementById("interval-auto").value);
     formData.append("emails", allowListArr.join(" "));
-    
-    ajaxRequest(
-        `/containers/grant_access`,
-        "POST",
-        formData,
-        onGrantAccessSuccess,
-        "Failed to grant access"
-    );
-
-    showPanel(`Granting Access...`);
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
+    ajaxRequest("/containers/start_auto_access", "POST", formData, function (response) {
+        if (response && response.status === "success") showReloadModal({ title: "Successfully Started Auto Grant Access", seconds: 2 });
+        else showErrorModal("Failed to Start Auto Grant Access", response);
+    }, "Failed to start auto grant access");
 }
 
-function startAutoGrant(startBtn){
+function stopAutoGrant(stopBtn) {
     disableElements(".card button, .card input, .card select");
-    
-    const allowListArr = getEmailsList($("#allowed-email-list-auto"));
-    const formData = new FormData();
-
-    formData.append("benchmark_id", $("#benchmark-auto").val());
-    formData.append("model_id", startBtn.getAttribute("data-model-id"))
-    formData.append("interval", $("#interval-auto").val());
-    formData.append("emails", allowListArr.join(" "));
-    
-    ajaxRequest(
-        `/containers/start_auto_access`,
-        "POST",
-        formData,
-        (response) => {
-            if(response.status === "success"){
-                showReloadModal({
-                    title: "Successfully Started Auto Grant Access",
-                    seconds: 2,
-                });
-            }
-            else{
-                showErrorModal("Failed to Start Auto Grant Access", response);
-            }
-        },
-        "Failed to start auto grant access"
-    );
-}
-
-async function stopAutoGrant(stopBtn){
-    disableElements(".card button, .card input, .card select");
-    
-    const formData = new FormData();
-
-    formData.append("model_id", stopBtn.getAttribute("data-model-id"))
-
-    ajaxRequest(
-        `/containers/stop_auto_access`,
-        "POST",
-        formData,
-        (response) => {
-            if(response.status === "success"){
-                showReloadModal({
-                    title: "Successfully Stopped Auto Grant Access",
-                    seconds: 2,
-                });
-            }
-            else{
-                showErrorModal("Failed to Stop Auto Grant Access", response);
-            }
-        },
-        "Failed to stop auto grant access"
-    );
-}
-
-function onrevokeUserAccessSuccess(response){
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Successfully Revoked User Access",
-            seconds: 3,
-        });
-    }
-    else{
-        showErrorModal("Failed to Revoke User Access", response);
-    }
+    var formData = new FormData();
+    formData.append("model_id", stopBtn.getAttribute("data-model-id"));
+    ajaxRequest("/containers/stop_auto_access", "POST", formData, function (response) {
+        if (response && response.status === "success") showReloadModal({ title: "Successfully Stopped Auto Grant Access", seconds: 2 });
+        else showErrorModal("Failed to Stop Auto Grant Access", response);
+    }, "Failed to stop auto grant access");
 }
 
-async function revokeUserAccess(revokeAccessBtn){
-    addSpinner(revokeAccessBtn);
-
-    disableElements(".card button, .card input, .card select");
-    
-    const formData = new FormData();
-
-    formData.append("model_id", revokeAccessBtn.getAttribute("data-model-id"))
-    formData.append("key_id", revokeAccessBtn.getAttribute("data-key-id"))
-    
-    ajaxRequest(
-        `/containers/revoke_user_access`,
-        "POST",
-        formData,
-        onDeleteKeysSuccess,
-        "Failed to revoke user access"
-    );
-
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
-
-function onDeleteKeysSuccess(response){
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Successfully Deleted Keys",
-            seconds: 3,
-        });
-    }
-    else{
-        showErrorModal("Failed to Delete Keys", response);
-    }
-}
-
-async function deleteKeys(deleteKeysBtn){
-    addSpinner(deleteKeysBtn);
-
-    disableElements(".card button, .card input, .card select");
-    
-    const formData = new FormData();
-
-    formData.append("model_id", deleteKeysBtn.getAttribute("data-model-id"))
-    
-    ajaxRequest(
-        `/containers/delete_keys`,
-        "POST",
-        formData,
-        onDeleteKeysSuccess,
-        "Failed to delete keys"
-    );
-
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
-
-function showErrorToast(message){
-    showToast("Validation Error", message, "bg-danger text-light");
+function showErrorToast(message) {
+    showToast("Validation Error", message, "text-bg-danger");
 }
 
 function isValidEmail(email) {
     return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
 }
 
-function createEmailChip(email, input_element) {
-    const $chip = $("<div class='email-chip'></div>").text(email);
-    const $remove = $("<span class='remove-btn'>&times;</span>");
-
-    $remove.on("click", function () {
-        $chip.remove();
-    });
-
-    $chip.append($remove);
-    input_element.before($chip);
-}
-
-function parseEmails(element){
-    if (!$(element).length || !$(element))
-        return;
-    const jsonList = JSON.parse(element.attr("data-allowed-list"));
-    const input_element = element.find("input");
-    if(jsonList.length){
-        jsonList.forEach(email => {
-            createEmailChip(email, input_element);
+function init() {
+    parseEmails(document.getElementById("allowed-email-list"));
+    parseEmails(document.getElementById("allowed-email-list-auto"));
+    document.querySelectorAll(".email-input").forEach(function (input) {
+        input.addEventListener("keydown", function (e) {
+            if (e.key === "Enter" || e.key === " " || e.key === ",") {
+                e.preventDefault();
+                var email = this.value.trim().replace(/,$/, "");
+                if (email && isValidEmail(email)) { createEmailChip(email, this); this.value = ""; }
+            }
         });
-    }
-}
-
-function getEmailsList(element){
-    const emailsArr = [];
-    element.find(".email-chip").each(function() {
-        const span = $(this).find("span");
-        span.remove();
-        emailsArr.push($(this).text().trim());
-        $(this).append(span);
-    });
-    return emailsArr;
-}
-
-
-$(document).ready(() => {
-    parseEmails($("#allowed-email-list"));
-    
-    $(".email-input").on("keydown", function (e) {
-        if (e.key === "Enter" || e.key === " " || e.key === ",") {
+        input.addEventListener("paste", function (e) {
             e.preventDefault();
-            let email = $(this).val().trim().replace(/,$/, "");
-            if (email && isValidEmail(email)) {
-                createEmailChip(email, $(this));
-                $(this).val("");
-            }
-        }
+            var clipboardData = (e.clipboardData || window.clipboardData).getData("text");
+            clipboardData.split(/[\s,]+/).forEach(function (email) {
+                email = email.trim();
+                if (email && isValidEmail(email)) createEmailChip(email, input);
+            });
+            input.value = "";
+        });
     });
-
-    $(".email-input").on("paste", function (e) {
-        e.preventDefault();
-        let clipboardData = (e.originalEvent || e).clipboardData.getData("text");
-        let rawEmails = clipboardData.split(/[\s,]+/);
-        rawEmails.forEach(email => {
-            email = email.trim();
-            if (email && isValidEmail(email)) {
-                createEmailChip(email, $(this));
+    document.querySelectorAll("form[id$='-form']").forEach(function (form) {
+        form.addEventListener("submit", function (e) {
+            if (form.id === "grant-access-form") {
+                e.preventDefault();
+                if (!checkAccessForm()) return;
+                var benchEl = document.getElementById("benchmark");
+                var emailsEl = document.getElementById("form-emails");
+                if (benchEl) document.getElementById("form-benchmark-id").value = benchEl.value;
+                if (emailsEl) emailsEl.value = getEmailsList(document.getElementById("allowed-email-list")).join(" ");
+                showConfirmModal(form, submitActionFormWithForm, form.getAttribute("data-confirm-message") || "continue?");
+            } else {
+                submitActionForm(e);
             }
         });
-        $(this).val("");
-    });
-
-    $("#grant-access-btn").on("click", (e) => {
-        if(checkAccessForm()){
-            showConfirmModal(e.currentTarget, grantAccess, "grant access to the emails added?");
-        }
     });
-
-    $("#start-auto-access-btn").on("click", (e) => {
-        if(checkAutoAccessForm()){
-            showConfirmModal(e.currentTarget, startAutoGrant, "start automatic grant access for the selected benchmark?");
-        }
-    });
-
-    $("#stop-auto-access-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, stopAutoGrant, "stop automatic grant access?");
-    });
-
-    $(".revoke-access-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, revokeUserAccess, "revoke access for the selected user?");
-
+    var startBtn = document.getElementById("start-auto-access-btn");
+    if (startBtn) startBtn.addEventListener("click", function (e) {
+        if (checkAutoAccessForm()) showConfirmModal(e.currentTarget, startAutoGrant, "start automatic grant access for the selected benchmark?");
     });
-
-    $("#delete-keys-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, deleteKeys, "delete all keys?");
-
-    });
-});
\ No newline at end of file
+    var stopBtn = document.getElementById("stop-auto-access-btn");
+    if (stopBtn) stopBtn.addEventListener("click", function (e) { showConfirmModal(e.currentTarget, stopAutoGrant, "stop automatic grant access?"); });
+}
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
+else init();
diff --git a/cli/medperf/web_ui/static/js/containers/container_compatibility_test.js b/cli/medperf/web_ui/static/js/containers/container_compatibility_test.js
index f1676fffb..abda5dc33 100644
--- a/cli/medperf/web_ui/static/js/containers/container_compatibility_test.js
+++ b/cli/medperf/web_ui/static/js/containers/container_compatibility_test.js
@@ -1,108 +1,74 @@
 // This file is not being used currently
-function showNextModal(results){
-    const modalTitle = "Model Compatibility Test Successful";
-    const modalBody = `
-    <h5>Results generated by the compatibility test</h5>
-    <div class="mt-3"><pre id="result-content" class="language-yaml">${results}</pre></div>
-    `;
-    const modalFooter = `
-    <button type="button" class="btn btn-danger" onclick="reloadPage();">Cancel</button>
-    <button type="button" class="btn btn-success" onclick="showRegisterContainer();" data-bs-dismiss="modal">
-        Continue to container registration
-    </button>`;
-    const extra_fn = () => { Prism.highlightElement($("#result-content")[0]); };
-
-    showModal({
-        title: modalTitle,
-        body: modalBody,
-        footer: modalFooter,
-        modalClasses: "modal-lg",
-        extra_func: extra_fn
-    });
+function showNextModal(results) {
+    var modalBody = "<h5 class=\"font-bold text-lg mb-3\">Results generated by the compatibility test</h5><div class=\"mt-3\"><pre id=\"result-content\" class=\"language-yaml overflow-x-auto p-4 rounded-lg bg-gray-100 dark:bg-gray-700\">" + (results || "").replace(/</g, "&lt;") + "</pre></div>";
+    var modalFooter = "<button type=\"button\" class=\"px-4 py-2 rounded-xl bg-red-600 text-white font-semibold\" onclick=\"reloadPage();\">Cancel</button><button type=\"button\" class=\"px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold close-modal-btn\" onclick=\"showRegisterContainer();\">Continue to container registration</button>";
+    var extra = function () {
+        var el = document.getElementById("result-content");
+        if (window.Prism && el) Prism.highlightElement(el);
+    };
+    showModal({ title: "Model Compatibility Test Successful", body: modalBody, footer: modalFooter, modalClasses: "max-w-4xl w-full", extra_func: extra });
 }
 
-function onContainerCompatibilityTestSuccess(response){
+function onContainerCompatibilityTestSuccess(response) {
     markAllStagesAsComplete();
-    if(response.status === "success"){
-        const results = JSON.stringify(response.results, null, 2);
+    if (response && response.status === "success") {
+        var results = JSON.stringify(response.results || {}, null, 2);
         showNextModal(results);
-    }
-    else{
+    } else {
         showErrorModal("Model Compatibility Test Failed", response);
     }
 }
 
-async function runContainerCompatibilityTest(runCompTestButton){
-    addSpinner(runCompTestButton);
-
-    const formData = new FormData($("#container-comp-test-form")[0]);
-
-    disableElements("#container-comp-test-form input, #container-comp-test-form select, #container-comp-test-form button");
-
-    ajaxRequest(
-        "/containers/run_compatibility_test",
-        "POST",
-        formData,
-        onContainerCompatibilityTestSuccess,
-        "Error running container compatibility test:"
-    )
-
-    showPanel(`Running Compatibility Test...`);
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
+window.onContainerCompatibilityTestSuccess = onContainerCompatibilityTestSuccess;
 
 function checkCompTestFormValidity() {
-    const containerPath = $("#container-file").val().trim();
-    const runTestButton = $("#run-comp-test-btn");
-    const isEncrypted = $("input[name='model_encrypted']:checked").val();
-    const decryptionPath = $("#decryption-file").val().trim();
-    const isValid = Boolean(
-        $("#benchmark").val() &&
-        containerPath.length > 0 &&
-        containerPath.endsWith(".yaml") &&
-        (isEncrypted === "true" ? decryptionPath.length > 0 : isEncrypted === "false")
-    );
-
-    runTestButton.prop("disabled", !isValid);
+    var containerFileEl = document.getElementById("container-file");
+    var containerPath = containerFileEl ? containerFileEl.value.trim() : "";
+    var benchmarkEl = document.getElementById("benchmark");
+    var checked = document.querySelector("input[name='model_encrypted']:checked");
+    var isEncrypted = checked ? checked.value : "";
+    var decryptionEl = document.getElementById("decryption-file");
+    var decryptionPath = decryptionEl ? decryptionEl.value.trim() : "";
+    var isValid = !!(benchmarkEl && benchmarkEl.value) && containerPath.length > 0 && containerPath.endsWith(".yaml") && (isEncrypted === "true" ? decryptionPath.length > 0 : isEncrypted === "false");
+    var runBtn = document.getElementById("run-comp-test-btn");
+    if (runBtn) runBtn.disabled = !isValid;
 }
 
-function showRegisterContainer(){
+function showRegisterContainer() {
     window.location.href = "/containers/register/ui";
 }
 
-$(document).ready(() => {
-    $("#run-comp-test-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, runContainerCompatibilityTest, "run the compatibility test?");
-    });
-
-    $("#container-comp-test-form input, #container-comp-test-form select").on("change keyup", checkCompTestFormValidity);
-
-    $("#browse-decryption-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("decryption-file");
-    });
-
-    $("input[name='model_encrypted']").on("change", () => {
-        if($("#with-encryption").is(":checked")){
-            $("#decryption-file-container").show();
-        }
-        else{
-            $("#decryption-file-container").hide();
-            $("#decryption-file").val("");
-        }
-    });
-
-    $("#browse-container-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("container-file");
-    });
-    $("#browse-parameters-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("parameters-file");
-    });
-    $("#browse-additional-btn").on("click", () => {
-        browseWithFiles = false;
-        browseFolderHandler("additional-file");
+function init() {
+    var form = document.getElementById("container-comp-test-form");
+    if (form) {
+        form.addEventListener("submit", submitActionForm);
+        form.querySelectorAll("input, select").forEach(function (el) {
+            el.addEventListener("keyup", checkCompTestFormValidity);
+            el.addEventListener("change", checkCompTestFormValidity);
+        });
+    }
+    var browseDec = document.getElementById("browse-decryption-btn");
+    if (browseDec) browseDec.addEventListener("click", function () { browseWithFiles = true; browseFolderHandler("decryption-file"); });
+    document.querySelectorAll("input[name='model_encrypted']").forEach(function (radio) {
+        radio.addEventListener("change", function () {
+            var withEnc = document.getElementById("with-encryption");
+            var decContainer = document.getElementById("decryption-file-container");
+            var decFile = document.getElementById("decryption-file");
+            if (withEnc && withEnc.checked) {
+                if (decContainer) { decContainer.style.display = ""; decContainer.classList.remove("hidden"); }
+            } else {
+                if (decContainer) { decContainer.style.display = "none"; decContainer.classList.add("hidden"); }
+                if (decFile) decFile.value = "";
+            }
+        });
     });
-});
\ No newline at end of file
+    var browseContainer = document.getElementById("browse-container-btn");
+    if (browseContainer) browseContainer.addEventListener("click", function () { browseWithFiles = true; browseFolderHandler("container-file"); });
+    var browseParams = document.getElementById("browse-parameters-btn");
+    if (browseParams) browseParams.addEventListener("click", function () { browseWithFiles = true; browseFolderHandler("parameters-file"); });
+    var browseAdditional = document.getElementById("browse-additional-btn");
+    if (browseAdditional) browseAdditional.addEventListener("click", function () { browseWithFiles = false; browseFolderHandler("additional-file"); });
+    checkCompTestFormValidity();
+}
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
+else init();
diff --git a/cli/medperf/web_ui/static/js/containers/container_register.js b/cli/medperf/web_ui/static/js/containers/container_register.js
index eb7b51b3e..b5efeda1a 100644
--- a/cli/medperf/web_ui/static/js/containers/container_register.js
+++ b/cli/medperf/web_ui/static/js/containers/container_register.js
@@ -1,76 +1,52 @@
-function onContainerRegisterSuccess(response){
-    markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Container Registered Successfully",
-            seconds: 3,
-            url: "/containers/ui/display/"+response.container_id
-        });
-    }
-    else{
-        showErrorModal("Failed to Register Container", response);
-    }
-}
-
-async function registerContainer(registerButton){
-    addSpinner(registerButton);
-
-    const formData = new FormData($("#container-register-form")[0]);
-
-    disableElements("#container-register-form input, #container-register-form button");
-
-    ajaxRequest(
-        "/containers/register",
-        "POST",
-        formData,
-        onContainerRegisterSuccess,
-        "Error registering container:"
-    )
-
-    showPanel(`Registering Container...`);
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
+var REDIRECT_BASE = "/containers/ui/display/";
 
 function checkContainerFormValidity() {
-    const containerPath = $("#container-file").val().trim();
-    const isEncrypted = $("input[name='model_encrypted']:checked").val();
-    const decryptionPath = $("#decryption-file").val().trim();
-
-    const isValid = Boolean(
-        $("#name").val().trim() &&
-        containerPath.length > 0 &&
-        (isEncrypted === "true" ? decryptionPath.length > 0 : isEncrypted === "false")
-    );
-    $("#register-container-btn").prop("disabled", !isValid);
+    var containerFileEl = document.getElementById("container-file");
+    var containerPath = containerFileEl ? containerFileEl.value.trim() : "";
+    if(window.ui_mode === window.evaluation_mode) {
+        var checked = document.querySelector("input[name='model_encrypted']:checked");
+        var isEncrypted = checked ? checked.value : "";
+        var decryptionEl = document.getElementById("decryption-file");
+        var decryptionPath = decryptionEl ? decryptionEl.value.trim() : "";
+    } else {
+        var isEncrypted = "false";
+        var decryptionPath = "";
+    }
+    var nameEl = document.getElementById("name");
+    var nameVal = nameEl ? nameEl.value.trim() : "";
+    var isValid = !!nameVal && containerPath.length > 0 && (isEncrypted === "true" ? decryptionPath.length > 0 : isEncrypted === "false");
+    var btn = document.getElementById("register-container-btn");
+    if (btn) btn.disabled = !isValid;
 }
 
-$(document).ready(() => {
-    $("#register-container-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, registerContainer, "register this container?");
-    });
-
-    $("#container-register-form input").on("keyup change", checkContainerFormValidity);
-    
-    $("#browse-decryption-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("decryption-file");
-    });
-    $("input[name='model_encrypted']").on("change", () => {
-        if($("#with-encryption").is(":checked")){
-            $("#decryption-file-container").show();
-        }
-        else{
-            $("#decryption-file-container").hide();
-            $("#decryption-file").val("");
-        }
-    });
-    $("#browse-container-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("container-file");
-    });
-    $("#browse-parameters-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("parameters-file");
+function init() {
+    var form = document.getElementById("register-container-form");
+    if (form) {
+        form.addEventListener("submit", submitActionForm);
+        form.querySelectorAll("input").forEach(function (el) {
+            el.addEventListener("keyup", checkContainerFormValidity);
+            el.addEventListener("change", checkContainerFormValidity);
+        });
+    }
+    var browseDec = document.getElementById("browse-decryption-btn");
+    if (browseDec) browseDec.addEventListener("click", function () { browseWithFiles = true; browseFolderHandler("decryption-file"); });
+    document.querySelectorAll("input[name='model_encrypted']").forEach(function (radio) {
+        radio.addEventListener("change", function () {
+            var withEnc = document.getElementById("with-encryption");
+            var decContainer = document.getElementById("decryption-file-container");
+            var decFile = document.getElementById("decryption-file");
+            if (withEnc && withEnc.checked) {
+                if (decContainer) { decContainer.style.display = ""; decContainer.classList.remove("hidden"); }
+            } else {
+                if (decContainer) { decContainer.style.display = "none"; decContainer.classList.add("hidden"); }
+                if (decFile) decFile.value = "";
+            }
+        });
     });
-});
+    var browseContainer = document.getElementById("browse-container-btn");
+    if (browseContainer) browseContainer.addEventListener("click", function () { browseWithFiles = true; browseFolderHandler("container-file"); });
+    var browseParams = document.getElementById("browse-parameters-btn");
+    if (browseParams) browseParams.addEventListener("click", function () { browseWithFiles = true; browseFolderHandler("parameters-file"); });
+}
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
+else init();
diff --git a/cli/medperf/web_ui/static/js/datasets/dataset_detail.js b/cli/medperf/web_ui/static/js/datasets/dataset_detail.js
index 39ffba0c2..9db709245 100644
--- a/cli/medperf/web_ui/static/js/datasets/dataset_detail.js
+++ b/cli/medperf/web_ui/static/js/datasets/dataset_detail.js
@@ -1,251 +1,145 @@
-
-function onDatasetPrepareSuccess(response){
-    markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Dataset Prepared Successfully",
-            seconds: 3,
-        });
-    }
-    else{
-        showErrorModal("Failed to Prepare Dataset", response);
+var REDIRECT_BASE = "/datasets/ui/display/";
+var trainingPollingIntervalId = null;
+
+const RUN_TRAINING_TASK_NAME = "start_training";
+const CONTAINER_TASK_TRAIN = "train";
+const RUNNING_TASKS_POLL_MS = 2000;
+const TASK_PREPARE = "prepare";
+const TASK_SET_OPERATIONAL = "dataset_set_operational";
+const TASK_ASSOCIATION = "dataset_association";
+const TASK_TRAINING_ASSOCIATION = "dataset_training_association";
+const TASK_BENCHMARK_RUN = "run_benchmark";
+const TASK_RESULT_SUBMIT = "submit_result";
+
+function updateTrainingRunningBanner(tasks) {
+    var banner = document.getElementById("training-running-banner");
+    if (!banner) return;
+    var running = Array.isArray(tasks) && tasks.indexOf(CONTAINER_TASK_TRAIN) !== -1;
+    if (running) {
+        banner.classList.remove("hidden");
+        document.querySelectorAll(".start-training-btn").forEach(function (btn) { btn.disabled = true; });
+    } else {
+        banner.classList.add("hidden");
+        if (window.taskName !== RUN_TRAINING_TASK_NAME) {
+            document.querySelectorAll(".start-training-btn").forEach(function (btn) {
+                btn.disabled = false;
+            });
+        }
+        if (trainingPollingIntervalId && window.taskName !== RUN_TRAINING_TASK_NAME) { clearInterval(trainingPollingIntervalId); trainingPollingIntervalId = null; }
     }
 }
 
-async function prepareDataset(prepareButton) {
-    addSpinner(prepareButton);
-
-    const datasetId = prepareButton.getAttribute("data-dataset-id");
-    
-    const formData = new FormData();
-    formData.append("dataset_id", datasetId);
-
-    disableElements(".card button");
-    
-    ajaxRequest(
-        "/datasets/prepare",
-        "POST",
-        formData,
-        onDatasetPrepareSuccess,
-        "Error preparing dataset:"
-    );
-
-    window.runningTaskId = await getTaskId();
-    showPanel(`Preparing Dataset...`);
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
-
-function onDatasetSetOperationSuccess(response){
-    markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Dataset Set to Operation Successfully",
-            seconds: 3,
-        });
-    }
-    else{
-        showErrorModal("Failed to Set Dataset to Operation", response);
+function onStartTrainingSuccess(response) {
+    if (response && response.status === "started"){
+        displayAlert("success", "Training worker started successfully.");
+        startPollingTrainingRunningTasks();
     }
+    else showErrorModal("Something went wrong while running the training", response);
 }
 
-async function setDatasetToOperation(setOperationButton){
-    addSpinner(setOperationButton);
-
-    const datasetId = setOperationButton.getAttribute("data-dataset-id");
-    
-    const formData = new FormData();
-    formData.append("dataset_id", datasetId);
-
-    disableElements(".card button");
-
-    ajaxRequest(
-        "/datasets/set_operational",
-        "POST",
-        formData,
-        onDatasetSetOperationSuccess,
-        "Error setting dataset to operation:"
-    );
-
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
+function pollTrainingRunningTasks() {
+    var banner = document.getElementById("training-running-banner");
+    if (!banner) return;
+    fetch("/api/running_tasks", { method: "GET" })
+        .then(function (r) { return r.json(); })
+        .then(function (data) {
+            if (data && Array.isArray(data.tasks)) updateTrainingRunningBanner(data.tasks);
+        })
+        .catch(function () {});
 }
 
-function onDatasetAssociationRequestSuccess(response){
-    markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Association Requested Successfully",
-            seconds: 3,
-        });
-    }
-    else{
-        showErrorModal("Association Request Failed", response);
-    }
+function startPollingTrainingRunningTasks() {
+    pollTrainingRunningTasks();
+    if (!trainingPollingIntervalId) trainingPollingIntervalId = setInterval(pollTrainingRunningTasks, RUNNING_TASKS_POLL_MS);
 }
 
-async function requestDatasetAssociation(requestAssociationButton){
-    $("#dropdown-div").removeClass("show");
-    addSpinner($("#associate-dropdown-btn")[0]);
-
-    const datasetId = requestAssociationButton.getAttribute("data-dataset-id");
-    const benchmarkId = requestAssociationButton.getAttribute("data-benchmark-id");
-
-    const formData = new FormData();
-    formData.append("dataset_id", datasetId);
-    formData.append("benchmark_id", benchmarkId);
+function stopTraining() {
+    var btn = document.getElementById("stop-training-btn");
+    btn.disabled = true;
+    var formData = new FormData();
+    formData.append("task_name", CONTAINER_TASK_TRAIN);
+    fetch("/api/stop_task", { method: "POST", body: formData })
+        .then(function (r) {
+            if (r.ok) {
+                updateTrainingRunningBanner([]);
+                displayAlert("success", "Training stopped.");
+            }
+            btn.disabled = false;
+        })
+        .catch(function () { btn.disabled = false; });
+}
 
+function requestStartTraining(form) {
+    var submitBtn = form.querySelector("button[type=submit]");
+    if (submitBtn) addSpinner(submitBtn);
+    window.onPromptComplete = onStartTrainingSuccess;
+    var formData = new FormData(form);
+    formData.append("task_name", RUN_TRAINING_TASK_NAME);
     disableElements(".card button");
-
+    showPanel("Running training...");
+    window.taskName = RUN_TRAINING_TASK_NAME;
     ajaxRequest(
-        "/datasets/associate",
+        "/datasets/start_training",
         "POST",
         formData,
-        onDatasetAssociationRequestSuccess,
-        "Error requesting dataset association:"
+        onStartTrainingSuccess,
+        "Error running training:"
     );
-
-    showPanel(`Requesting Association...`);
-    window.runningTaskId = await getTaskId();
     streamEvents(logPanel, stagesList, currentStageElement);
 }
 
-function onDatasetBenchmarkExecutionSuccess(response){
-    markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Execution Ran Successfully",
-            seconds: 3,
-        });
-    }
-    else{
-        showErrorModal("Execution Failed", response);
-    }
-}
 
-async function runBenchmarkExecution(executeBenchmarkButton){
+function runBenchmarkExecution(executeBenchmarkButton) {
     addSpinner(executeBenchmarkButton);
-
-    let modelIds = [];
-    const formData = new FormData();
-
-    const benchmarkId = executeBenchmarkButton.getAttribute("data-benchmark-id");
-    const datasetId = executeBenchmarkButton.getAttribute("data-dataset-id");
-    const runAll = executeBenchmarkButton.getAttribute("data-runAll") === "true";
-
-    if(runAll){
-        const runButtons = document.querySelectorAll(`[id^="run-${benchmarkId}-"]`);
-        runButtons.forEach(button => {
-            if (!button.classList.contains('d-none')) {
-                modelIds.push(button.getAttribute("data-model-id"));
+    var formData = new FormData();
+    var benchmarkId = executeBenchmarkButton.getAttribute("data-benchmark-id");
+    var datasetId = executeBenchmarkButton.getAttribute("data-dataset-id");
+    var runAll = executeBenchmarkButton.getAttribute("data-runAll") === "true";
+    if (runAll) {
+        document.querySelectorAll("[id^='run-" + benchmarkId + "-']").forEach(function (button) {
+            if (!button.classList.contains("hidden") && !button.classList.contains("d-none")) {
+                formData.append("model_ids", button.getAttribute("data-model-id"));
                 addSpinner(button);
             }
         });
-        modelIds.forEach(modelId => {
-            formData.append("model_ids", modelId);
-        });
-    }
-    else{
-        modelIds = executeBenchmarkButton.getAttribute("data-model-id");
-        formData.append("model_ids", modelIds);
-        
+    } else {
+        formData.append("model_ids", executeBenchmarkButton.getAttribute("data-model-id"));
     }
-
     formData.append("dataset_id", datasetId);
     formData.append("benchmark_id", benchmarkId);
     formData.append("run_all", runAll);
-
     disableElements(".card button");
-
-    ajaxRequest(
-        "/datasets/run",
-        "POST",
-        formData,
-        onDatasetBenchmarkExecutionSuccess,
-        "Error running benchmark execution:"
-    );
-        
-    showPanel(`Running Benchmark Execution...`);
-    window.runningTaskId = await getTaskId();
+    window.taskName = TASK_BENCHMARK_RUN;
+    ajaxRequest("/datasets/run", "POST", formData, onDatasetBenchmarkExecutionSuccess, "Error running benchmark execution:");
+    showPanel("Running Benchmark Execution...");
     streamEvents(logPanel, stagesList, currentStageElement);
 }
 
-function onResultSubmitSuccess(response){
-    markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Results Successfully Submitted",
-            seconds: 3,
-        });
-    }
-    else{
-        showErrorModal("Results Submission Failed", response);
+function onTrainSuccess(response) {
+    if (response && response.status === "success"){
+        updateTrainingRunningBanner([]);
+        showReloadModal({ title: "Training Completed", seconds: 3 });
     }
+    else showErrorModal("Something went wrong during training", response);
 }
 
-async function submitResult(submitResultButton){
-    addSpinner(submitResultButton);
-
-    const resultId = submitResultButton.getAttribute("data-result-id");
-    const benchmarkId = submitResultButton.getAttribute("data-benchmark-id");
-    const datasetId = submitResultButton.getAttribute("data-dataset-id");
-    
-    const formData = new FormData();
-    formData.append("result_id", resultId);
-    formData.append("benchmark_id", benchmarkId);
-    formData.append("dataset_id", datasetId)
-
-    disableElements(".card button");
-    
-    ajaxRequest(
-        "/datasets/submit_result",
-        "POST",
-        formData,
-        onResultSubmitSuccess,
-        "Error submitting results:"
-    );
-
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
-
-$(document).ready(() => {
-    $("#prepare-dataset").on("click", (e) => {
-        showConfirmModal(e.currentTarget, prepareDataset, "prepare this dataset?");
-    });
-
-    $("#set-operational").on("click", (e) => {
-        showConfirmModal(e.currentTarget, setDatasetToOperation, "set this dataset to operation?");
-    });
+// Expose for data-success-handler on start training form
+window.onStartTrainingSuccess = onStartTrainingSuccess;
 
-    $(".request-association-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, requestDatasetAssociation, "request dataset association?");
-    });
-
-    $("[id^='run-']").on("click", (e) => {
-        const targetButton = $(e.currentTarget);
-        if (targetButton.hasClass("run-all-btn")){
-            showConfirmModal(e.currentTarget, runBenchmarkExecution, "run the benchmark execution for all models?");
-        }
-        else{
-            let msg;
-            if (targetButton.attr("rerun") !== undefined){
-                msg = "rerun the benchmark execution for the selected model? This will clear previous results.";
-            }
-            else {
-                msg = "run the benchmark execution for the selected model?";
-            }
-            showConfirmModal(e.currentTarget, runBenchmarkExecution, msg);
-        }
-        
+function init() {
+    document.querySelectorAll("form[id$='-form']:not(#redirect-export-form), form[id^='dataset-association-form-'], form[id^='dataset-training-association-form-'], form[id^='start-training-form-']").forEach(function (form) {
+        form.addEventListener("submit", submitActionForm);
     });
-
-    $("[id^='show-']").on("click", (e) => {
-        showResult(e.currentTarget);
+    document.querySelectorAll("[id^='show-']").forEach(function (el) {
+        el.addEventListener("click", function () { showResult(el); });
     });
+    var exportForm = document.getElementById("redirect-export-form");
+    if (exportForm) exportForm.addEventListener("submit", function (e) { e.preventDefault(); });
 
-    $("[id^='submit-']").on("click", (e) => {
-        showConfirmModal(e.currentTarget, submitResult, "submit the result?");
+    var stopTrainingBtn = document.getElementById("stop-training-btn");
+    if (stopTrainingBtn) stopTrainingBtn.addEventListener("click", function (e) {
+        showConfirmModal(e.currentTarget, function () { stopTraining(); }, "stop the running training?");
     });
-    
-    $("#redirect-export-form").off("submit");
-});
+}
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
+else init();
\ No newline at end of file
diff --git a/cli/medperf/web_ui/static/js/datasets/dataset_export.js b/cli/medperf/web_ui/static/js/datasets/dataset_export.js
index 3f257946a..38e983d7d 100644
--- a/cli/medperf/web_ui/static/js/datasets/dataset_export.js
+++ b/cli/medperf/web_ui/static/js/datasets/dataset_export.js
@@ -1,51 +1,39 @@
-function onDatasetExportSuccess(response){
+function onDatasetExportSuccess(response) {
     markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Dataset Exported Successfully",
-            seconds: 3,
-            url: "/datasets/ui/display/"+response.dataset_id
-        });
-    }
-    else{
-        showErrorModal("Failed to Export Dataset", response)
+    if (response && response.status === "success") {
+        showReloadModal({ title: "Dataset Exported Successfully", seconds: 3, url: "/datasets/ui/display/" + response.dataset_id });
+    } else {
+        showErrorModal("Failed to Export Dataset", response);
     }
 }
 
-async function exportDataset(exportButton){
+function exportDataset(exportButton) {
     addSpinner(exportButton);
-    
-    const formData = new FormData($("#dataset-export-form")[0]);
-
+    var form = document.getElementById("dataset-export-form");
+    var formData = form ? new FormData(form) : new FormData();
     disableElements("#dataset-export-form input, #dataset-export-form button");
-
-    ajaxRequest(
-        "/datasets/export",
-        "POST",
-        formData,
-        onDatasetExportSuccess,
-        "Error exporting dataset:"
-    );
-
-    window.runningTaskId = await getTaskId();
+    ajaxRequest("/datasets/export", "POST", formData, onDatasetExportSuccess, "Error exporting dataset:");
     streamEvents(logPanel, stagesList, currentStageElement);
 }
 
 function checkExportFormValidity() {
-    const isValid = Boolean(
-        $("#output-path").val().trim()
-    );
-    $("#export-dataset-btn").prop("disabled", !isValid);
+    var outputPathEl = document.getElementById("output-path");
+    var isValid = !!(outputPathEl && outputPathEl.value.trim());
+    var btn = document.getElementById("export-dataset-btn");
+    if (btn) btn.disabled = !isValid;
 }
 
-$(document).ready(() => {
-    $("#export-dataset-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, exportDataset, "export this dataset?");
+function init() {
+    var btn = document.getElementById("export-dataset-btn");
+    if (btn) btn.addEventListener("click", function (e) { showConfirmModal(e.currentTarget, exportDataset, "export this dataset?"); });
+    var form = document.getElementById("dataset-export-form");
+    if (form) form.querySelectorAll("input").forEach(function (el) {
+        el.addEventListener("change", checkExportFormValidity);
+        el.addEventListener("keyup", checkExportFormValidity);
     });
-    $("#dataset-export-form input").on("change keyup", checkExportFormValidity);
-
-    $("#browse-output-btn").on("click", () => {
-        browseWithFiles = false;
-        browseFolderHandler("output-path");
-    });
-});
\ No newline at end of file
+    var browseOutput = document.getElementById("browse-output-btn");
+    if (browseOutput) browseOutput.addEventListener("click", function () { browseWithFiles = false; browseFolderHandler("output-path"); });
+    checkExportFormValidity();
+}
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
+else init();
diff --git a/cli/medperf/web_ui/static/js/datasets/dataset_import.js b/cli/medperf/web_ui/static/js/datasets/dataset_import.js
index cda988b29..4b414898f 100644
--- a/cli/medperf/web_ui/static/js/datasets/dataset_import.js
+++ b/cli/medperf/web_ui/static/js/datasets/dataset_import.js
@@ -1,85 +1,47 @@
-function onDatasetImportSuccess(response){
-    markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Dataset Imported Successfully",
-            seconds: 3,
-            url: "/datasets/ui/display/"+response.dataset_id
-        });
-    }
-    else{
-        showErrorModal("Failed to Import Dataset", response)
-    }
-}
-
-async function importDataset(importButton){
-    addSpinner(importButton);
-    
-    const formData = new FormData($("#dataset-import-form")[0]);
-
-    disableElements("#dataset-import-form input, #dataset-import-form button");
-
-    ajaxRequest(
-        "/datasets/import",
-        "POST",
-        formData,
-        onDatasetImportSuccess,
-        "Error importing dataset:"
-    );
-
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
+REDIRECT_BASE = "/datasets/ui/display/";
 
 function checkImportFormValidity() {
-    var datasetIdValue = $("#dataset-id").val();
-    datasetIdValue = datasetIdValue ? Number(datasetIdValue) : 0;
-
-    const inputPathValue = $("#input-path").val().trim();
-    const selectedMode = $('input[name="dataset_type"]:checked').val();
-    const rawPathValue = $("#raw-path").val().trim();
-
-    let isValid = false;
-
+    var datasetIdEl = document.getElementById("dataset-id");
+    var datasetIdValue = datasetIdEl && datasetIdEl.value ? Number(datasetIdEl.value) : 0;
+    var inputPathEl = document.getElementById("input-path");
+    var inputPathValue = inputPathEl ? inputPathEl.value.trim() : "";
+    var checked = document.querySelector('input[name="dataset_type"]:checked');
+    var selectedMode = checked ? checked.value : "";
+    var rawPathEl = document.getElementById("raw-path");
+    var rawPathValue = rawPathEl ? rawPathEl.value.trim() : "";
+    var isValid = false;
     if (datasetIdValue > 0 && inputPathValue) {
-        if (selectedMode === "development") {
-            isValid = Boolean(rawPathValue);
-        }
-        else if (selectedMode === "operational") {
-            isValid = true;
-        }
+        if (selectedMode === "development") isValid = !!rawPathValue;
+        else if (selectedMode === "operational") isValid = true;
     }
-
-    $("#import-dataset-btn").prop("disabled", !isValid);
+    var btn = document.getElementById("import-dataset-btn");
+    if (btn) btn.disabled = !isValid;
 }
 
-$(document).ready(() => {
-    $("#import-dataset-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, importDataset, "import this dataset?");
-    });
-    $("#dataset-import-form input").on("change keyup", checkImportFormValidity);
-
-    $("#browse-input-btn").on("click", () => {
-        browseWithFiles = true;
-        browseFolderHandler("input-path");
-    });
-
-    $("#browse-raw-btn").on("click", () => {
-        browseWithFiles = false;
-        browseFolderHandler("raw-path");
+function init() {
+    var form = document.getElementById("dataset-import-form");
+    if (form) form.querySelectorAll("input").forEach(function (el) {
+        form.addEventListener("submit", submitActionForm);
+        el.addEventListener("change", checkImportFormValidity);
+        el.addEventListener("keyup", checkImportFormValidity);
     });
-
-    $("input[name='dataset_type']").on("change", (e) => {
-        if (e.currentTarget.value === "development"){
-            if ($("#raw-data-group").hasClass("d-none")) {
-                $("#raw-data-group").removeClass("d-none");
-            }
-        }
-        else{
-            if (!$("#raw-data-group").hasClass("d-none")) {
-                $("#raw-data-group").addClass("d-none");
-                $("#raw-path").val("");
+    var browseInput = document.getElementById("browse-input-btn");
+    var browseRaw = document.getElementById("browse-raw-btn");
+    if (browseInput) browseInput.addEventListener("click", function () { browseWithFiles = true; browseFolderHandler("input-path"); });
+    if (browseRaw) browseRaw.addEventListener("click", function () { browseWithFiles = false; browseFolderHandler("raw-path"); });
+    document.querySelectorAll("input[name='dataset_type']").forEach(function (radio) {
+        radio.addEventListener("change", function () {
+            var rawGroup = document.getElementById("raw-data-group");
+            var rawPath = document.getElementById("raw-path");
+            if (this.value === "development") {
+                if (rawGroup) { rawGroup.classList.remove("hidden"); rawGroup.style.display = ""; }
+            } else {
+                if (rawGroup) { rawGroup.classList.add("hidden"); rawGroup.style.display = "none"; }
+                if (rawPath) rawPath.value = "";
             }
-        }
+        });
     });
-});
\ No newline at end of file
+    checkImportFormValidity();
+}
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
+else init();
diff --git a/cli/medperf/web_ui/static/js/datasets/dataset_register.js b/cli/medperf/web_ui/static/js/datasets/dataset_register.js
index d4a65d1b3..e55a49ddb 100644
--- a/cli/medperf/web_ui/static/js/datasets/dataset_register.js
+++ b/cli/medperf/web_ui/static/js/datasets/dataset_register.js
@@ -1,61 +1,34 @@
-function onDatasetRegisterSuccess(response){
-    markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Dataset Registered Successfully",
-            seconds: 3,
-            url: "/datasets/ui/display/"+response.dataset_id
-        });
-    }
-    else{
-        showErrorModal("Failed to Register Dataset", response)
-    }
-}
-
-async function registerDataset(registerButton){
-    addSpinner(registerButton);
-    
-    const formData = new FormData($("#dataset-register-form")[0]);
-
-    disableElements("#dataset-register-form input, #dataset-register-form select, #dataset-register-form textarea, #dataset-register-form button");
-
-    ajaxRequest(
-        "/datasets/register",
-        "POST",
-        formData,
-        onDatasetRegisterSuccess,
-        "Error registering dataset:"
-    );
-
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
+REDIRECT_BASE = "/datasets/ui/display/";
 
 function checkDatasetFormValidity() {
-    const isValid = Boolean(
-        $("#benchmark").val() &&
-        $("#name").val().trim() &&
-        $("#description").val().trim() &&
-        $("#location").val().trim() &&
-        $("#data-path").val().trim() &&
-        $("#labels-path").val().trim()
-    );
-    $("#register-dataset-btn").prop("disabled", !isValid);
+    var benchmarkEl = document.getElementById("benchmark");
+    var nameEl = document.getElementById("name");
+    var descEl = document.getElementById("description");
+    var locationEl = document.getElementById("location");
+    var dataPathEl = document.getElementById("data-path");
+    var labelsPathEl = document.getElementById("labels-path");
+    var isValid = !!(nameEl && nameEl.value.trim()) && !!(descEl && descEl.value.trim()) && !!(locationEl && locationEl.value.trim()) && !!(dataPathEl && dataPathEl.value.trim()) && !!(labelsPathEl && labelsPathEl.value.trim());
+    if(window.ui_mode === window.evaluation_mode){
+        isValid = isValid  && !!(benchmarkEl && benchmarkEl.value);
+    }
+    var btn = document.getElementById("register-dataset-btn");
+    if (btn) btn.disabled = !isValid;
 }
 
-$(document).ready(() => {
-    $("#register-dataset-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, registerDataset, "register this dataset?");
-    });
-    $("#dataset-register-form input, #dataset-register-form select, #dataset-register-form textarea").on("change keyup", checkDatasetFormValidity);
-    
-    $("#browse-data-btn").on("click", () => {
-        browseWithFiles = false;
-        browseFolderHandler("data-path");
-    });
-
-    $("#browse-labels-btn").on("click", () => {
-        browseWithFiles = false;
-        browseFolderHandler("labels-path");
-    });
-});
\ No newline at end of file
+function init() {
+    var form = document.getElementById("register-dataset-form");
+    if (form){
+        form.addEventListener("submit", submitActionForm);
+        form.querySelectorAll("input, select, textarea").forEach(function (el) {
+            el.addEventListener("change", checkDatasetFormValidity);
+            el.addEventListener("keyup", checkDatasetFormValidity);
+        });
+    }
+    var browseData = document.getElementById("browse-data-btn");
+    var browseLabels = document.getElementById("browse-labels-btn");
+    if (browseData) browseData.addEventListener("click", function () { browseWithFiles = false; browseFolderHandler("data-path"); });
+    if (browseLabels) browseLabels.addEventListener("click", function () { browseWithFiles = false; browseFolderHandler("labels-path"); });
+    checkDatasetFormValidity();
+}
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
+else init();
diff --git a/cli/medperf/web_ui/static/js/event_handler.js b/cli/medperf/web_ui/static/js/event_handler.js
index b3b8ecf36..360071993 100644
--- a/cli/medperf/web_ui/static/js/event_handler.js
+++ b/cli/medperf/web_ui/static/js/event_handler.js
@@ -1,220 +1,202 @@
-function create_p(msg){
-    const p = $("<p></p>");
-    p.html(msg);
-    return p;
-}
-
-function scrollToElement(selector){
-    // .stop(true) to avoid scroll lagging during multiple scrolls
-    $("html, body").stop(true).animate({
-        scrollTop: $(selector).offset().top
-    }, 1000);
-}
-
-function streamEvents(logPanel, stagesList, currentStageElement, streamOld) {
-    const url = streamOld === true ? `/events?stream_old=true` : `/events`; 
-    const eventSource = new EventSource(url);
-    window.evSource = eventSource;
-
-    eventSource.onmessage = function (event) {
-        const data = JSON.parse(event.data);
-
-        // Only process events from current task
-        if (data.task_id !== window.runningTaskId)
-            return;
-
-        // If task ended, close the stream
-        if (data.end) {
-            eventSource.close();
-            window.evSource = null;
-            if (typeof window.onPromptComplete === "function") {
-                window.onPromptComplete(data.response);
-            }
-            return;
-        }
-
-        currentStageElement = handleEvents(data, logPanel, stagesList, currentStageElement);
-
-        if(window.isPromptReceived){
-            eventSource.close();
-            window.evSource = null;
-        }
-    };
-
-    eventSource.onerror = function (err) {
-        console.error("EventSource failed:", err);
-        eventSource.close();
-        window.evSource = null;
-    };
-}
-
-function cleanMsg(message){
-    return message.replace(/[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g, '');
-}
-
-// This function handles Events
-function handleEvents(event, logPanel, stagesList, currentStageElement) {
-    if(event.kind === "chunk"){
-        const lines = [];
-        for(const ev of event.events){
-            lines.push(cleanMsg(ev.message))
-        }
-        appendManyToLogPanel(lines, logPanel);
-        return currentStageElement;
-    }
-    // Clean the message from ANSI escape sequences
-    var cleanMessage = cleanMsg(event.message);
-    if(event.interactive){
-        if (event.type === 'text'){
-            if (currentStageElement)
-                markStageAsComplete(currentStageElement);
-            
-            currentStageElement = addNewStage(cleanMessage, stagesList);
-            return currentStageElement;
-        }
-        else if (event.type === 'print'){
-            appendToLogPanel(cleanMessage, logPanel);
-            return currentStageElement;
-        }        
-    }
-
-    if(event.type === "yaml")
-        cleanMessage = event.message;
-    else
-        cleanMessage = cleanMessage.replace("\n", "<br>");
-    
-    if(event.type === "print"){
-        const p = create_p(cleanMessage);
-        p.addClass("fw-bold");
-        p.addClass("fs-5");
-        $("#content").append(p);
-        $("#text-content").show();
-    }
-    else if (event.type === "warning"){
-        const p = create_p(cleanMessage);
-        p.addClass("fw-bold");
-        p.addClass("text-danger");
-        p.addClass("fs-4");
-        $("#content").append(p);
-        $("#text-content").show();
-        scrollToElement("#text-content");
-    }
-    else if (event.type === "error"){
-        const p = create_p();
-        p.addClass("font-weight-bold");
-        p.addClass("text-danger");
-        p.addClass("fs-4");
-        p.html(cleanMessage);
-        $("#content").append(p);
-        $("#text-content").show();
-        scrollToElement("#text-content");
-    }
-    else if (event.type === "highlight"){
-        const p = create_p(cleanMessage);
-        p.addClass("fs-4");
-        $("#content").append(p);
-        $("#text-content").show();
-        scrollToElement("#text-content");
-    }
-    else if (event.type === "prompt"){
-        const p = create_p(cleanMessage);
-        p.addClass("mt-4");
-        p.addClass("fs-4 text-danger fw-bold");
-        $("#prompt-text").html(p);
-        $("#prompt-container").show();
-        scrollToElement("#prompt-container");
-        window.isPromptReceived = true;
-    }
-    else if (event.type === "yaml"){
-        // Display the YAML statistics in the <code> element
-        $("#yaml-content").html(cleanMessage);
-        // Show yaml container
-        $("#yaml-container").show();
-        // Apply Prism.js highlighting
-        Prism.highlightElement(document.getElementById("yaml-content"));
-        scrollToElement("#yaml-container");
-    }
-    else if(event.type === "url"){
-        const a = $("<a></a>");
-        a.html(cleanMessage);
-        a.attr("href", cleanMessage);
-        a.attr("target", "_blank");
-        a.addClass("fs-5");
-        $("#content").append(a);
-        $("#text-content").show();
-    }
-    else if (event.type === "code"){
-        const p = create_p(cleanMessage);
-        p.addClass("fs-4 fw-bold mt-4");
-        $("#content").append(p);
-        $("#text-content").show();
-    }
-    return currentStageElement;
-}
-
-// Adds a new stage (text type message) to the stage tracker
-function addNewStage(stageText, stagesList) {
-    const listItem = document.createElement('li');
-    listItem.className = 'list-group-item d-flex align-items-center';
-    listItem.innerHTML = `
-        <span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
-        <strong>${stageText}</strong>
-    `;
-    stagesList.appendChild(listItem);
-    return listItem; // Return the newly added stage element for future reference
-}
-
-// Marks a stage as complete by replacing the spinner with a checkmark
-function markStageAsComplete(stageElement) {
-    if (!stageElement) {
-        return;
-    }
-    const spinner = stageElement.querySelector('.spinner-border');
-    if (spinner) {
-        spinner.classList.remove('spinner-border', 'spinner-border-sm');
-        spinner.classList.add('text-success', 'fas', 'fa-check-circle');
-    }
-}
-
-function appendManyToLogPanel(messages, logPanel) {
-    if (!messages || !messages.length)
-        return;
-
-    // Appends chunk messages to the log panel
-    const frag = document.createDocumentFragment();
-    for (const m of messages) {
-        const node = document.createTextNode(m + "\n");
-        frag.appendChild(node);
-        logNodes.push(node);
-    }
-    logPanel.appendChild(frag);
-
-    const overflow = logNodes.length - window.maxLogMessages;
-    if (overflow > 0) {
-        for (let i = 0; i < overflow; i++) {
-            logPanel.removeChild(logNodes.shift());
-        }
-    }
-    // Scroll to the bottom of the log panel to show the latest logs
-    logPanel.scrollTop = logPanel.scrollHeight;
-}
-
-function appendToLogPanel(message, logPanel) {
-    // Appends log messages to the log panel
-    const node = document.createTextNode(message + "\n");
-    logPanel.appendChild(node);
-    logNodes.push(node);
-
-    while (logNodes.length > window.maxLogMessages) {
-        logPanel.removeChild(logNodes.shift());
-    }
-    // Scroll to the bottom of the log panel to show the latest logs
-    logPanel.scrollTop = logPanel.scrollHeight;
-}
-
-$(window).on("beforeunload pagehide", () => {
-    if(window.evSource){
-        window.evSource.close();
-        window.evSource = null;
-    }
-});
\ No newline at end of file
+
+function create_p(msg) {
+    var p = document.createElement("p");
+    p.innerHTML = msg;
+    return p;
+}
+
+function scrollToElement(selector) {
+    var el = document.querySelector(selector);
+    if (el) el.scrollIntoView({ behavior: "smooth", block: "start" });
+}
+
+function streamEvents(logPanel, stagesList, currentStageElement, streamOld) {
+    var url = "/events?task_name=" + encodeURIComponent(window.taskName);
+    url += streamOld ? "&stream_old=true" : "&stream_old=false";
+    
+    var eventSource = new EventSource(url);
+    window.evSource = eventSource;
+
+    eventSource.onmessage = function (event) {
+        var data = JSON.parse(event.data);
+        if (data.task_id != null && data.task_id !== window.taskName) return;
+        if (data.end) {
+            eventSource.close();
+            window.evSource = null;
+            if (typeof window.onPromptComplete === "function") {
+                window.onPromptComplete(data.response);
+                window.onPromptComplete = null;
+            }
+            return;
+        }
+        currentStageElement = handleEvents(data, logPanel, stagesList, currentStageElement);
+        if (window.isPromptReceived) {
+            eventSource.close();
+            window.evSource = null;
+        }
+    };
+
+    eventSource.onerror = function (err) {
+        console.error("EventSource failed:", err);
+        eventSource.close();
+        window.evSource = null;
+    };
+}
+
+function cleanMsg(message) {
+    return message.replace(/[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g, "");
+}
+
+function handleEvents(event, logPanel, stagesList, currentStageElement) {
+    if (event.kind === "chunk") {
+        var lines = [];
+        for (var i = 0; i < (event.events || []).length; i++) lines.push(cleanMsg(event.events[i].message));
+        appendManyToLogPanel(lines, logPanel);
+        return currentStageElement;
+    }
+    var cleanMessage = cleanMsg(event.message || "");
+    if (event.interactive) {
+        if (event.type === "text") {
+            if (currentStageElement) markStageAsComplete(currentStageElement);
+            currentStageElement = addNewStage(cleanMessage, stagesList);
+            return currentStageElement;
+        }
+        if (event.type === "print") {
+            appendToLogPanel(cleanMessage, logPanel);
+            return currentStageElement;
+        }
+    }
+    if (event.type === "yaml") cleanMessage = event.message;
+    else cleanMessage = cleanMessage.replace("\n", "<br>");
+
+    var content = document.getElementById("content");
+    var textContent = document.getElementById("text-content");
+    var promptText = document.getElementById("prompt-text");
+    var promptContainer = document.getElementById("prompt-container");
+    var yamlContent = document.getElementById("yaml-content");
+    var yamlContainer = document.getElementById("yaml-container");
+
+    if (event.type === "print") {
+        var p = create_p(cleanMessage);
+        p.className = "font-bold text-lg text-gray-900 dark:text-gray-100";
+        if (content) content.appendChild(p);
+        if (textContent) { textContent.style.display = ""; textContent.classList.remove("hidden"); }
+    } else if (event.type === "warning") {
+        var p = create_p(cleanMessage);
+        p.className = "font-bold text-red-600 dark:text-red-400 text-xl";
+        if (content) content.appendChild(p);
+        if (textContent) { textContent.style.display = ""; textContent.classList.remove("hidden"); }
+        scrollToElement("#text-content");
+    } else if (event.type === "error") {
+        var p = create_p(cleanMessage);
+        p.className = "font-bold text-red-600 dark:text-red-400 text-xl";
+        if (content) content.appendChild(p);
+        if (textContent) { textContent.style.display = ""; textContent.classList.remove("hidden"); }
+        scrollToElement("#text-content");
+    } else if (event.type === "highlight") {
+        var p = create_p(cleanMessage);
+        p.className = "text-xl text-gray-900 dark:text-gray-100";
+        if (content) content.appendChild(p);
+        if (textContent) { textContent.style.display = ""; textContent.classList.remove("hidden"); }
+        scrollToElement("#text-content");
+    } else if (event.type === "prompt") {
+        var p = create_p(cleanMessage);
+        p.className = "mt-4 text-xl text-red-600 dark:text-red-400 font-bold";
+        if (promptText) promptText.innerHTML = "";
+        if (promptText) promptText.appendChild(p);
+        if (promptContainer) { promptContainer.style.display = ""; promptContainer.classList.remove("hidden"); }
+        scrollToElement("#prompt-container");
+        window.isPromptReceived = true;
+    } else if (event.type === "yaml") {
+        if (yamlContent) yamlContent.innerHTML = cleanMessage;
+        if (yamlContainer) { yamlContainer.style.display = ""; yamlContainer.classList.remove("hidden"); }
+        if (window.Prism && yamlContent) Prism.highlightElement(yamlContent);
+        scrollToElement("#yaml-container");
+    } else if (event.type === "url") {
+        var a = document.createElement("a");
+        a.href = cleanMessage;
+        a.target = "_blank";
+        a.textContent = cleanMessage;
+        a.className = "text-lg text-gray-900 dark:text-gray-100 medperf-accent dark:text-green-400 hover:underline";
+        if (content) content.appendChild(a);
+        if (textContent) { textContent.style.display = ""; textContent.classList.remove("hidden"); }
+    } else if (event.type === "code") {
+        var p = create_p(cleanMessage);
+        p.className = "text-xl font-bold mt-4 text-gray-900 dark:text-gray-100";
+        if (content) content.appendChild(p);
+        if (textContent) { textContent.style.display = ""; textContent.classList.remove("hidden"); }
+    }
+    return currentStageElement;
+}
+
+var STAGE_SPINNER_CLASS = "inline-block w-5 h-5 flex-shrink-0 border-2 border-green-600 dark:border-green-400 border-t-transparent dark:border-t-transparent rounded-full animate-spin";
+
+function addNewStage(stageText, stagesList) {
+    if (!stagesList) return null;
+    var listItem = document.createElement("li");
+    listItem.className = "flex items-center gap-2 py-2";
+    var spinner = document.createElement("span");
+    spinner.className = STAGE_SPINNER_CLASS;
+    spinner.setAttribute("role", "status");
+    spinner.setAttribute("aria-hidden", "true");
+    var strong = document.createElement("strong");
+    strong.textContent = stageText;
+    listItem.appendChild(spinner);
+    listItem.appendChild(strong);
+    stagesList.appendChild(listItem);
+    return listItem;
+}
+
+function markStageAsComplete(stageElement) {
+    if (!stageElement) return;
+    var spinner = stageElement.querySelector(".animate-spin");
+    if (spinner) {
+        spinner.remove();
+        var check = document.createElement("i");
+        check.className = "fas fa-check-circle text-green-600 dark:text-green-400 flex-shrink-0";
+        check.setAttribute("aria-hidden", "true");
+        stageElement.insertBefore(check, stageElement.firstChild);
+    }
+}
+
+var logNodes = [];
+function appendManyToLogPanel(messages, logPanel) {
+    if (!messages || !messages.length || !logPanel) return;
+    for (var i = 0; i < messages.length; i++) {
+        var node = document.createTextNode(messages[i] + "\n");
+        logPanel.appendChild(node);
+        logNodes.push(node);
+    }
+    var maxLog = window.maxLogMessages || 1000;
+    while (logNodes.length > maxLog) {
+        var first = logNodes.shift();
+        if (first && first.parentNode) first.parentNode.removeChild(first);
+    }
+    logPanel.scrollTop = logPanel.scrollHeight;
+}
+
+function appendToLogPanel(message, logPanel) {
+    if (!logPanel) return;
+    var node = document.createTextNode(message + "\n");
+    logPanel.appendChild(node);
+    logNodes.push(node);
+    var maxLog = window.maxLogMessages || 1000;
+    while (logNodes.length > maxLog) {
+        var first = logNodes.shift();
+        if (first && first.parentNode) first.parentNode.removeChild(first);
+    }
+    logPanel.scrollTop = logPanel.scrollHeight;
+}
+
+window.addEventListener("beforeunload", function () {
+    if (window.evSource) {
+        window.evSource.close();
+        window.evSource = null;
+    }
+});
+window.addEventListener("pagehide", function () {
+    if (window.evSource) {
+        window.evSource.close();
+        window.evSource = null;
+    }
+});
diff --git a/cli/medperf/web_ui/static/js/folder_browsing.js b/cli/medperf/web_ui/static/js/folder_browsing.js
index 80a38e5f2..7ed30ba39 100644
--- a/cli/medperf/web_ui/static/js/folder_browsing.js
+++ b/cli/medperf/web_ui/static/js/folder_browsing.js
@@ -1,73 +1,91 @@
-function loadFolder(path) {
-    $.ajax({
-        url: "/api/browse",
-        method: "POST",
-        data: { path: path, with_files: browseWithFiles},
-        success: function(response) {
-            currentPath = response.current_folder;
-            const folderList = $("#folder-list");
-            folderList.empty();
+function showFolderPickerModal() {
+    const el = document.getElementById("folder-picker-modal");
+    if (el) { el.classList.remove("hidden"); document.body.classList.add("overflow-hidden"); }
+}
+function hideFolderPickerModal() {
+    const el = document.getElementById("folder-picker-modal");
+    if (el) { el.classList.add("hidden"); document.body.classList.remove("overflow-hidden"); }
+}
 
+function loadFolder(path) {
+    var formData = new FormData();
+    formData.append("path", path);
+    formData.append("with_files", browseWithFiles);
+    fetch("/api/browse", { method: "POST", body: formData })
+        .then(function (r) { return r.json(); })
+        .then(function (response) {
+            currentPath = response.current_folder || "";
+            var folderList = document.getElementById("folder-list");
+            if (!folderList) return;
+            folderList.innerHTML = "";
             if (response.parent) {
-                if(response.have_parent)
-                    folderList.append(`<li class='list-group-item folder-item' data-path='${response.parent}'>.. (parent)</li>`);
-                else
-                    folderList.append(`<li class='list-group-item folder-item parent-disabled' data-path='${response.parent}'>.. (parent)</li>`);
+                var li = document.createElement("li");
+                li.className = response.have_parent ? "folder-item cursor-pointer px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 border-b border-gray-200 dark:border-gray-600" : "folder-item parent-disabled cursor-not-allowed px-4 py-2 text-gray-400";
+                li.setAttribute("data-path", response.parent);
+                li.textContent = ".. (parent)";
+                folderList.appendChild(li);
             }
-
-            response.folders.forEach(item => {
-                if (item.type === "dir")
-                    folderList.append(`<li class='list-group-item folder-item' data-path='${item.path}'>${item.name}</li>`);
-                else
-                    folderList.append(`<li class='list-group-item folder-item file-item' data-path='${item.path}'>${item.name}</li>`);
+            (response.folders || []).forEach(function (item) {
+                var li = document.createElement("li");
+                li.className = item.type === "dir" ? "folder-item cursor-pointer px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 border-b border-gray-200 dark:border-gray-600" : "folder-item file-item cursor-pointer px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 border-b border-gray-200 dark:border-gray-600 text-gray-500";
+                li.setAttribute("data-path", item.path);
+                li.textContent = item.name;
+                folderList.appendChild(li);
             });
-            $("#folder-picker-modal-title").html(`Select Path: <code>${currentPath}</code>`);
-        }
-    });
+            var titleEl = document.getElementById("folder-picker-modal-title");
+            if (titleEl) titleEl.innerHTML = "Select Path: <code class=\"text-sm bg-gray-100 dark:bg-gray-700 px-1 rounded\">" + currentPath + "</code>";
+        });
 }
 
-function browseFolderHandler(elementId){
+function browseFolderHandler(elementId) {
     activeInput = document.getElementById(elementId);
-    if (currentPathType === "file"){
+    if (currentPathType === "file") {
         currentPathType = "folder";
         currentPath += "/..";
     }
     loadFolder(currentPath);
-    $("#folder-picker-modal").modal("show");
+    showFolderPickerModal();
 }
 
-// AJAX folder browsing logic
 let currentPath = "";
 let currentPathType = "folder";
 let browseWithFiles = false;
 let activeInput = null;
 
-$(document).ready(() => {
-    $("#folder-list").on("click", (e) => {
-        const clickedElement = e.target;
-        if (clickedElement.classList.contains("file-item")){
-            currentPath = e.target.getAttribute("data-path");
-            $("#folder-picker-modal-title").html(`<b>Selected File:</b> <code>${currentPath}</code>`);
-            currentPathType = "file";
-        }
-        else if (
-            clickedElement.classList.contains("folder-item") &&
-            !clickedElement.classList.contains("parent-disabled")
-        ) {
-            currentPath = e.target.getAttribute("data-path");
-            if (currentPathType === "file"){
-                currentPathType = "folder";
-                currentPath += "/..";
+document.addEventListener("DOMContentLoaded", function () {
+    const folderList = document.getElementById("folder-list");
+    if (folderList) {
+        folderList.addEventListener("click", function (e) {
+            const clicked = e.target.closest(".folder-item");
+            if (!clicked) return;
+            if (clicked.classList.contains("file-item")) {
+                currentPath = clicked.getAttribute("data-path");
+                const titleEl = document.getElementById("folder-picker-modal-title");
+                if (titleEl) titleEl.innerHTML = "<b>Selected File:</b> <code class=\"text-sm bg-gray-100 dark:bg-gray-700 px-1 rounded\">" + currentPath + "</code>";
+                currentPathType = "file";
+            } else if (!clicked.classList.contains("parent-disabled")) {
+                currentPath = clicked.getAttribute("data-path");
+                if (currentPathType === "file") {
+                    currentPathType = "folder";
+                    currentPath += "/..";
+                }
+                loadFolder(currentPath);
             }
-            loadFolder(currentPath);
-        }
-    });
-    
-    $("#select-folder-btn").on("click", () => {
-        if (activeInput) {
-            activeInput.value = currentPath;
-            $(activeInput).trigger("keyup");
-        }
-        $("#folder-picker-modal").modal("hide");
+        });
+    }
+
+    const selectBtn = document.getElementById("select-folder-btn");
+    if (selectBtn) {
+        selectBtn.addEventListener("click", function () {
+            if (activeInput) {
+                activeInput.value = currentPath;
+                activeInput.dispatchEvent(new Event("keyup", { bubbles: true }));
+            }
+            hideFolderPickerModal();
+        });
+    }
+
+    document.querySelectorAll("[data-dismiss-modal='folder-picker-modal']").forEach(function (btn) {
+        btn.addEventListener("click", hideFolderPickerModal);
     });
-});
\ No newline at end of file
+});
diff --git a/cli/medperf/web_ui/static/js/medperf_auth.js b/cli/medperf/web_ui/static/js/medperf_auth.js
index 301c19e06..0947e2a4f 100644
--- a/cli/medperf/web_ui/static/js/medperf_auth.js
+++ b/cli/medperf/web_ui/static/js/medperf_auth.js
@@ -1,46 +1,32 @@
 
-function onMedperfLoginSuccess(response){
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Successfully Logged In",
-            seconds: 1,
-            url:"/"
-        });
-    }
-    else{
+function onLoginSuccess(response) {
+    if (response.status === "success") {
+        showReloadModal({ title: "Logged in successfully", seconds: 3, url: "/" });
+    } else {
         showErrorModal("Login Failed", response);
     }
 }
 
-async function medperfLogin(medperfLoginBtn){
-    addSpinner(medperfLoginBtn);
-
-    const formData = new FormData($("#medperf-login-form")[0]);
-    
-    disableElements("#medperf-login-form input, #medperf-login-form button");
-
-    ajaxRequest(
-        "/medperf_login",
-        "POST",
-        formData,
-        onMedperfLoginSuccess,
-        "Error while logging in:"
-    );
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
-
 function checkLoginFormValidity() {
-    const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
-    const isValid = emailRegex.test($("#email").val());
-    $("#medperf-login-btn").prop("disabled", !isValid);
+    var emailInput = document.getElementById("email");
+    var btn = document.getElementById("medperf-login-btn");
+    if (!emailInput || !btn) return;
+    var emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+    btn.disabled = !emailRegex.test(emailInput.value.trim());
 }
 
-$(document).ready(() => {
-    $("#medperf-login-btn").on("click", (e) => {
-        let email =  $("#medperf-login-form input").val()
-        showConfirmModal(e.currentTarget, medperfLogin, `login as <strong>${email}</strong> ?`);
-    });
+function init() {
+    var form = document.getElementById("medperf-login-form");
+    if (form) {
+        form.addEventListener("submit", submitActionForm);
+        const emailInput = document.getElementById("email");
+        if (emailInput) emailInput.addEventListener("keyup", checkLoginFormValidity);
+    }
+    checkLoginFormValidity();
+}
 
-    $("#medperf-login-form input").on("keyup", checkLoginFormValidity);
-});
\ No newline at end of file
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", init);
+} else {
+    init();
+}
diff --git a/cli/medperf/web_ui/static/js/modal-queue.js b/cli/medperf/web_ui/static/js/modal-queue.js
new file mode 100644
index 000000000..0929775a0
--- /dev/null
+++ b/cli/medperf/web_ui/static/js/modal-queue.js
@@ -0,0 +1,131 @@
+(function () {
+    "use strict";
+
+    const modalId = "page-modal";
+    const dialogId = "page-modal-dialog";
+    const titleId = "page-modal-title";
+    const bodyId = "page-modal-body";
+    const footerId = "page-modal-footer";
+
+    window.modalQueue = window.modalQueue || [];
+    window.modalOpen = window.modalOpen || false;
+
+    function getEl(id) {
+        return document.getElementById(id);
+    }
+
+    const dialogBaseClass = "rounded-2xl shadow-xl w-full mx-auto relative bg-white dark:bg-gray-800 border-2 border-green-100 dark:border-gray-700 max-h-[90vh] flex flex-col scale-95 transition-transform duration-300 ease-out";
+
+    function resetModal() {
+        const dialog = getEl(dialogId);
+        const title = getEl(titleId);
+        if (dialog) dialog.setAttribute("class", dialogBaseClass + " max-w-md");
+        if (title) title.setAttribute("class", "text-xl font-bold medperf-accent dark:text-green-400");
+        if (getEl(bodyId)) getEl(bodyId).innerHTML = "";
+        if (getEl(footerId)) getEl(footerId).innerHTML = "";
+    }
+
+    function showModalImpl(options) {
+        const {
+            title = "",
+            body = "",
+            footer = "",
+            titleClasses = "",
+            modalClasses = "",
+            extra_func = null,
+        } = options;
+
+        resetModal();
+
+        const dialog = getEl(dialogId);
+        const titleEl = getEl(titleId);
+        const bodyEl = getEl(bodyId);
+        const footerEl = getEl(footerId);
+        const modalEl = getEl(modalId);
+
+        if (!modalEl || !titleEl || !bodyEl || !footerEl) return;
+
+        if (dialog) {
+            const sizeClass = (modalClasses || "").trim();
+            dialog.setAttribute("class", (sizeClass ? sizeClass + " " : "max-w-md ") + dialogBaseClass);
+        }
+        titleEl.setAttribute("class", "text-xl font-bold medperf-accent dark:text-green-400 " + (titleClasses || ""));
+        titleEl.innerHTML = title;
+        bodyEl.innerHTML = body;
+        bodyEl.classList.add("text-gray-900", "dark:text-white");
+        footerEl.innerHTML = footer;
+
+        if (typeof extra_func === "function") extra_func();
+
+        modalEl.classList.add("modal-visible");
+        if (dialog) dialog.classList.add("scale-100");
+        modalEl.setAttribute("aria-hidden", "false");
+        document.body.classList.add("overflow-hidden");
+    }
+
+    function hideModal() {
+        const modalEl = getEl(modalId);
+        const dialog = getEl(dialogId);
+        if (!modalEl) return;
+        modalEl.classList.remove("modal-visible");
+        if (dialog) dialog.classList.remove("scale-100");
+        modalEl.setAttribute("aria-hidden", "true");
+        document.body.classList.remove("overflow-hidden");
+    }
+
+    function onModalHidden() {
+        window.modalOpen = false;
+        if (window.modalQueue.length > 0) {
+            const next = window.modalQueue.shift();
+            window.modalOpen = true;
+            next();
+        }
+    }
+
+    function requestModal(showFn) {
+        if (!window.modalOpen) {
+            window.modalOpen = true;
+            showFn();
+        } else {
+            window.modalQueue.push(showFn);
+        }
+    }
+
+    function showModal(options) {
+        requestModal(function () {
+            showModalImpl(options);
+        });
+    }
+
+    function bindPageModal() {
+        const modalEl = getEl(modalId);
+        if (!modalEl) return;
+
+        const backdrop = document.getElementById("page-modal-backdrop");
+        const closeBtn = document.getElementById("page-modal-close-btn");
+
+        function close() {
+            hideModal();
+            onModalHidden();
+        }
+
+        if (backdrop) backdrop.addEventListener("click", close);
+        if (closeBtn) closeBtn.addEventListener("click", close);
+
+        modalEl.addEventListener("click", function (e) {
+            if (e.target === modalEl) close();
+        });
+    }
+
+    if (document.readyState === "loading") {
+        document.addEventListener("DOMContentLoaded", bindPageModal);
+    } else {
+        bindPageModal();
+    }
+
+    window.showModal = showModal;
+    window.requestModal = requestModal;
+    window.hidePageModal = hideModal;
+    window.onModalHidden = onModalHidden;
+    window.resetModal = resetModal;
+})();
diff --git a/cli/medperf/web_ui/static/js/models/model_detail.js b/cli/medperf/web_ui/static/js/models/model_detail.js
index 883d51515..810667f3a 100644
--- a/cli/medperf/web_ui/static/js/models/model_detail.js
+++ b/cli/medperf/web_ui/static/js/models/model_detail.js
@@ -1,45 +1,13 @@
-function onModelAssociationRequestSuccess(response){
-    markAllStagesAsComplete();
-    if(response.status === "success"){
-        showReloadModal({
-            title: "Association Requested Successfully",
-            seconds: 3,
-        });
-    }
-    else{
-        showErrorModal("Association Request Failed", response);
-    }
-}
-
-async function requestModelAssociation(requestAssociationButton){
-    $("#dropdown-div").removeClass("show");
-    addSpinner($("#associate-dropdown-btn")[0]);
-
-    const modelId = requestAssociationButton.getAttribute("data-model-id");
-    const benchmarkId = requestAssociationButton.getAttribute("data-benchmark-id");
-
-    const formData = new FormData();
-    formData.append("model_id", modelId);
-    formData.append("benchmark_id", benchmarkId);
-
-    disableElements(".card button");
+var REDIRECT_BASE = "/models/ui/display/";
 
-    ajaxRequest(
-        "/models/associate",
-        "POST",
-        formData,
-        onModelAssociationRequestSuccess,
-        "Error requesting model association:"
-    );
-
-    showPanel(`Requesting Model Association...`);
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
+function initModelDetail() {
+    document.querySelectorAll("form.model-action-form").forEach(function (form) {
+        form.addEventListener("submit", submitActionForm);
+    });
 }
 
-
-$(document).ready(() => {
-    $(".request-association-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, requestModelAssociation, "request model association?");
-    });
-});
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initModelDetail);
+} else {
+    initModelDetail();
+}
diff --git a/cli/medperf/web_ui/static/js/notifications.js b/cli/medperf/web_ui/static/js/notifications.js
index de267872f..126668fa0 100644
--- a/cli/medperf/web_ui/static/js/notifications.js
+++ b/cli/medperf/web_ui/static/js/notifications.js
@@ -1,170 +1,126 @@
-
 function showToast(title, message, bgClass) {
+    const bgMap = { "text-bg-primary": "bg-blue-500", "text-bg-success": "bg-green-600", "text-bg-danger": "bg-red-600", "text-bg-info": "bg-blue-500" };
+    const bg = bgMap[bgClass] || "bg-gray-700";
     const toastHTML = `
-      <div class="toast align-items-center ${bgClass} border-0 mb-2" role="alert" aria-live="assertive" aria-atomic="true">
-        <div class="toast-header ${bgClass} d-flex">
-          <strong>${title}</strong>
-          <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-        </div>
-        <div class="d-flex">
-          <div class="toast-body fw-bold">${message}</div>
+      <div class="toast-item flex items-center gap-3 ${bg} text-white rounded-xl shadow-lg px-4 py-3 border-0" role="alert" aria-live="assertive" aria-atomic="true">
+        <div class="flex-1 min-w-0">
+          <strong class="block">${title}</strong>
+          <span class="text-sm opacity-90">${message}</span>
         </div>
+        <button type="button" class="toast-close flex-shrink-0 w-8 h-8 rounded-lg hover:bg-white/20 flex items-center justify-center text-lg leading-none cursor-pointer" aria-label="Close">&times;</button>
       </div>
     `;
+    const el = document.createElement("div");
+    el.innerHTML = toastHTML.trim();
+    const toastEl = el.firstChild;
+    toastEl.classList.add("pointer-events-auto");
+    const container = document.getElementById("toast-container");
+    if (container) container.appendChild(toastEl);
 
-    const $toast = $(toastHTML);
-    $("#toast-container").append($toast);
-
-    const bsToast = new bootstrap.Toast($toast[0], {
-        animation: true,
-        delay: 5000
-    });
-
-    bsToast.show();
-
-    $toast.on("hidden.bs.toast", function () {
-        $(this).remove();
+    toastEl.querySelector(".toast-close").addEventListener("click", () => {
+        toastEl.remove();
     });
+    setTimeout(() => toastEl.remove(), 5000);
 }
 
-function changeNotificationCount(increment=true){
-    const notification_count_element = $("#notifications-count");
-    var notification_count = Number(notification_count_element.text());
-    if (increment)
-        notification_count += 1;
-    else
-        notification_count -= 1;
-    notification_count_element.html(notification_count);
-    if(notification_count > 0){
-        if (notification_count_element.hasClass("d-none"))
-            notification_count_element.removeClass("d-none");
-    }
-    else{
-        if (!notification_count_element.hasClass("d-none"))
-            notification_count_element.addClass("d-none");
-    }
+function changeNotificationCount(increment) {
+    const el = document.getElementById("notifications-count");
+    if (!el) return;
+    let n = parseInt(el.textContent, 10) || 0;
+    n = increment ? n + 1 : Math.max(0, n - 1);
+    el.textContent = n;
+    if (n > 0) el.classList.remove("hidden");
+    else el.classList.add("hidden");
 }
 
-function addNotification(notification){
-    const notifications_list = $("#notifications-list");
-    let bgClass, borderClass
-    if(!$(".notification-text").length){
-        notifications_list.html("");
-    }
-    if (notification.type === "success"){
-        bgClass = "bg-light text-success";
-        borderClass = "border-success";
-    }
-    else if (notification.type === "info"){
-        bgClass = "bg-light text-info";
-        borderClass = "border-info";
-    }
-    else{
-        bgClass = "bg-light text-danger";
-        borderClass = "border-danger";
-    }
+function addNotification(notification) {
+    const list = document.getElementById("notifications-list");
+    if (!list) return;
+    if (!list.querySelector(".notification-text")) list.innerHTML = "";
 
-    const fontWeight = !notification.read ? "fw-bold" : "";
-    const mark_read_btn = $(`<button class="btn btn-sm btn-outline-secondary" data-id="${notification.id}" type="button">Mark as Read</button>`);
-    const delete_btn = $(`<button class="btn btn-sm btn-outline-danger" data-id="${notification.id}" type="button">Delete</button>`);
-    const new_notification = $(`
-        <li class="dropdown-item" data-id=${notification.id} data-read=${notification.read}>
-            <div class="d-flex flex-column mb-2 p-2 ${bgClass} border-2 border-bottom ${borderClass}">
-                <div class="${fontWeight} notification-text" data-id=${notification.id}>${notification.message}</div>
-                <div class="small text-muted">${timeAgo(notification.timestamp)}</div>
-                <div class="mt-1 d-flex gap-2">
-                </div>
-            </div>
-        </li>
-    `);
-    const buttonContainer = new_notification.find("div.mt-1.d-flex.gap-2");
-    if (!notification.read) {
-        buttonContainer.append(mark_read_btn);
-    }
+    let bgClass = "bg-gray-50 dark:bg-gray-700 text-gray-800 dark:text-gray-200 border-gray-200 dark:border-gray-600";
+    if (notification.type === "success") bgClass = "bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-200 border-green-200 dark:border-green-800";
+    else if (notification.type === "info") bgClass = "bg-blue-50 dark:bg-blue-900/20 text-blue-800 dark:text-blue-200 border-blue-200 dark:border-blue-800";
+    else bgClass = "bg-red-50 dark:bg-red-900/20 text-red-800 dark:text-red-200 border-red-200 dark:border-red-800";
 
-    if(notification.url !== ""){
-        buttonContainer.append(`<a href="${notification.url}" class="btn btn-sm btn-outline-primary">Open</a>`);
-    }
+    const fontWeight = !notification.read ? "font-bold" : "";
+    const markReadBtn = `<button class="mark-read-btn px-3 py-1.5 rounded-lg border border-gray-300 dark:border-gray-600 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" data-id="${notification.id}" type="button">Mark as Read</button>`;
+    const deleteBtn = `<button class="delete-notif-btn px-3 py-1.5 rounded-lg border border-red-300 dark:border-red-700 text-red-600 dark:text-red-400 text-sm hover:bg-red-50 dark:hover:bg-red-900/20 cursor-pointer" data-id="${notification.id}" type="button">Delete</button>`;
+    let buttons = "";
+    if (!notification.read) buttons += markReadBtn;
+    if (notification.url) buttons += `<a href="${notification.url}" class="px-3 py-1.5 rounded-lg border border-green-300 dark:border-green-700 text-green-700 dark:text-green-400 text-sm hover:bg-green-50 dark:hover:bg-green-900/20 cursor-pointer">Open</a>`;
+    buttons += deleteBtn;
 
-    buttonContainer.append(delete_btn);
-    
-    notifications_list.prepend(new_notification);
-    if(!notification.read){
-        changeNotificationCount();
-        $(mark_read_btn).on("click", function(e) {
-            const id = e.target.getAttribute("data-id");
-            const current_button = e.target;
-            $.ajax({
-                url: "/notifications/mark_read",
-                method: "post",
-                data: { notification_id: id },
-                async: true,
-                success: function () {
-                    const element = document.querySelector(`.notification-text[data-id="${id}"]`);
-                    if(element)
-                        element.classList.remove("fw-bold");
-                    current_button.remove();
-                    changeNotificationCount(false);
-                },
-                error: function (xhr, status, error) {
-                    console.error("Failed to mark as read:", error);
-                }
-            });
-        });
-    }
-    $(delete_btn).on("click", function(e) {
-        const id = e.target.getAttribute("data-id");
-        $.ajax({
-            url: "/notifications/delete",
-            method: "post",
-            data: { notification_id: id },
-            async: true,
-            success: function () {
-                deleteNotification(id);
-            },
-            error: function (xhr, status, error) {
-                console.error("Failed to delete:", error);
-            }
+    const li = document.createElement("li");
+    li.className = "px-4 py-3 border-b border-gray-100 dark:border-gray-700";
+    li.setAttribute("data-id", notification.id);
+    li.setAttribute("data-read", notification.read);
+    li.innerHTML = `
+      <div class="flex flex-col p-2 rounded-lg border-2 ${bgClass}">
+        <div class="${fontWeight} notification-text" data-id="${notification.id}">${notification.message}</div>
+        <div class="text-xs text-gray-500 dark:text-gray-400 mt-1">${timeAgo(notification.timestamp)}</div>
+        <div class="mt-2 flex flex-wrap gap-2">${buttons}</div>
+      </div>
+    `;
+
+    list.insertBefore(li, list.firstChild);
+
+    if (!notification.read) changeNotificationCount(true);
+
+    var markReadBtnEl = li.querySelector(".mark-read-btn");
+    if (markReadBtnEl) markReadBtnEl.addEventListener("click", function () {
+        var id = this.getAttribute("data-id");
+        var fd = new FormData();
+        fd.append("notification_id", id);
+        fetch("/notifications/mark_read", { method: "POST", body: fd }).then(function () {
+            var textEl = document.querySelector(".notification-text[data-id=\"" + id + "\"]");
+            if (textEl) textEl.classList.remove("font-bold");
+            var btn = li.querySelector(".mark-read-btn");
+            if (btn) btn.remove();
+            changeNotificationCount(false);
         });
     });
+    var deleteBtnEl = li.querySelector(".delete-notif-btn");
+    if (deleteBtnEl) deleteBtnEl.addEventListener("click", function () {
+        var id = this.getAttribute("data-id");
+        var fd = new FormData();
+        fd.append("notification_id", id);
+        fetch("/notifications/delete", { method: "POST", body: fd }).then(function () { deleteNotification(id); });
+    });
 }
 
-function processNotification(notification){
+function processNotification(notification) {
     let bg = "text-bg-primary";
-    if (notification.type === "success")
-        bg = "text-bg-success";
-    else if (notification.type === "failed")
-        bg = "text-bg-danger";
-
+    if (notification.type === "success") bg = "text-bg-success";
+    else if (notification.type === "failed") bg = "text-bg-danger";
     showToast("New Notification", notification.message, bg);
     addNotification(notification);
 }
 
-function deleteNotification(notification_id){
-    const element = document.querySelector(`.dropdown-item[data-id="${notification_id}"]`);
-    if(element){
-        element.remove();
-        if(element.getAttribute("data-read") == "false")
-            changeNotificationCount(false);
+function deleteNotification(notification_id) {
+    const el = document.querySelector(`#notifications-list [data-id="${notification_id}"]`);
+    if (el) {
+        if (el.getAttribute("data-read") === "false") changeNotificationCount(false);
+        el.remove();
     }
-    if(!$("#notifications-list > li").length){
-        $("#notifications-list").append("<li class='dropdown-item'>No notifications yet</li>");
+    const list = document.getElementById("notifications-list");
+    if (list && !list.querySelector("li[data-id]")) {
+        const empty = document.createElement("li");
+        empty.className = "px-4 py-3 text-gray-500 dark:text-gray-400 text-sm";
+        empty.textContent = "No notifications yet";
+        list.appendChild(empty);
     }
 }
 
 function timeAgo(timestamp) {
     timestamp = timestamp * 1000;
     const seconds = Math.floor((new Date() - new Date(timestamp)) / 1000);
-    if (seconds < 5)
-        return "Just now";
-    else if (seconds < 60)
-        return `${seconds} seconds ago`
+    if (seconds < 5) return "Just now";
+    if (seconds < 60) return `${seconds} seconds ago`;
     const minutes = Math.floor(seconds / 60);
-    if (minutes < 60)
-        return `${minutes} min ago`;
+    if (minutes < 60) return `${minutes} min ago`;
     const hours = Math.floor(minutes / 60);
-    if (hours < 24)
-        return `${hours} hr${hours > 1 ? "s" : ""} ago`;
+    if (hours < 24) return `${hours} hr${hours > 1 ? "s" : ""} ago`;
     const days = Math.floor(hours / 24);
     return `${days} day${days > 1 ? "s" : ""} ago`;
-}
\ No newline at end of file
+}
diff --git a/cli/medperf/web_ui/static/js/prism-json-1.29.0.min.js b/cli/medperf/web_ui/static/js/prism-json-1.29.0.min.js
new file mode 100644
index 000000000..4256f8200
--- /dev/null
+++ b/cli/medperf/web_ui/static/js/prism-json-1.29.0.min.js
@@ -0,0 +1 @@
+Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},Prism.languages.webmanifest=Prism.languages.json;
\ No newline at end of file
diff --git a/cli/medperf/web_ui/static/js/results/results_utils.js b/cli/medperf/web_ui/static/js/results/results_utils.js
index 3cd3ba201..9b1477c15 100644
--- a/cli/medperf/web_ui/static/js/results/results_utils.js
+++ b/cli/medperf/web_ui/static/js/results/results_utils.js
@@ -1,17 +1,19 @@
-function showResult(element){
-    const result = JSON.parse(element.getAttribute("data-result"));
-    const resultPrettified = JSON.stringify(result, null, 2);
-
-    const modalTitle = "Results";
-    const modalBody = `<pre id="result-content" class="language-yaml">${resultPrettified}</pre>`
-    const modalFooter = '<button type="button" class="btn btn-primary" data-bs-dismiss="modal" aria-label="Close">Close</button>';
-    const extra_fn = () => { Prism.highlightElement($("#result-content")[0]); }
-
+function showResult(element) {
+    var resultStr = element.getAttribute("data-result");
+    var result = {};
+    try { result = JSON.parse(resultStr || "{}"); } catch (_) {}
+    var resultPrettified = JSON.stringify(result, null, 2);
+    var modalBody = "<pre id=\"result-content\" class=\"language-json overflow-x-auto p-4 rounded-lg bg-gray-100 dark:bg-gray-700\">" + resultPrettified.replace(/</g, "&lt;") + "</pre>";
+    var modalFooter = "<button type=\"button\" class=\"px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold close-modal-btn\">Close</button>";
+    var extra = function () {
+        var el = document.getElementById("result-content");
+        if (window.Prism && el) Prism.highlightElement(el);
+    };
     showModal({
-        title: modalTitle,
+        title: "Results",
         body: modalBody,
         footer: modalFooter,
-        modalClasses: "modal-lg",
-        extra_func: extra_fn
+        modalClasses: "max-w-4xl w-full",
+        extra_func: extra
     });
-}
\ No newline at end of file
+}
diff --git a/cli/medperf/web_ui/static/js/settings.js b/cli/medperf/web_ui/static/js/settings.js
index 563ffd3d2..c09fa1a77 100644
--- a/cli/medperf/web_ui/static/js/settings.js
+++ b/cli/medperf/web_ui/static/js/settings.js
@@ -1,257 +1,109 @@
-function showProfileModal(profileName, profileData){
-
-    const modalTitle = "View Profile";
-    const modalBody = `
-    <h5 class="text-center">Profile Name: ${profileName}</h5>
-    <pre id="profile-yaml" class="language-yaml">${profileData}</pre>
-    `;
-    const modalFooter = '<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>';
-    const extra_fn = () => { Prism.highlightElement($("#profile-yaml")[0]); };
-
+function showProfileModal(profileName, profileData) {
+    var modalBody = "<h5 class=\"text-center text-lg font-bold mb-4\">Profile Name: " + profileName + "</h5><pre id=\"profile-yaml\" class=\"language-yaml overflow-x-auto p-4 rounded-lg bg-gray-100 dark:bg-gray-700\">" + (profileData || "").replace(/</g, "&lt;") + "</pre>";
+    var modalFooter = "<button type=\"button\" class=\"px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold close-modal-btn\">Close</button>";
+    var extra = function () {
+        var el = document.getElementById("profile-yaml");
+        if (window.Prism && el) Prism.highlightElement(el);
+    };
     showModal({
-        title: modalTitle,
+        title: "View Profile",
         body: modalBody,
         footer: modalFooter,
-        modalClasses: "modal-lg",
-        extra_func: extra_fn
+        modalClasses: "max-w-4xl w-full",
+        extra_func: extra
     });
 }
 
-
 function activateProfile(activateProfileBtn) {
     addSpinner(activateProfileBtn);
-
-    const formData = new FormData($("#profiles-form")[0]);
-    
+    var form = document.getElementById("profiles-form");
+    var formData = form ? new FormData(form) : new FormData();
     disableElements("#profiles-form select, #profiles-form button");
     disableElements("#edit-config-form input, #edit-config-form button, #edit-config-form select");
     disableElements("#user-certificate button");
-    
-    ajaxRequest(
-        "/settings/activate_profile",
-        "POST",
-        formData,
-        (response) => {
-            if (response.status === "success"){
-                showReloadModal({
-                    title: "Profile Activated Successfully",
-                    seconds: 3
-                });
-            }
-            else {
-                showErrorModal("Failed to Activate Profile", response);
-            }
-        },
-        "Error activating profile:"
-    );
+    ajaxRequest("/settings/activate_profile", "POST", formData, function (response) {
+        if (response && response.status === "success") showReloadModal({ title: "Profile Activated Successfully", seconds: 3 });
+        else showErrorModal("Failed to Activate Profile", response);
+    }, "Error activating profile:");
 }
 
-function viewProfile(viewProfileBtn){
-    const formData = new FormData($("#profiles-form")[0]);
-    
+function viewProfile(viewProfileBtn) {
+    var form = document.getElementById("profiles-form");
+    var formData = form ? new FormData(form) : new FormData();
     disableElements("#profiles-form select, #profiles-form button");
-
-    ajaxRequest(
-        "/settings/view_profile",
-        "POST",
-        formData,
-        (response) => {
-            if (response.status === "success"){
-                const profileName = response.profile;
-                const profileData = response.profile_dict;
-
-                showProfileModal(profileName, profileData);
-
-                enableElements("#profiles-form select, #profiles-form button");
-                checkProfileMatch();
-            }
-            else {
-                showErrorModal("Failed to Get Profile Details", response);
-            }
-        },
-        "Error viewing profile:"
-    );
+    ajaxRequest("/settings/view_profile", "POST", formData, function (response) {
+        if (response && response.status === "success") {
+            showProfileModal(response.profile, response.profile_dict);
+            enableElements("#profiles-form select, #profiles-form button");
+            checkProfileMatch();
+        } else showErrorModal("Failed to Get Profile Details", response);
+    }, "Error viewing profile:");
 }
 
 function editProfile(editProfileBtn) {
-    const formData = new FormData($("#edit-config-form")[0]);
-
+    var form = document.getElementById("edit-config-form");
+    var formData = form ? new FormData(form) : new FormData();
     disableElements("#profiles-form select, #profiles-form button");
     disableElements("#edit-config-form input, #edit-config-form button, #edit-config-form select");
     disableElements("#user-certificate button");
-
-    ajaxRequest(
-        "/settings/edit_profile",
-        "POST",
-        formData,
-        (response) => {
-            if (response.status === "success"){
-                showReloadModal({
-                    title: "Profile Settings Edited Successfully",
-                    seconds: 3
-                });
-            }
-            else {
-                showErrorModal("Failed to Edit Profile Settings", response);
-            }
-        },
-        "Error editing profile:"
-    );
-}
-
-function onGetCertSuccess(response){
-    if (response.status === "success"){
-        showReloadModal({
-            title: "Certificate Retrieved Successfully",
-            seconds: 3
-        });
-    }
-    else {
-        showErrorModal("Failed to Get Certificate", response);
-    }
-}
-
-function onDeleteCertSuccess(response){
-    if (response.status === "success"){
-        showReloadModal({
-            title: "Certificate Deleted Successfully",
-            seconds: 3
-        });
-    }
-    else {
-        showErrorModal("Failed to Delete Certificate", response);
-    }
-}
-
-function onSubmitCertSuccess(response){
-    if (response.status === "success"){
-        showReloadModal({
-            title: "Certificate Submitted Successfully",
-            seconds: 3
-        });
-    }
-    else {
-        showErrorModal("Failed to Submit Certificate", response);
-    }
-}
-
-async function getCertificate(getCertBtn){
-    addSpinner(getCertBtn);
-
-    disableElements("#profiles-form select, #profiles-form button");
-    disableElements("#edit-config-form input, #edit-config-form button, #edit-config-form select");
-    disableElements("#certificate-settings button");
-
-    ajaxRequest(
-        "/settings/get_certificate",
-        "POST",
-        null,
-        onGetCertSuccess,
-        "Error getting certificate:"
-    );
-
-    showPanel(`Getting Client Certificate...`);
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
-
-async function deleteCertificate(deleteCertBtn){
-    addSpinner(deleteCertBtn);
-
-    disableElements("#profiles-form select, #profiles-form button");
-    disableElements("#edit-config-form input, #edit-config-form button, #edit-config-form select");
-    disableElements("#certificate-settings button");
-
-    ajaxRequest(
-        "/settings/delete_certificate",
-        "POST",
-        null,
-        onDeleteCertSuccess,
-        "Error deleting certificate:"
-    );
-
-    showPanel(`Deleting Client Certificate...`);
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
-}
-
-async function submitCertificate(submitCertBtn){
-    addSpinner(submitCertBtn);
-    
-    disableElements("#profiles-form select, #profiles-form button");
-    disableElements("#edit-config-form input, #edit-config-form button, #edit-config-form select");
-    disableElements("#certificate-settings button");
-
-    ajaxRequest(
-        "/settings/submit_certificate",
-        "POST",
-        null,
-        onSubmitCertSuccess,
-        "Error submitting certificate:"
-    );
-
-    showPanel(`Submitting Client Certificate...`);
-    window.runningTaskId = await getTaskId();
-    streamEvents(logPanel, stagesList, currentStageElement);
+    ajaxRequest("/settings/edit_profile", "POST", formData, function (response) {
+        if (response && response.status === "success") showReloadModal({ title: "Profile Settings Edited Successfully", seconds: 3 });
+        else showErrorModal("Failed to Edit Profile Settings", response);
+    }, "Error editing profile:");
 }
 
 function checkForProfileEditChanges() {
-    const gpusVal = $('#gpus').val();
-    const platformVal = $('#platform').val();
-    const caVal = $('#ca').val();
-    const fingerprintVal = $('#fingerprint').val();
-
-    const gpusChanged = gpusVal !== window.currentSettings.defaultGpus;
-    const platformChanged = platformVal !== window.currentSettings.defaultPlatform;
-    const caChanged = caVal !== window.currentSettings.defaultCA;
-    const fingerprintChanged = fingerprintVal !== window.currentSettings.defaultFingerprint;
-
-
-    $('#apply-profile-changes-btn').prop('disabled', !(gpusChanged || platformChanged || caChanged || fingerprintChanged));
+    var gpusEl = document.getElementById("gpus");
+    var platformEl = document.getElementById("platform");
+    var caEl = document.getElementById("ca");
+    var fingerprintEl = document.getElementById("fingerprint");
+    var gpusVal = gpusEl ? gpusEl.value : "";
+    var platformVal = platformEl ? platformEl.value : "";
+    var caVal = caEl ? caEl.value : "";
+    var fingerprintVal = fingerprintEl ? fingerprintEl.value : "";
+    var gpusChanged = gpusVal !== window.currentSettings.defaultGpus;
+    var platformChanged = platformVal !== window.currentSettings.defaultPlatform;
+    var caChanged = caVal !== window.currentSettings.defaultCA;
+    var fingerprintChanged = fingerprintVal !== window.currentSettings.defaultFingerprint;
+    var btn = document.getElementById("apply-profile-changes-btn");
+    if (btn) btn.disabled = !(gpusChanged || platformChanged || caChanged || fingerprintChanged);
 }
 
 function checkProfileMatch() {
-    const selectedProfile = $('#profile').val();
-
+    var profileEl = document.getElementById("profile");
+    var selectedProfile = profileEl ? profileEl.value : "";
+    var editContainer = document.getElementById("edit-config-container");
+    var activateBtn = document.getElementById("activate-profile-btn");
     if (selectedProfile === window.currentSettings.activeProfile) {
-        $('#edit-config-container').show();
-        $('#activate-profile-btn').prop('disabled', true);
+        if (editContainer) { editContainer.style.display = ""; editContainer.classList.remove("hidden"); }
+        if (activateBtn) activateBtn.disabled = true;
     } else {
-        $('#edit-config-container').hide();
-        $('#activate-profile-btn').prop('disabled', false);
+        if (editContainer) { editContainer.style.display = "none"; editContainer.classList.add("hidden"); }
+        if (activateBtn) activateBtn.disabled = false;
     }
 }
 
-
-$(document).ready(() => {
-    $("#activate-profile-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, activateProfile, "activate this profile?");
-    });
-
-    $("#view-profile-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, viewProfile, "view this profile?");
-    });
-
-    $("#apply-profile-changes-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, editProfile, "edit this profile?");
-    });
-
-    $("#get-cert-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, getCertificate, "get a new certificate?");
+function initSettings() {
+    document.querySelectorAll("form.settings-action-form").forEach(function (form) {
+        form.addEventListener("submit", submitActionForm);
     });
-
-    $("#delete-cert-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, deleteCertificate, "delete the certificate?");
+    var activateBtn = document.getElementById("activate-profile-btn");
+    var viewBtn = document.getElementById("view-profile-btn");
+    var applyBtn = document.getElementById("apply-profile-changes-btn");
+    var profileEl = document.getElementById("profile");
+    if (activateBtn) activateBtn.addEventListener("click", function (e) { showConfirmModal(e.currentTarget, activateProfile, "activate this profile?"); });
+    if (viewBtn) viewBtn.addEventListener("click", function (e) { showConfirmModal(e.currentTarget, viewProfile, "view this profile?"); });
+    if (applyBtn) applyBtn.addEventListener("click", function (e) { showConfirmModal(e.currentTarget, editProfile, "edit this profile?"); });
+    if (profileEl) profileEl.addEventListener("change", checkProfileMatch);
+    document.querySelectorAll("#gpus, #platform, #ca, #fingerprint").forEach(function (el) {
+        if (el) el.addEventListener("input", checkForProfileEditChanges);
     });
-
-    $("#submit-cert-btn").on("click", (e) => {
-        showConfirmModal(e.currentTarget, submitCertificate, "submit the certificate?");
-    });
-
-    $('#profile').on('change', checkProfileMatch);
-    $('#gpus, #platform, #ca, #fingerprint').on('input', checkForProfileEditChanges);
-
-    // Run initial state checks
     checkProfileMatch();
     checkForProfileEditChanges();
-});
\ No newline at end of file
+}
+
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initSettings);
+} else {
+    initSettings();
+}
diff --git a/cli/medperf/web_ui/static/js/training/training_detail.js b/cli/medperf/web_ui/static/js/training/training_detail.js
new file mode 100644
index 000000000..9857d48c8
--- /dev/null
+++ b/cli/medperf/web_ui/static/js/training/training_detail.js
@@ -0,0 +1,37 @@
+var REDIRECT_BASE = "/training/ui/display/";
+
+function init() {
+    var browseSetPlanBtn = document.getElementById("browse-set-plan-btn");
+    if (browseSetPlanBtn) {
+        browseSetPlanBtn.addEventListener("click", function () {
+            if (typeof browseFolderHandler === "function") {
+                browseWithFiles = true;
+                browseFolderHandler("set-plan-path");
+            }
+        });
+    }
+    var browseStartEventParticipantsBtn = document.getElementById("browse-start-event-participants-btn");
+    if (browseStartEventParticipantsBtn) {
+        browseStartEventParticipantsBtn.addEventListener("click", function () {
+            if (typeof browseFolderHandler === "function") {
+                browseWithFiles = true;
+                browseFolderHandler("start-event-participants-path");
+            }
+        });
+    }
+
+    var actionForms = document.querySelectorAll(
+        '#set-plan-form, #update-plan-form, #start-event-form, #close-event-form, #get-status-form, ' +
+        '#set-aggregator-form, .training-approve-reject-form'
+    );
+
+    actionForms.forEach(function (form) {
+        form.addEventListener("submit", submitActionForm);
+    });
+}
+
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", init);
+} else {
+    init();
+}
diff --git a/cli/medperf/web_ui/static/js/training/training_register.js b/cli/medperf/web_ui/static/js/training/training_register.js
new file mode 100644
index 000000000..f98ea51f4
--- /dev/null
+++ b/cli/medperf/web_ui/static/js/training/training_register.js
@@ -0,0 +1,36 @@
+REDIRECT_BASE = "/training/ui/display/";
+
+function onTrainingRegisterSuccess(response) {
+    markAllStagesAsComplete();
+    if (response && response.status === "success") {
+        showReloadModal({ title: "Training Experiment Successfully Registered", seconds: 3, url: "/training/ui/display/" + response.training_id });
+    } else {
+        showErrorModal("Training Experiment Registration Failed", response);
+    }
+}
+
+function checkTrainingFormValidity() {
+    var nameEl = document.getElementById("name");
+    var dataPrepEl = document.getElementById("data-preparation-container");
+    var flEl = document.getElementById("fl-container");
+    var nameValue = nameEl ? nameEl.value.trim() : "";
+    var dataPrepValue = dataPrepEl && dataPrepEl.value ? Number(dataPrepEl.value) : 0;
+    var flValue = flEl && flEl.value ? Number(flEl.value) : 0;
+    var isValid = nameValue.length > 0 && dataPrepValue > 0 && flValue > 0;
+    var btn = document.getElementById("register-training-btn");
+    if (btn) btn.disabled = !isValid;
+}
+
+function init() {
+    var form = document.getElementById("register-training-form");
+    if (form) {
+        form.addEventListener("submit", submitActionForm);
+        form.querySelectorAll("input, textarea, select").forEach(function (el) {
+            el.addEventListener("keyup", checkTrainingFormValidity);
+            el.addEventListener("change", checkTrainingFormValidity);
+        });
+    }
+    checkTrainingFormValidity();
+}
+if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
+else init();
diff --git a/cli/medperf/web_ui/templates/aggregators/aggregator_detail.html b/cli/medperf/web_ui/templates/aggregators/aggregator_detail.html
new file mode 100644
index 000000000..0cff11be5
--- /dev/null
+++ b/cli/medperf/web_ui/templates/aggregators/aggregator_detail.html
@@ -0,0 +1,159 @@
+{% extends "detail_base.html" %}
+
+{% block title %}Aggregator Details{% endblock %}
+
+{% block detail_panel %}
+{% set aggregator_running = (task_running and "start_aggregator" in request.app.state.active_tasks) %}
+{% if aggregator_running %}
+{% set form_data = request.app.state.active_tasks["start_aggregator"].formData %}
+{% endif %}
+
+<div class="mb-8">
+    <div class="flex items-center justify-between mb-6">
+        <div class="flex items-center mb-3">
+            <h1 class="text-5xl font-bold medperf-accent dark:text-green-400">{{ entity.name }}</h1>
+        </div>
+    </div>
+</div>
+
+<div class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6">
+    <div class="flex flex-wrap justify-between items-center gap-4 mb-6">
+        <h2 class="text-3xl font-bold medperf-accent dark:text-green-400 flex items-center">
+            <i class="fas fa-info-circle mr-3"></i>Details
+        </h2>
+    </div>
+    <div class="info-highlight rounded-xl p-6 mb-6">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Aggregator ID</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">{{ entity.id }}</p>
+            </div>
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Owner</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">
+                    <i class="fas fa-user medperf-accent dark:text-green-400 mr-2"></i>{% if owner %} You {% else %}{{ entity.owner }}{% endif %}
+                </p>
+            </div>
+        </div>
+    </div>
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Address</p>
+        <p class="text-xl font-mono text-gray-900 dark:text-white">{{ entity.address }}</p>
+    </div>
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Port</p>
+        <p class="text-xl font-mono text-gray-900 dark:text-white">{{ entity.port }}</p>
+    </div>
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 pt-6 border-t-2 border-gray-100 dark:border-gray-700">
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Created</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ entity.created_at }}"></span>
+        </div>
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Modified</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ entity.modified_at }}"></span>
+        </div>
+    </div>
+</div>
+
+<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 overflow-hidden">
+    <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/50">
+        <h3 class="mb-0 text-gray-900 dark:text-white font-bold">Training experiments</h3>
+    </div>
+    <div class="p-6">
+        {% if experiments_using_aggregator %}
+        <ul class="space-y-3">
+            {% for exp in experiments_using_aggregator %}
+            <li>
+                <a href="/training/ui/display/{{ exp.id }}" class="medperf-accent dark:text-green-400 hover:underline font-semibold">{{ exp.name }}</a>
+                <span class="text-gray-500 dark:text-gray-400 text-sm ml-2">ID: {{ exp.id }}</span>
+            </li>
+            {% endfor %}
+        </ul>
+        {% else %}
+        <p class="text-gray-600 dark:text-gray-400">No training experiments use this aggregator yet.</p>
+        {% endif %}
+    </div>
+</div>
+
+{% if owner %}
+
+<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 overflow-hidden">
+    <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/50">
+        <h3 class="mb-0 text-gray-900 dark:text-white font-bold">Actions</h3>
+    </div>
+    <div class="p-6">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div class="rounded-xl border-2 border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 p-5 flex flex-col min-h-[220px]">
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400"><i class="fas fa-certificate"></i></span>
+                    <span class="font-semibold text-gray-900 dark:text-white">Server certificate</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4">Obtain a server certificate for this aggregator address.</p>
+                <form id="get-server-cert-form" class="space-y-3 mt-auto" action="/aggregators/get_server_certificate" method="post" data-panel-title="Getting server certificate" data-confirm-message="get the server certificate for this aggregator?">
+                    <input type="hidden" name="task_name" value="aggregator_get_server_cert">
+                    <input type="hidden" name="aggregator_id" value="{{ entity.id }}">
+                    <button type="submit" class="w-full px-4 py-2.5 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 cursor-pointer" {% if task_running %} disabled {% endif %}>Get certificate</button>
+                </form>
+            </div>
+
+            <div id="aggregator-run-card" class="rounded-xl border-2 border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 p-5 flex flex-col min-h-[220px] {% if not experiments_using_aggregator %}opacity-60 pointer-events-none{% endif %}">
+                <div id="aggregator-running-banner" class="hidden mb-3 px-3 py-2 rounded-lg bg-amber-100 dark:bg-amber-900/30 border border-amber-200 dark:border-amber-700 flex items-center justify-between gap-3">
+                    <span class="text-amber-800 dark:text-amber-200 font-semibold"><i class="fas fa-sync-alt fa-spin mr-2"></i>Aggregator is running</span>
+                    <button type="button" id="stop-aggregator-btn" class="px-3 py-1.5 rounded-lg bg-red-600 dark:bg-red-500 text-white text-sm font-semibold hover:opacity-90 cursor-pointer">Stop</button>
+                </div>
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400"><i class="fas fa-play-circle"></i></span>
+                    <span class="font-semibold text-gray-900 dark:text-white">Run aggregator</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4">Start the aggregator for a training experiment that uses this aggregator.</p>
+                {% if not experiments_using_aggregator %}
+                <p class="text-sm text-amber-600 dark:text-amber-400 mb-4">No training experiments use this aggregator. Set this aggregator on a training experiment first.</p>
+                {% endif %}
+                <form id="start-aggregator-form" action="/aggregators/run" method="post" class="space-y-3 mt-auto" data-panel-title="Running aggregator" data-confirm-message="run the aggregator for the selected training experiment?">
+                    <input type="hidden" name="task_name" value="start_aggregator">
+                    <input type="hidden" name="aggregator_id" value="{{ entity.id }}">
+                    <select name="training_exp_id" class="w-full px-3 py-2.5 rounded-lg border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:ring-2 focus:ring-green-500 cursor-pointer" required {% if not experiments_using_aggregator or task_running %}disabled{% endif %}>
+                        <option value="" disabled selected>Select experiment</option>
+                        {% for exp in experiments_using_aggregator %}
+                        <option value="{{ exp.id }}" {% if aggregator_running and form_data.get("training_exp_id") == exp.id | string %}selected{% endif %}>{{ exp.name }} (ID: {{ exp.id }})</option>
+                        {% endfor %}
+                    </select>
+                    <button id="run-aggregator-btn" type="submit" class="w-full px-4 py-2.5 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 cursor-pointer" {% if not experiments_using_aggregator or task_running %}disabled{% endif %}>Run aggregator</button>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+{% endif %}
+
+{% include "partials/panel_container.html" %}
+{% include "partials/text_content_container.html" %}
+{% include "partials/yaml_container.html" %}
+{% include "partials/prompt_container.html" %}
+{% endblock %}
+
+{% block extra_js %}
+<script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
+<script src="{{ url_for('static', path='js/aggregators/aggregator_detail.js') }}"></script>
+{% if request.app.state.task_running %}
+{% if "aggregator_get_server_cert" in request.app.state.active_tasks %}
+{% if request.app.state.active_tasks["aggregator_get_server_cert"].formData.get("aggregator_id", "")|string == entity.id|string %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#get-server-cert-form");
+    });
+</script>
+{% endif %}
+{% elif "start_aggregator" in request.app.state.active_tasks %}
+{% if request.app.state.active_tasks["start_aggregator"].formData.get("aggregator_id", "")|string == entity.id|string %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        startPollingRunningTasks();
+        resumeRunningTask("#start-aggregator-form");
+    });
+</script>
+{% endif %}
+{% endif %}
+{% endif %}
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/aggregators/aggregators.html b/cli/medperf/web_ui/templates/aggregators/aggregators.html
new file mode 100644
index 000000000..9f911c4cd
--- /dev/null
+++ b/cli/medperf/web_ui/templates/aggregators/aggregators.html
@@ -0,0 +1,43 @@
+{% extends "base.html" %}
+{% import 'macros/aggregator_macros.html' as aggregator_macros %}
+
+{% block title %}Aggregators{% endblock %}
+
+{% block content %}
+<div class="container mx-auto px-4 py-12">
+    <div class="mb-12">
+        <div class="flex items-center justify-between mb-8">
+            <div>
+                <h1 class="text-5xl font-bold medperf-accent dark:text-green-400 mb-3" data-testid="page-header">Aggregators</h1>
+                <p class="text-gray-700 dark:text-gray-300 text-lg">Manage and explore aggregators</p>
+            </div>
+            <a class="px-8 py-4 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:bg-green-700 dark:hover:bg-green-500 transition-all shadow-lg hover:shadow-xl inline-flex items-center" href="/aggregators/register/ui" data-testid="reg-aggregator-btn">
+                <i class="fas fa-plus mr-2"></i>Register New Aggregator
+            </a>
+        </div>
+        <div class="bg-white dark:bg-gray-800 p-5 rounded-xl shadow-md border-2 border-green-100 dark:border-gray-700 inline-flex">
+            <label class="relative inline-flex items-center cursor-pointer">
+                <input type="checkbox" class="sr-only peer" id="switch" data-entity-name="aggregators" {% if mine_only %}checked{% endif %}>
+                <div class="w-14 h-7 bg-gray-200 dark:bg-gray-600 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-green-300 dark:peer-focus:ring-green-800 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:rounded-full after:h-6 after:w-6 after:transition-all peer-checked:bg-green-600"></div>
+                <span class="ml-4 text-gray-700 dark:text-gray-300 font-semibold">Show only my aggregators</span>
+            </label>
+        </div>
+    </div>
+
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" data-testid="cards-container">
+        {% if aggregators %}
+        {% for agg in aggregators %}
+        {{ aggregator_macros.aggregator_card(agg) }}
+        {% endfor %}
+        {% else %}
+        <h3 class="col-span-full text-center py-12 text-gray-600 dark:text-gray-400 text-xl" data-testid="no-aggs-msg">No aggregators yet</h3>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<script>
+    document.getElementById("switch").addEventListener("change", function() { getEntities(this); });
+</script>
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/aggregators/register_aggregator.html b/cli/medperf/web_ui/templates/aggregators/register_aggregator.html
new file mode 100644
index 000000000..21642563c
--- /dev/null
+++ b/cli/medperf/web_ui/templates/aggregators/register_aggregator.html
@@ -0,0 +1,79 @@
+{% extends "base.html" %}
+{% import "constants/tooltips.html" as tooltips %}
+
+{% block title %}Register Aggregator{% endblock %}
+
+{% block content %}
+{% set agg_register_running = (task_running and "register_aggregator" in request.app.state.active_tasks) %}
+{% if agg_register_running %}
+{% set form_data = request.app.state.active_tasks["register_aggregator"].formData %}
+{% endif %}
+
+<div class="container mx-auto px-4 py-8 max-w-3xl">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 text-center mb-4">Register New Aggregator</h1>
+    <p class="text-center text-gray-700 dark:text-gray-300 mb-8">
+        Register a new aggregator with address, port, and aggregation container.
+    </p>
+
+    <form id="aggregator-register-form" class="space-y-6" action="/aggregators/register" method="post" data-panel-title="Registering aggregator" data-confirm-message="register this aggregator?">
+        <input type="hidden" name="task_name" value="register_aggregator">
+        <div>
+            <label for="name" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Name</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="name" type="text" id="name" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="Aggregator name" {% if task_running %}disabled{% endif %} {% if agg_register_running %}value="{{ form_data.get('name', '') }}"{% endif %} maxlength="128">
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_aggregator_name }}"><i class="fas fa-info-circle text-lg"></i></span>
+            </div>
+        </div>
+        <div>
+            <label for="address" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Address</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="address" type="text" id="address" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="Hostname or IP" {% if task_running %}disabled{% endif %} {% if agg_register_running %}value="{{ form_data.get('address', '') }}"{% endif %}>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_aggregator_address }}"><i class="fas fa-info-circle text-lg"></i></span>
+            </div>
+        </div>
+        <div>
+            <label for="port" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Port</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="port" type="number" id="port" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="Port number" min="1" max="65535" {% if task_running %}disabled{% endif %} {% if agg_register_running %}value="{{ form_data.get('port', '') }}"{% endif %}>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_aggregator_port }}"><i class="fas fa-info-circle text-lg"></i></span>
+            </div>
+        </div>
+        <div>
+            <label for="aggregation_mlcube" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Aggregation Container</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <select name="aggregation_mlcube" id="aggregation-mlcube" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 cursor-pointer" {% if task_running %}disabled{% endif %}>
+                    <option value="" disabled selected>Select a Container</option>
+                    {% if containers | length > 0 %}
+                    {% for c in containers %}
+                    <option value="{{ c['id'] }}" {% if agg_register_running and form_data.get("aggregation_mlcube") == c['id']|string %}selected{% endif %}>{{ c.name }}</option>
+                    {% endfor %}
+                    {% else %}
+                    <option value="" disabled>No containers available</option>
+                    {% endif %}
+                </select>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_aggregator_aggregation_mlcube }}"><i class="fas fa-info-circle text-lg"></i></span>
+            </div>
+        </div>
+        <div class="text-center pt-4">
+            <button id="register-aggregator-btn" type="submit" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer" disabled>Register Aggregator</button>
+        </div>
+    </form>
+
+    {% include "partials/panel_container.html" %}
+    {% include "partials/text_content_container.html" %}
+    {% include "partials/yaml_container.html" %}
+    {% include "partials/prompt_container.html" %}
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
+<script src="{{ url_for('static', path='js/aggregators/aggregator_register.js') }}"></script>
+{% if task_running and  "register_aggregator" in request.app.state.active_tasks %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#register-aggregator-form");
+    });
+</script>
+{% endif %}
+{% endblock %}
\ No newline at end of file
diff --git a/cli/medperf/web_ui/templates/asset/register_asset.html b/cli/medperf/web_ui/templates/asset/register_asset.html
index dcd0306dc..f70b2b917 100644
--- a/cli/medperf/web_ui/templates/asset/register_asset.html
+++ b/cli/medperf/web_ui/templates/asset/register_asset.html
@@ -1,118 +1,70 @@
 {# ./cli/medperf/web_ui/templates/asset/register_asset.html #}
 
 {% extends "base.html" %}
-
 {% import "constants/forms_placeholders.html" as placeholders %}
 {% import "constants/tooltips.html" as tooltips %}
 
 {% block title %}Register Asset{% endblock %}
 
 {% block content %}
-{% set asset_register_running = (task_running and request.app.state.task.name == "asset_registration") %}
-<div class="container mt-5">
-    <h1 class="text-center">Register a New Asset</h1>
+{% set asset_register_running = (task_running and "asset_registration" in request.app.state.active_tasks) %}
+{% if asset_register_running %}
+{% set form_data = request.app.state.active_tasks["asset_registration"].formData %}
+{% else %}
+{% set form_data = {} %}
+{% endif %}
 
-    <form class="my-5" id="asset-register-form">
-        <div class="form-group my-5">
-            <label for="name" class="form-label h4">Asset name</label>
-            <div class="input-group">
-                <input
-                    name="name"
-                    class="form-control"
-                    type="text"
-                    id="name"
-                    placeholder="{{ placeholders.register_asset_name }}"
-                    {% if asset_register_running %}
-                    value="{{ task_formData.get('name', '') }}"
-                    disabled
-                    {% endif %}
-                    maxlength="128"
-                >
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_asset_name }}"
-                ></i>
+<div class="container mx-auto px-4 py-8 max-w-3xl">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 text-center mb-8">Register a New Asset</h1>
+
+    <form id="asset-register-form" class="space-y-6" action="/assets/register" method="post" data-panel-title="Registering asset" data-confirm-message="register this asset?">
+        <input type="hidden" name="task_name" value="asset_registration">
+        <div>
+            <label for="name" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Asset name</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="name" type="text" id="name" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_asset_name }}" {% if asset_register_running %}value="{{ form_data.get('name', '') }}" disabled{% endif %} maxlength="128">
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_asset_name }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group mt-3 d-flex flex-row justify-content-evenly">
-            <div>
-                <input class="form-check-input border-black" type="radio" name="asset_is_remote" id="local" value="false">
-                <label class="form-check-label" for="local">Local Asset</label>
-            </div>
-            <div>
-                <input class="form-check-input border-black" type="radio" name="asset_is_remote" id="remote" value="true">
-                <label class="form-check-label" for="remote">Remote Asset</label>
-            </div>
+        <div class="flex flex-wrap gap-4">
+            <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white">
+                <input type="radio" name="asset_is_remote" value="false" id="local" class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400" {% if task_running %}disabled{% endif %} {% if not form_data.get('asset_is_remote') == 'true' %}checked{% endif %}>
+                Local Asset
+            </label>
+            <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white">
+                <input type="radio" name="asset_is_remote" value="true" id="remote" class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400" {% if task_running %}disabled{% endif %} {% if form_data.get('asset_is_remote') == 'true' %}checked{% endif %}>
+                Remote Asset
+            </label>
         </div>
 
-        <div id="asset-url-container" class="form-group my-5">
-            <label for="asset-url" class="form-label h4">Asset URL</label>
-            <div class="input-group">
-                <input
-                    name="asset_url"
-                    class="form-control"
-                    type="text"
-                    id="asset-url"
-                    placeholder="{{ placeholders.register_asset_url }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if asset_register_running %}
-                    value="{{ task_formData.get('asset_url', '') }}"
-                    {% endif %}
-                >
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_asset_url }}"
-                ></i>
+        <div id="asset-url-container" class="{% if not form_data.get('asset_is_remote') == 'true' %}hidden{% endif %}">
+            <label for="asset-url" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Asset URL</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="asset_url" type="text" id="asset-url" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_asset_url }}" {% if task_running %}disabled{% endif %} {% if asset_register_running %}value="{{ form_data.get('asset_url', '') }}"{% endif %}>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_asset_url }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
 
-        <div id="asset-path-container" class="form-group my-3 hidden-element">
-            <label for="asset-path" class="form-label h4">Asset Path</label>
-            <div class="input-group mb-3">
-                <input
-                    type="text"
-                    id="asset-path"
-                    name="asset_path"
-                    class="form-control"
-                    placeholder="{{ placeholders.register_asset_path }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if asset_register_running %}
-                    value="{{ task_formData.get('asset_path', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-asset-btn"
-                        {% if task_running %} disabled {% endif %}
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_asset_path }}"
-                ></i>
+        <div id="asset-path-container" class="{% if form_data.get('asset_is_remote') == 'true' %}hidden{% endif %}">
+            <label for="asset-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Asset Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input type="text" id="asset-path" name="asset_path" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_asset_path }}" {% if task_running %}disabled{% endif %} {% if asset_register_running %}value="{{ form_data.get('asset_path', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" id="browse-asset-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_asset_path }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="text-center mt-4">
-            <button id="register-asset-btn" type="button" class="btn btn-success mx-3" disabled>
-                Register
-            </button>
+
+        <div class="text-center pt-4">
+            <button id="register-asset-btn" type="submit" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer" disabled>Register</button>
         </div>
     </form>
 
     {{ modal_macros.add_modal(
         modal_id="folder-picker-modal",
-        modal_body='<ul id="folder-list" class="list-group"></ul>',
+        modal_body='<ul id="folder-list" class="divide-y divide-gray-200 dark:divide-gray-600 max-h-96 overflow-y-auto rounded-lg border border-gray-200 dark:border-gray-600"></ul>',
         modal_footer=True,
-        close_button='<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>',
-        success_button='<button type="button" class="btn btn-primary" id="select-folder-btn">Select</button>'
+        close_button='<button type="button" class="px-4 py-2 rounded-xl bg-gray-200 dark:bg-gray-600 hover:bg-gray-300 dark:hover:bg-gray-500 text-gray-900 dark:text-white font-semibold" data-dismiss-modal="folder-picker-modal">Cancel</button>',
+        success_button='<button type="button" class="px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold" id="select-folder-btn">Select</button>'
     ) }}
 
     {% include "partials/panel_container.html" %}
@@ -126,16 +78,11 @@ <h1 class="text-center">Register a New Asset</h1>
 <script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
 <script src="{{ url_for('static', path='js/assets/asset_register.js') }}"></script>
 <script src="{{ url_for('static', path='js/folder_browsing.js') }}"></script>
-
-{% if task_running and request.app.state.task.name == "asset_registration" %}
+{% if task_running and "asset_registration" in request.app.state.active_tasks %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#register-asset-btn",
-            `Registering Asset...`,
-            onAssetRegisterSuccess
-        )
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#asset-register-form");
     });
 </script>
 {% endif %}
-{% endblock extra_js %}
\ No newline at end of file
+{% endblock extra_js %}
diff --git a/cli/medperf/web_ui/templates/base.html b/cli/medperf/web_ui/templates/base.html
index 0734ff709..3c283d593 100644
--- a/cli/medperf/web_ui/templates/base.html
+++ b/cli/medperf/web_ui/templates/base.html
@@ -1,107 +1,127 @@
-{# ./cli/medperf/web_ui/templates/base.html #}
-
 {% import 'macros/modal_macros.html' as modal_macros %}
-
-{% set task_running = request.app.state.task.running %}
+{% set task_running = request.app.state.task_running %}
 {% set logged_in = request.app.state.logged_in %}
-
-
 {% set notifications = request.app.state.notifications %}
 {% set unread_notifications = request.app.state.unread_count %}
 
-{% if task_running %}
-    {% set task_formData = request.app.state.task.formData %}
-{% endif %}
-
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% block title %}MedPerf{% endblock %}</title>
-    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"> -->
-    <link href="{{ url_for('static', path='css/bootstrap.min.css') }}" rel="stylesheet">
-    <!-- https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css -->
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <style type="text/tailwindcss">
+        @theme {
+            --color-medperf: #2e7d32;
+            --color-medperf-light: #4caf50;
+            --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
+        }
+        @custom-variant dark (&:where(.dark, .dark *));
+    </style>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="{{ url_for('static', path='css/font-awesome-5.15.4-all.min.css') }}">
-    <!-- https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism.min.css -->
-    <link rel="stylesheet" href="{{ url_for('static', path='css/prism-1.23.0.min.css') }}">
-
+    <link rel="stylesheet" href="{{ url_for('static', path='css/prism-1.23.0.min.css') }}" id="prism-light-theme">
+    <link rel="stylesheet" href="{{ url_for('static', path='css/prism-dark.css') }}" id="prism-dark-theme" disabled>
     <link rel="stylesheet" href="{{ url_for('static', path='css/common.css') }}">
     <link rel="icon" href="{{ url_for('static', path='images/favicon.png') }}">
-    {% block extra_css %} {% endblock extra_css %}
+    <style>
+        body { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }
+        .medperf-accent { color: #2e7d32; }
+        .dark .medperf-accent { color: #4ade80; }
+        .medperf-bg { background-color: #2e7d32; }
+        .dark .medperf-bg { background-color: #16a34a; }
+        .medperf-card { border-left: 4px solid #2e7d32; }
+        .dark .medperf-card { border-left-color: rgba(74, 222, 128, 0.5); }
+        .info-highlight { background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%); border-left: 4px solid #2e7d32; }
+        .dark .info-highlight { background: linear-gradient(135deg, #1f2937 0%, #374151 100%); border-left-color: #4ade80; }
+        [x-cloak] { display: none !important; }
+        #page-modal.modal-visible { opacity: 1; pointer-events: auto; }
+        #page-modal.modal-visible #page-modal-dialog { transform: scale(1); }
+    </style>
+    <script>
+        (function(){
+            window.taskRunning = true ? "{{ task_running }}" === "True" : false;
+            var d = document.documentElement;
+            var v = localStorage.getItem('medperf-dark');
+            if (v === '1' || (v === null && typeof window !== 'undefined' && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)){
+                d.classList.add('dark');
+                document.getElementById('prism-light-theme').disabled = true;
+                document.getElementById('prism-dark-theme').disabled = false;
+            }
+            else {
+                d.classList.remove('dark');
+                document.getElementById('prism-light-theme').disabled = false;
+                document.getElementById('prism-dark-theme').disabled = true;
+            }
+        })();
+    </script>
     <script>
+        window.ui_mode = "{{ request.app.state.ui_mode }}";
+        window.evaluation_mode = "{{ request.app.state.EVALUATION_MODE }}";
         window.notifications = {{ notifications | tojson }};
         window.maxLogMessages = Number("{{ request.app.state.MAXLOGMESSAGES }}");
         window.evSource = null;
     </script>
-    {% if task_running %}
-    {# Save running task id a global variable #}
-    <script>
-        window.runningTaskId = "{{ request.app.state.task.id }}";
-    </script>
-    {% endif %}
+    {% block extra_css %} {% endblock extra_css %}
 </head>
-<body>
+<body class="min-h-screen bg-[#f1f8f4] dark:bg-gray-900">
     {% include "partials/navbar.html" %}
-    <div class="page-wrap mt-5">
+
+    <div class="page-wrap pt-6">
         <div class="main-content">
             {% block content %}{% endblock %}
         </div>
     </div>
-    <div class="modal fade" id="page-modal" tabindex="-1">
-        <div class="modal-dialog" id="page-modal-dialog">
-            <div class="modal-content">
-                <div class="modal-header">
-                    <h5 class="modal-title fs-5" id="page-modal-title"></h5>
+
+    <div id="page-modal" class="fixed inset-0 z-50 opacity-0 pointer-events-none transition-opacity duration-300 ease-out" aria-hidden="true" role="dialog" aria-modal="true">
+        <div id="page-modal-backdrop" class="absolute inset-0 bg-black/50 transition-opacity duration-300"></div>
+        <div class="absolute inset-0 flex items-center justify-center p-4">
+            <div id="page-modal-dialog" class="rounded-2xl shadow-xl max-w-md w-full mx-auto relative bg-white dark:bg-gray-800 border-2 border-green-100 dark:border-gray-700 max-h-[90vh] flex flex-col scale-95 transition-transform duration-300 ease-out">
+                <div class="flex items-center justify-between p-6 border-b border-gray-200 dark:border-gray-700">
+                    <h2 id="page-modal-title" class="text-xl font-bold medperf-accent dark:text-green-400"></h2>
                 </div>
-                <div class="modal-body" id="page-modal-body"></div>
-                <div class="modal-footer" id="page-modal-footer"></div>
+                <div id="page-modal-body" class="p-6 overflow-y-auto flex-1 break-words text-gray-900 dark:text-white"></div>
+                <div id="page-modal-footer" class="p-6 border-t border-gray-200 dark:border-gray-700 flex flex-wrap gap-2 justify-end"></div>
             </div>
         </div>
     </div>
 
-    <div id="toast-container" class="position-fixed top-0 start-50 translate-middle-x mt-3 z-3"></div>
+    <div id="toast-container" class="fixed top-20 left-1/2 -translate-x-1/2 z-[60] flex flex-col gap-2 pointer-events-none"></div>
+
     {% include "partials/footer.html" %}
-    <!-- jQuery and Bootstrap JS -->
-    <script src="{{ url_for('static', path='js/jquery-3.6.0.min.js') }}"></script>
-    <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> -->
-    <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"></script> -->
-    <script src="{{ url_for('static', path='js/bootstrap.min.js') }}"></script>
-    <script src="{{ url_for('static', path='js/bootstrap.bundle.min.js') }}"></script>
-    <!-- Prism.js for syntax highlighting -->
-    <script src="{{ url_for('static', path='js/prism-1.23.0.min.js') }}"></script>
-    <!-- https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-yaml.min.js -->
 
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.3/dist/cdn.min.js"></script>
+    <script src="{{ url_for('static', path='js/prism-1.23.0.min.js') }}"></script>
     <script src="{{ url_for('static', path='js/prism-yaml-1.23.0.min.js') }}"></script>
+    <script src="{{ url_for('static', path='js/prism-json-1.29.0.min.js') }}"></script>
+    <script src="{{ url_for('static', path='js/modal-queue.js') }}"></script>
     <script src="{{ url_for('static', path='js/notifications.js') }}"></script>
     <script src="{{ url_for('static', path='js/common.js') }}"></script>
+
     {% if task_running %}
     <script data-testid="global-event-source-script">
     if (!window.globalEventSource) {
         window.globalEventSource = new EventSource("/events/global");
-
         window.globalEventSource.addEventListener("notification", function(e) {
             const data = JSON.parse(e.data);
             processNotification(data);
         });
-
         window.globalEventSource.addEventListener("event", function(e) {
             const data = JSON.parse(e.data);
             showCriticalPopup(data);
         });
     }
-    $(window).on("beforeunload pagehide", () => {
-        if(window.globalEventSource){
-            window.globalEventSource.close();
-            window.globalEventSource = null;
-        }
+    window.addEventListener("beforeunload", function() {
+        if (window.globalEventSource) { window.globalEventSource.close(); window.globalEventSource = null; }
     });
     </script>
     {% else %}
     <script data-testid="global-events-script">
-        const data = `{{ request.app.state.global_events | tojson | safe }}`;
-        const events = JSON.parse(data);
-        events.forEach(event => {
-           showCriticalPopup(event); 
-        });
+        (function(){
+            var data = {{ request.app.state.global_events | tojson }};
+            if (Array.isArray(data)) data.forEach(function(event) { showCriticalPopup(event); });
+        })();
     </script>
     {% endif %}
     {% block extra_js %} {% endblock extra_js %}
diff --git a/cli/medperf/web_ui/templates/benchmark/benchmark_detail.html b/cli/medperf/web_ui/templates/benchmark/benchmark_detail.html
index 3b394cfff..91b7ec345 100644
--- a/cli/medperf/web_ui/templates/benchmark/benchmark_detail.html
+++ b/cli/medperf/web_ui/templates/benchmark/benchmark_detail.html
@@ -1,254 +1,203 @@
-{# ./cli/medperf/web_ui/templates/bechmark/benchmark_detail.html #}
-
-{% extends "detail_base.html" %}
-
-{% import 'macros/association_card_macros.html' as association_card_macros %}
-{% import 'macros/result_card_macros.html' as result_card_macros %}
-{% import 'macros/container_macros.html' as container_macros %}
-{% import 'macros/model_macros.html' as model_macros %}
-
-{% import "constants/forms_placeholders.html" as placeholders %}
-{% import "constants/tooltips.html" as tooltips %}
-
-{% block title %}Benchmark Details{% endblock %}
-
-{% block detail_panel %}
-<h1 class="mt-4">{{ entity.name }}</h1>
-<!-- {% if current_user_is_benchmark_owner %}
-<div class="mb-4 text-center">
-    <a href="#datasets-associations" class="btn btn-default me-3">Go to Dataset associations</a>
-    <a href="#models-associations" class="btn btn-default">Go to Models associations</a>
-    <a href="#benchmark-results" class="btn btn-default">Go to Results</a>
-</div>
-{% endif %} -->
-<div class="{% if entity.is_valid %}card{% else %}invalid-card{% endif %}">
-    <div class="card-body">
-        <div class="d-flex justify-content-between align-items-center mb-3">
-            <h5 class="card-title mb-0">Details</h5>
-            <span class="badge {% if entity.state == 'OPERATION' %}badge-state-operational{% else %}badge-state-development{% endif %}">
-                {% if entity.state == 'OPERATION' %} OPERATIONAL {% else %} {{ entity.state }} {% endif %}
-            </span>
-            <span class="badge {% if entity.is_valid %}badge-valid{% else %}badge-invalid{% endif %}">
-                {% if entity.is_valid %}VALID{% else %}INVALID{% endif %}
-            </span>
-        </div>
-        <div class="card mb-3">
-            <div class="card-body">
-                <p class="card-text">
-                    <strong>Benchmark ID:</strong> 
-                    {{ entity.id }}
-                </p>
-                <p class="card-text">
-                    <strong>Description:</strong> 
-                    {{ entity.description }}
-                </p>
-                {% if entity.docs_url %}
-                <p class="card-text">
-                    <strong>Documentation:</strong> 
-                    <a href="{{ entity.docs_url }}" class="text-primary" target="_blank">{{ entity.docs_url }}</a>
-                </p>
-                {% else %}
-                <p class="card-text">
-                    <strong>Documentation:</strong> 
-                    Not Available
-                </p>
-                {% endif %}
-                <p class="card-text">
-                    <strong>Reference Dataset Tarball:</strong> 
-                    <a href="{{ entity.demo_dataset_tarball_url }}" class="text-primary" target="_blank">Click to Download the File</a>
-                </p>
-            </div>
-        </div>
-        <div class="card">
-            <div class="card-body d-flex justify-content-between flex-wrap">
-                <div class="w-50 d-flex flex-column">
-                    <p class="card-text">
-                        <strong>Data Preparation Container:</strong> 
-                        {{ container_macros.container_link(data_preparation_container) }}
-                    </p>
-                    <p class="card-text">
-                        <strong>Reference Model:</strong>
-                        {{ model_macros.model_link(reference_model) }}
-                    </p>
-                    <p class="card-text">
-                        <strong>Metrics Container:</strong> 
-                        {{ container_macros.container_link(metrics_container) }}
-                    </p>
-                    <p class="card-text">
-                        <strong>Owner:</strong> 
-                        <i class="fas fa-user"></i> 
-                        <span class="text-muted small">{{ entity.owner }}</span>
-                    </p>
-                </div>
-                <div class="text-right w-50">
-                    <p class="card-text">
-                        <strong>Created:</strong> 
-                        <span class="text-muted small" data-date="{{ entity.created_at }}"></span>
-                    </p>
-                    <p class="card-text">
-                        <strong>Modified:</strong> 
-                        <span class="text-muted small" data-date="{{ entity.modified_at }}"></span>
-                    </p>
-                </div>
-            </div>
-        </div>
-    </div>
-    {% if current_user_is_benchmark_owner %}
-    <div class="card-body">
-        <h5>Association Policy</h5>
-        <div class="card mb-3">
-            <div class="card-body">
-                <form id="association-policy-form">
-                    <div class="form-group mb-3">
-                        <div class="form-group mb-3">
-                            <label class="form-label h6" for="dataset-auto-approve-mode">
-                                Dataset auto approve mode
-                            </label>
-                            <select
-                                class="form-select d-inline-block w-auto cursor-pointer"
-                                name="dataset_auto_approve_mode"
-                                id="dataset-auto-approve-mode"
-                                {% if task_running %} disabled {% endif %}
-                            >
-                                <option value="NEVER" {% if entity.dataset_auto_approval_mode == "NEVER" %} selected {% endif %}>Never</option>
-                                <option value="ALWAYS" {% if entity.dataset_auto_approval_mode == "ALWAYS" %} selected {% endif %}>Always</option>
-                                <option value="ALLOWLIST" {% if entity.dataset_auto_approval_mode == "ALLOWLIST" %} selected {% endif %}>Allow List</option>
-                            </select>
-                        </div>
-                        <div class="form-group d-none mb-3" id="dataset-allow-list-container">
-                            <label class="form-label h6" for="dataset-allow-list-text-input">
-                                Allow list emails
-                            </label>
-                            <div class="email-container" id="dataset-allow-list-emails" data-allowed-list='{{ entity.dataset_auto_approval_allow_list | tojson }}'>
-                                <input
-                                    type="text"
-                                    name="dataset-allow-list-text-input"
-                                    id="dataset-allow-list-text-input"
-                                    class="form-control email-input mt-2"
-                                    placeholder="Type email and hit Enter, comma, or space"
-                                    {% if task_running %} disabled {% endif %}
-                                >
-                            </div>
-                        </div>
-                    </div>
-                    <div class="form-input mb-3">
-                        <div class="form-group mb-3">
-                            <label class="form-label h6" for="model-auto-approve-mode">
-                                Model auto approve mode
-                            </label>
-                            <select
-                                class="form-select d-inline-block w-auto"
-                                name="model_auto_approve_mode"
-                                id="model-auto-approve-mode"
-                                {% if task_running %} disabled {% endif %}    
-                            >
-                                <option value="NEVER" {% if entity.model_auto_approval_mode == "NEVER" %} selected {% endif %}>Never</option>
-                                <option value="ALWAYS" {% if entity.model_auto_approval_mode == "ALWAYS" %} selected {% endif %}>Always</option>
-                                <option value="ALLOWLIST" {% if entity.model_auto_approval_mode == "ALLOWLIST" %} selected {% endif %}>Allow List</option>
-                            </select>
-                        </div>
-                        <div class="form-group mb-3 d-none" id="model-allow-list-container">
-                            <label class="form-label h6" for="model-allow-list-text-input">
-                                Allow list emails
-                            </label>
-                            <div class="email-container" id="model-allow-list-emails" data-allowed-list='{{ entity.model_auto_approval_allow_list | tojson }}'>
-                                <input
-                                    type="text"
-                                    name="model-allow-list-text-input"
-                                    id="model-allow-list-text-input"
-                                    class="form-control email-input mt-2"
-                                    placeholder="Type email and hit Enter, comma, or space"
-                                    {% if task_running %} disabled {% endif %}
-                                >
-                            </div>
-                        </div>
-                    </div>
-                    <div class="text-center mt-5">
-                        <button
-                            type="button"
-                            id="save-policy-btn"
-                            class="btn btn-primary"
-                            data-benchmark-id="{{ entity.id }}"
-                            {% if task_running %} disabled {% endif %}
-                        >Save</button>
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-    {% endif %}
-</div>
-
-{% if current_user_is_benchmark_owner %}
-
-{% set dataset_assoc_len = datasets_associations|length %}
-{% set models_assoc_len = models_associations|length %}
-{% set results_len = results|length %}
-
-<div id="datasets-associations-title" class="d-flex flex-row my-5 border border-secondary rounded p-3 justify-content-between">
-    <h4>
-        Datasets Associations
-        <span class="fs-6 ms-2 badge rounded-pill badge-notification bg-secondary">
-            {{ dataset_assoc_len }}
-        </span>
-        {% if dataset_assoc_pending %}
-        <span class="ms-2 fst-italic fs-6 text-muted">You have pending associations</span>
-        {% endif %}
-    </h4>
-    <span class="text-muted lh-lg me-3 fs-5"><i class="fas fa-caret-down bmk-detail-toggle"></i></span>
-</div>
-<div id="datasets-associations" style="display: none;">
-    {% for assoc in datasets_associations %}
-    {{ association_card_macros.association_card(assoc, datasets[assoc.dataset], "dataset") }}
-    {% endfor %}
-</div>
-<div id="models-associations-title" class="d-flex flex-row my-5 border border-secondary rounded p-3 justify-content-between">
-    <h4>
-        Models Associations
-        <span class="fs-6 ms-2 badge rounded-pill badge-notification bg-secondary">
-            {{ models_assoc_len }}
-        </span>
-        {% if model_assoc_pending %}
-        <span class="ms-2 fst-italic fs-6 text-muted">You have pending associations</span>
-        {% endif %}
-    </h4>
-    <span class="text-muted lh-lg me-3 fs-5"><i class="fas fa-caret-down bmk-detail-toggle"></i></span>
-</div>
-<div id="models-associations" style="display: none;">
-    {% for assoc in models_associations %}
-    {{ association_card_macros.association_card(assoc, models[assoc.model], "model") }}
-    {% endfor %}
-</div>
-<div id="benchmark-results-title" class="d-flex flex-row my-5 border border-secondary rounded p-3 justify-content-between">
-    <h4>
-        Results
-        <span class="fs-6 ms-2 badge rounded-pill badge-notification bg-secondary">
-            {{ results_len }}
-        </span>
-    </h4>
-    <span class="text-muted lh-lg me-3 fs-5"><i class="fas fa-caret-down bmk-detail-toggle"></i></span>
-</div>
-<div id="benchmark-results" style="display: none;">
-    {% for result in results %}
-    {{ result_card_macros.result_card(result) }}
-    {% endfor %}
-</div>
-{% endif %}
-
-{{ modal_macros.add_modal(
-    modal_id="folder-picker-modal",
-    modal_body='<ul id="folder-list" class="list-group"></ul>',
-    modal_footer=True,
-    close_button='<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>',
-    success_button='<button type="button" class="btn btn-primary" id="select-folder-btn">Select</button>'
-) }}
-
-{% endblock detail_panel %}
-
-
-{% block extra_js %}
-<script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
-<script src="{{ url_for('static', path='js/results/results_utils.js') }}"></script>
-<script src="{{ url_for('static', path='js/folder_browsing.js') }}"></script>
-<script src="{{ url_for('static', path='js/benchmarks/benchmark_detail.js') }}"></script>
-{% endblock extra_js %}
+{% extends "detail_base.html" %}
+{% import 'macros/association_card_macros.html' as association_card_macros %}
+{% import 'macros/result_card_macros.html' as result_card_macros %}
+{% import 'macros/container_macros.html' as container_macros %}
+{% import 'macros/model_macros.html' as model_macros %}
+{% import "constants/forms_placeholders.html" as placeholders %}
+{% import "constants/tooltips.html" as tooltips %}
+
+{% block title %}Benchmark Details{% endblock %}
+
+{% block detail_panel %}
+<div class="mb-8">
+    <div class="flex items-center justify-between mb-6">
+        <div class="flex items-center mb-3">
+            <h1 class="text-5xl font-bold medperf-accent dark:text-green-400">{{ entity.name }}</h1>
+        </div>
+    </div>
+</div>
+
+<div class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 {% if not entity.is_valid %}invalid-card{% endif %}">
+    <div class="flex flex-wrap justify-between items-center gap-4 mb-6">
+        <h2 class="text-3xl font-bold medperf-accent dark:text-green-400 flex items-center">
+            <i class="fas fa-info-circle mr-3"></i>Details
+        </h2>
+        <div class="flex flex-wrap gap-2">
+            <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if entity.state == 'OPERATION' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}">{% if entity.state == 'OPERATION' %}OPERATIONAL{% else %}{{ entity.state }}{% endif %}</span>
+            <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if entity.is_valid %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300 border-red-200 dark:border-red-800{% endif %}">{{ 'VALID' if entity.is_valid else 'INVALID' }}</span>
+        </div>
+    </div>
+
+    <div class="info-highlight rounded-xl p-6 mb-6">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Benchmark ID</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">{{ entity.id }}</p>
+            </div>
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Owner</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">
+                    <i class="fas fa-user medperf-accent dark:text-green-400 mr-2"></i>{% if current_user_is_benchmark_owner %} You {% else %}{{ entity.owner }}{% endif %}
+                </p>
+            </div>
+        </div>
+    </div>
+
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Description</p>
+        <p class="text-gray-800 dark:text-gray-200 leading-relaxed text-lg">{{ entity.description }}</p>
+    </div>
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Documentation</p>
+        {% if entity.docs_url %}
+        <a href="{{ entity.docs_url }}" class="medperf-accent dark:text-green-400 hover:text-green-700 dark:hover:text-green-300 font-bold text-lg break-all inline-flex items-center" target="_blank"><i class="fas fa-external-link-alt mr-2"></i>{{ entity.docs_url }}</a>
+        {% else %}
+        <span class="text-gray-500 dark:text-gray-400">Not Available</span>
+        {% endif %}
+    </div>
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Reference Dataset Tarball</p>
+        <a href="{{ entity.demo_dataset_tarball_url }}" class="medperf-accent dark:text-green-400 hover:underline font-semibold" target="_blank">Click to Download the File</a>
+    </div>
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 pt-6 border-t-2 border-gray-100 dark:border-gray-700">
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Data Preparation Container</p>
+            {{ container_macros.container_link(data_preparation_container) }}
+        </div>
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Reference Model</p>
+            {{ model_macros.model_link(reference_model) }}
+        </div>
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Metrics Container</p>
+            {{ container_macros.container_link(metrics_container) }}
+        </div>
+    </div>
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 pt-6 border-t-2 border-gray-100 dark:border-gray-700">
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Created</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ entity.created_at }}"></span>
+        </div>
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Modified</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ entity.modified_at }}"></span>
+        </div>
+    </div>
+</div>
+
+{% if current_user_is_benchmark_owner %}
+<div class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6">
+    <h2 class="text-3xl font-bold medperf-accent dark:text-green-400 mb-6 flex items-center">
+        <i class="fas fa-cog mr-3"></i>Association Policy
+    </h2>
+    <form id="association-policy-form" class="space-y-6">
+        <div>
+            <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-3" for="dataset-auto-approve-mode">Dataset auto approve mode</label>
+            <select class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 w-auto cursor-pointer" name="dataset_auto_approve_mode" id="dataset-auto-approve-mode" {% if task_running %} disabled {% endif %}>
+                <option value="NEVER" {% if entity.dataset_auto_approval_mode == "NEVER" %} selected {% endif %}>Never</option>
+                <option value="ALWAYS" {% if entity.dataset_auto_approval_mode == "ALWAYS" %} selected {% endif %}>Always</option>
+                <option value="ALLOWLIST" {% if entity.dataset_auto_approval_mode == "ALLOWLIST" %} selected {% endif %}>Allow List</option>
+            </select>
+        </div>
+        <div class="hidden mb-3" id="dataset-allow-list-container">
+            <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2" for="dataset-allow-list-text-input">Allow list emails</label>
+            <div class="email-container" id="dataset-allow-list-emails" data-allowed-list='{{ entity.dataset_auto_approval_allow_list | tojson }}'>
+                <input type="text" name="dataset-allow-list-text-input" id="dataset-allow-list-text-input" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white mt-2" placeholder="Type email and hit Enter, comma, or space" {% if task_running %} disabled {% endif %}>
+            </div>
+        </div>
+        <div>
+            <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-3" for="model-auto-approve-mode">Model auto approve mode</label>
+            <select class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 w-auto cursor-pointer" name="model_auto_approve_mode" id="model-auto-approve-mode" {% if task_running %} disabled {% endif %}>
+                <option value="NEVER" {% if entity.model_auto_approval_mode == "NEVER" %} selected {% endif %}>Never</option>
+                <option value="ALWAYS" {% if entity.model_auto_approval_mode == "ALWAYS" %} selected {% endif %}>Always</option>
+                <option value="ALLOWLIST" {% if entity.model_auto_approval_mode == "ALLOWLIST" %} selected {% endif %}>Allow List</option>
+            </select>
+        </div>
+        <div class="hidden mb-3" id="model-allow-list-container">
+            <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2" for="model-allow-list-text-input">Allow list emails</label>
+            <div class="email-container" id="model-allow-list-emails" data-allowed-list='{{ entity.model_auto_approval_allow_list | tojson }}'>
+                <input type="text" name="model-allow-list-text-input" id="model-allow-list-text-input" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white mt-2" placeholder="Type email and hit Enter, comma, or space" {% if task_running %} disabled {% endif %}>
+            </div>
+        </div>
+        <div class="flex justify-start pt-4">
+            <button type="button" id="save-policy-btn" class="px-8 py-4 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 transition-all shadow-lg cursor-pointer" data-benchmark-id="{{ entity.id }}" {% if task_running %} disabled {% endif %}>
+                <i class="fas fa-save mr-2"></i>Save Policy
+            </button>
+        </div>
+    </form>
+</div>
+{% endif %}
+
+{% if current_user_is_benchmark_owner %}
+{% set dataset_assoc_len = datasets_associations|length %}
+{% set models_assoc_len = models_associations|length %}
+{% set results_len = results|length %}
+
+<div class="space-y-4">
+    <div class="relative" x-data="{ open: false }" @click.outside="open = false">
+        <button type="button" @click="open = !open" class="w-full bg-white dark:bg-gray-800 rounded-xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 flex items-center justify-between cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors text-left" data-testid="datasets-associations-btn">
+            <h3 class="text-xl font-bold medperf-accent dark:text-green-400 flex items-center flex-wrap gap-2">
+                <i class="fas fa-database mr-1"></i>Datasets Associations
+                <span class="px-4 py-1 rounded-full text-sm font-bold text-green-700 dark:text-green-300 border-2 border-green-200 dark:border-green-700 bg-green-100 dark:bg-green-900/50">{{ dataset_assoc_len }}</span>
+                {% if dataset_assoc_pending %}<span class="italic text-sm text-gray-500 dark:text-gray-400">You have pending associations</span>{% endif %}
+            </h3>
+            <i class="fas fa-chevron-down text-gray-400 dark:text-gray-500 transition-transform duration-200 flex-shrink-0" :class="open && 'rotate-180'" aria-hidden="true"></i>
+        </button>
+        <div id="datasets-associations" x-show="open" x-cloak x-transition class="mt-2 rounded-xl bg-white dark:bg-gray-800 shadow-xl border-2 border-green-100 dark:border-gray-700 max-h-[70vh] overflow-y-auto p-4 flex flex-wrap gap-4 justify-evenly"
+            style="display: none;">
+            {% for assoc in datasets_associations %}
+            {{ association_card_macros.association_card(assoc, datasets[assoc.dataset], "dataset") }}
+            {% endfor %}
+        </div>
+    </div>
+
+    <div class="relative" x-data="{ open: false }" @click.outside="open = false">
+        <button type="button" @click="open = !open" class="w-full bg-white dark:bg-gray-800 rounded-xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 flex items-center justify-between cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors text-left" data-testid="models-associations-btn">
+            <h3 class="text-xl font-bold medperf-accent dark:text-green-400 flex items-center flex-wrap gap-2">
+                <i class="fas fa-cube mr-1"></i>Models Associations
+                <span class="px-4 py-1 rounded-full text-sm font-bold text-green-700 dark:text-green-300 border-2 border-green-200 dark:border-green-700 bg-green-100 dark:bg-green-900/50">{{ models_assoc_len }}</span>
+                {% if model_assoc_pending %}<span class="italic text-sm text-gray-500 dark:text-gray-400">You have pending associations</span>{% endif %}
+            </h3>
+            <i class="fas fa-chevron-down text-gray-400 dark:text-gray-500 transition-transform duration-200 flex-shrink-0" :class="open && 'rotate-180'" aria-hidden="true"></i>
+        </button>
+        <div id="models-associations" x-show="open" x-cloak x-transition class="mt-2 rounded-xl bg-white dark:bg-gray-800 shadow-xl border-2 border-green-100 dark:border-gray-700 max-h-[70vh] overflow-y-auto p-4 flex flex-wrap gap-4 justify-evenly"
+            style="display: none;">
+            {% for assoc in models_associations %}
+            {{ association_card_macros.association_card(assoc, models[assoc.model], "model") }}
+            {% endfor %}
+        </div>
+    </div>
+
+    <div class="relative" x-data="{ open: false }" @click.outside="open = false">
+        <button type="button" @click="open = !open" class="w-full bg-white dark:bg-gray-800 rounded-xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 flex items-center justify-between cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors text-left" data-testid="benchmark-results-btn">
+            <h3 class="text-xl font-bold medperf-accent dark:text-green-400 flex items-center flex-wrap gap-2">
+                <i class="fas fa-chart-bar mr-1"></i>Results
+                <span class="px-4 py-1 rounded-full text-sm font-bold text-green-700 dark:text-green-300 border-2 border-green-200 dark:border-green-700 bg-green-100 dark:bg-green-900/50">{{ results_len }}</span>
+            </h3>
+            <i class="fas fa-chevron-down text-gray-400 dark:text-gray-500 transition-transform duration-200 flex-shrink-0" :class="open && 'rotate-180'" aria-hidden="true"></i>
+        </button>
+        <div id="benchmark-results" x-show="open" x-cloak x-transition class="mt-2 rounded-xl bg-white dark:bg-gray-800 shadow-xl border-2 border-green-100 dark:border-gray-700 max-h-[70vh] overflow-y-auto p-4 flex flex-wrap gap-4 justify-evenly"
+            style="display: none;">
+            {% for result in results %}
+            {{ result_card_macros.result_card(result) }}
+            {% endfor %}
+        </div>
+    </div>
+</div>
+{% endif %}
+
+{{ modal_macros.add_modal(
+    modal_id="folder-picker-modal",
+    modal_body='<ul id="folder-list" class="divide-y divide-gray-200 dark:divide-gray-600 max-h-96 overflow-y-auto rounded-lg border border-gray-200 dark:border-gray-600"></ul>',
+    modal_footer=True,
+    close_button='<button type="button" class="px-4 py-2 rounded-xl bg-gray-200 dark:bg-gray-600 hover:bg-gray-300 dark:hover:bg-gray-500 text-gray-900 dark:text-white font-semibold" data-dismiss-modal="folder-picker-modal">Cancel</button>',
+    success_button='<button type="button" class="px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold" id="select-folder-btn">Select</button>'
+) }}
+{% endblock detail_panel %}
+
+{% block extra_js %}
+<script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
+<script src="{{ url_for('static', path='js/results/results_utils.js') }}"></script>
+<script src="{{ url_for('static', path='js/folder_browsing.js') }}"></script>
+<script src="{{ url_for('static', path='js/benchmarks/benchmark_detail.js') }}"></script>
+{% endblock extra_js %}
diff --git a/cli/medperf/web_ui/templates/benchmark/benchmarks.html b/cli/medperf/web_ui/templates/benchmark/benchmarks.html
index 5b876e6a7..263dfb6d1 100644
--- a/cli/medperf/web_ui/templates/benchmark/benchmarks.html
+++ b/cli/medperf/web_ui/templates/benchmark/benchmarks.html
@@ -1,61 +1,43 @@
-{# ./cli/medperf/web_ui/templates/bechmark/benchmarks.html #}
-
 {% extends "base.html" %}
-
 {% import 'macros/benchmark_macros.html' as benchmark_macros %}
 
 {% block title %}Benchmarks{% endblock %}
 
 {% block content %}
-<div class="container">
-    <div class="row text-center">
-        <div class="col-12">
-            <a class="btn btn-primary my-4" href="/benchmarks/register/ui" data-testid="reg-bmk-btn">
-                Register a New Benchmark
+<div class="container mx-auto px-4 py-12">
+    <div class="mb-12">
+        <div class="flex items-center justify-between mb-8">
+            <div>
+                <h1 class="text-5xl font-bold medperf-accent dark:text-green-400 mb-3" data-testid="page-header">Benchmarks</h1>
+                <p class="text-gray-700 dark:text-gray-300 text-lg">Manage and explore benchmarks</p>
+            </div>
+            <a class="px-8 py-4 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:bg-green-700 dark:hover:bg-green-500 transition-all shadow-lg hover:shadow-xl inline-flex items-center" href="/benchmarks/register/ui" data-testid="reg-bmk-btn">
+                <i class="fas fa-plus mr-2"></i>Register Benchmark
             </a>
         </div>
-    </div>
-    <div class="row mt-5">
-        <div class="col-12">
-            <h1 class="mt-4 text-center" data-testid="page-header">Benchmarks</h1>
-            <div class="form-check form-switch d-flex flex-column align-items-center">
-                <input
-                    class="form-check-input fs-5"
-                    type="checkbox"
-                    role="switch"
-                    id="switch"
-                    data-entity-name="benchmarks"
-                    {% if mine_only %}
-                    checked
-                    {% endif %}
-                >
-                <label class="form-check-label fs-6 mt-2" for="switch">Show only my benchmarks</label>
-            </div>
+        <div class="bg-white dark:bg-gray-800 p-5 rounded-xl shadow-md border-2 border-green-100 dark:border-gray-700 inline-flex">
+            <label class="relative inline-flex items-center cursor-pointer">
+                <input type="checkbox" class="sr-only peer" id="switch" data-entity-name="benchmarks" {% if mine_only %}checked{% endif %}>
+                <div class="w-14 h-7 bg-gray-200 dark:bg-gray-600 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-green-300 dark:peer-focus:ring-green-800 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:rounded-full after:h-6 after:w-6 after:transition-all peer-checked:bg-green-600"></div>
+                <span class="ml-4 text-gray-700 dark:text-gray-300 font-semibold">Show only my benchmarks</span>
+            </label>
         </div>
     </div>
-</div>
-<div class="container mt-5">
-    <!-- Benchmark Cards -->
-    <div class="row" data-testid="cards-container">
+
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" data-testid="cards-container">
         {% if benchmarks %}
         {% for benchmark in benchmarks %}
-        <div class="col-md-4 mb-4">
-            {{ benchmark_macros.benchmark_card(benchmark) }}
-        </div>
+        {{ benchmark_macros.benchmark_card(benchmark) }}
         {% endfor %}
         {% else %}
-        <h3 class="col-12 text-center mt-5" data-testid="no-bmks-msg">
-            No benchmarks yet
-        </h3>
+        <h3 class="col-span-full text-center py-12 text-gray-600 dark:text-gray-400 text-xl" data-testid="no-bmks-msg">No benchmarks yet</h3>
         {% endif %}
     </div>
 </div>
-{% endblock content %}
+{% endblock %}
 
 {% block extra_js %}
 <script>
-    $("#switch").on("change", (e) => {
-        getEntities(e.currentTarget);
-    });
+    document.getElementById("switch").addEventListener("change", function() { getEntities(this); });
 </script>
-{% endblock extra_js %}
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/benchmark/register_benchmark.html b/cli/medperf/web_ui/templates/benchmark/register_benchmark.html
index 7f4516260..496b97013 100644
--- a/cli/medperf/web_ui/templates/benchmark/register_benchmark.html
+++ b/cli/medperf/web_ui/templates/benchmark/register_benchmark.html
@@ -1,213 +1,89 @@
-{# ./cli/medperf/web_ui/templates/bechmark/register_benchmark.html #}
-
 {% extends "base.html" %}
-
 {% import "constants/forms_placeholders.html" as placeholders %}
 {% import "constants/tooltips.html" as tooltips %}
 
-{% block title %}Create Benchmark{% endblock %}
+{% block title %}Register Benchmark{% endblock %}
 
 {% block content %}
-{% set benchmark_register_running = (task_running and request.app.state.task.name == "benchmark_registration") %}
-<div class="container">
-    <h1 class="text-center">Register a New Benchmark</h1>
+{% set benchmark_register_running = (task_running and  "register_benchmark" in request.app.state.active_tasks) %}
+{% if benchmark_register_running %}
+{% set form_data = request.app.state.active_tasks["register_benchmark"].formData %}
+{% endif %}
 
-    <form class="my-5" id="benchmark-register-form">
-        <div class="form-group my-5">
-            <div class="form-group mt-3 d-flex flex-row justify-content-evenly">
-                <div>
-                    <input class="form-check-input border-black" type="radio" name="skip_compatibility_tests" id="skip-tests" value="true">
-                    <label class="form-check-label" for="skip-tests">Skip Compatibility Tests</label>
-                </div>
-                <div>
-                    <input class="form-check-input border-black" type="radio" name="skip_compatibility_tests" id="noskip-tests" value="false" checked>
-                    <label class="form-check-label" for="noskip-tests">Require Compatibility Tests</label>
-                </div>
-            </div>
-            <label for="name" class="form-label h4">Benchmark Name</label>
-            <div class="input-group">
-                <input
-                    name="name"
-                    class="form-control"
-                    type="text"
-                    id="name"
-                    placeholder="{{ placeholders.register_benchmark_name }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if benchmark_register_running %}
-                    value="{{ task_formData.get('name', '') }}"
-                    {% endif %}
-                    maxlength="128"
-                >
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_benchmark_name }}"
-                ></i>
+<div class="container mx-auto px-4 py-8 max-w-3xl">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 text-center mb-4">Register a New Benchmark</h1>
+    <form id="benchmark-register-form" class="space-y-6" action="/benchmarks/register" method="post" data-panel-title="Registering benchmark" data-confirm-message="register this benchmark?">
+        <input type="hidden" name="task_name" value="register_benchmark">
+        <div class="flex flex-wrap gap-4">
+            <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white"><input type="radio" name="skip_compatibility_tests" id="skip-tests" value="true" class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400" {% if task_running %}disabled{% endif %}> Skip Compatibility Tests</label>
+            <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white"><input type="radio" name="skip_compatibility_tests" id="noskip-tests" value="false" checked class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400" {% if task_running %}disabled{% endif %}> Require Compatibility Tests</label>
+        </div>
+        <div>
+            <label for="name" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Benchmark Name</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="name" type="text" id="name" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_benchmark_name }}" {% if task_running %}disabled{% endif %} {% if benchmark_register_running %}value="{{ form_data.get('name', '') }}"{% endif %} maxlength="128">
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_benchmark_name }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="description" class="form-label h4">Description</label>
-            <div class="input-group">
-                <textarea
-                    name="description"
-                    id="description"
-                    class="form-control"
-                    placeholder="{{ placeholders.register_benchmark_description }}"
-                    {% if task_running %} disabled {% endif %}
-                    maxlength="256"
-                >{% if benchmark_register_running %} {{ task_formData.get('description', '') }} {% endif %}</textarea>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_benchmark_description }}"
-                ></i>
+        <div>
+            <label for="description" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Description</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <textarea name="description" id="description" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_benchmark_description }}" {% if task_running %}disabled{% endif %} maxlength="256">{% if benchmark_register_running %}{{ form_data.get('description', '') }}{% endif %}</textarea>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_benchmark_description }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5" id="demo-dataset-input-container">
-            <label for="reference-dataset-tarball-url" class="form-label h4">Reference Dataset Tarball URL</label>
-            <div class="input-group">
-                <input
-                    name="reference_dataset_tarball_url"
-                    class="form-control"
-                    type="text"
-                    id="reference-dataset-tarball-url"
-                    placeholder="{{ placeholders.register_benchmark_reference_dataset_tarball_url }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if benchmark_register_running %}
-                    value="{{ task_formData.get('reference_dataset_tarball_url', '') }}"
-                    {% endif %}
-                >
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_benchmark_reference_dataset_tarball_url }}"
-                ></i>
+        <div id="demo-dataset-input-container">
+            <label for="reference-dataset-tarball-url" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Reference Dataset Tarball URL</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="reference_dataset_tarball_url" type="text" id="reference-dataset-tarball-url" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_benchmark_reference_dataset_tarball_url }}" {% if task_running %}disabled{% endif %} {% if benchmark_register_running %}value="{{ form_data.get('reference_dataset_tarball_url', '') }}"{% endif %}>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_benchmark_reference_dataset_tarball_url }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
-            <div class="form-group mt-3 d-flex flex-row justify-content-evenly">
-                <div>
-                    <input class="form-check-input border-black" type="radio" name="skip_data_preparation_step" id="skip-dataprep" value="true">
-                    <label class="form-check-label" for="skip-dataprep">Already Prepared</label>
-                </div>
-                <div>
-                    <input class="form-check-input border-black" type="radio" name="skip_data_preparation_step" id="noskip-dataprep" value="false" checked>
-                    <label class="form-check-label" for="noskip-dataprep">Not Prepared</label>
-                </div>
+            <div class="flex flex-wrap gap-4 mt-3">
+                <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white"><input type="radio" name="skip_data_preparation_step" value="true" id="skip-dataprep" class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400"> Already Prepared</label>
+                <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white"><input type="radio" name="skip_data_preparation_step" value="false" id="noskip-dataprep" checked class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400"> Not Prepared</label>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label class="form-label h4" for="data-preparation-container">Data Preparation Container</label>
-            <select name="data_preparation_container" id="data-preparation-container" class="form-control" {% if task_running %} disabled {% endif %}>
+        <div>
+            <label for="data-preparation-container" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Data Preparation Container</label>
+            <select name="data_preparation_container" id="data-preparation-container" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 cursor-pointer" {% if task_running %}disabled{% endif %}>
                 <option value="" disabled selected>Select a Container</option>
                 {% if data_prep_containers | length > 0 %}
                 {% for container in data_prep_containers %}
-                <option
-                    value="{{ container['id'] }}"
-                    {% if benchmark_register_running %}
-                    {% if task_formData.get("data_preparation_container") == benchmark['id']|string %} selected {% endif %}
-                    {% endif %}
-                >{{ container.name }}</option>
+                <option value="{{ container['id'] }}" {% if benchmark_register_running and form_data.get("data_preparation_container") == container['id']|string %}selected{% endif %}>{{ container.name }}</option>
                 {% endfor %}
                 {% else %}
                 <option value="" disabled>No Data Preparation Containers available</option>
                 {% endif %}
             </select>
         </div>
-        {#
-        <div class="form-group my-5">
-            <label for="data-preparation-container" class="form-label h4">Data Preparation Container ID</label>
-            <div class="input-group">
-                <input
-                    name="data_preparation_container"
-                    class="form-control"
-                    type="number"
-                    id="data-preparation-container"
-                    placeholder="{{ placeholders.register_benchmark_data_preparation_container_id }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if benchmark_register_running %}
-                    value="{{ task_formData.get('data_preparation_container', '') }}"
-                    {% endif %}
-                >
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_benchmark_data_preparation_container_id }}"
-                ></i>
-            </div>
-        </div>
-        #}
-        <div class="form-group my-5">
-            <label class="form-label h4" for="reference-model">Reference Model</label>
-            <select name="reference_model" id="reference-model" class="form-control" {% if task_running %} disabled {% endif %}>
-                <option value="" disabled selected>Select a Model</option>
+        <div>
+            <label for="reference-model" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Reference Model</label>
+            <select name="reference_model" id="reference-model" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 cursor-pointer" {% if task_running %}disabled{% endif %}>
+                <option value="" disabled selected>Select a Container</option>
                 {% if reference_models | length > 0 %}
                 {% for model in reference_models %}
-                <option
-                    value="{{ model['id'] }}"
-                    {% if benchmark_register_running %}
-                    {% if task_formData.get("reference_model") == model['id']|string %} selected {% endif %}
-                    {% endif %}
-                >{{ model.name }}</option>
+                <option value="{{ model['id'] }}" {% if benchmark_register_running and form_data.get("reference_model") == model['id']|string %}selected{% endif %}>{{ model.name }}</option>
                 {% endfor %}
                 {% else %}
                 <option value="" disabled>No Models available - register a model first</option>
                 {% endif %}
             </select>
         </div>
-        <div class="form-group my-5">
-            <label class="form-label h4" for="evaluator-container">Metrics Container</label>
-            <select name="evaluator_container" id="evaluator-container" class="form-control" {% if task_running %} disabled {% endif %}>
+        <div>
+            <label for="evaluator-container" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Metrics Container</label>
+            <select name="evaluator_container" id="evaluator-container" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 cursor-pointer" {% if task_running %}disabled{% endif %}>
                 <option value="" disabled selected>Select a Container</option>
                 {% if metrics_containers | length > 0 %}
                 {% for container in metrics_containers %}
-                <option
-                    value="{{ container['id'] }}"
-                    {% if benchmark_register_running %}
-                    {% if task_formData.get("evaluator_container") == benchmark['id']|string %} selected {% endif %}
-                    {% endif %}
-                >{{ container.name }}</option>
+                <option value="{{ container['id'] }}" {% if benchmark_register_running and form_data.get("evaluator_container") == container['id']|string %}selected{% endif %}>{{ container.name }}</option>
                 {% endfor %}
                 {% else %}
                 <option value="" disabled>No Metrics Containers available</option>
                 {% endif %}
             </select>
         </div>
-        {#
-        <div class="form-group my-5">
-            <label for="evaluator-container" class="form-label h4">Metrics Container ID</label>
-            <div class="input-group">
-                <input
-                    name="evaluator_container"
-                    class="form-control"
-                    type="number"
-                    id="evaluator-container"
-                    placeholder="{{ placeholders.register_benchmark_metrics_container_id }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if benchmark_register_running %}
-                    value="{{ task_formData.get('evaluator_container', '') }}"
-                    {% endif %}
-                >
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_benchmark_metrics_container_id }}"
-                ></i>
-            </div>
-        </div>
-        #}
-        <div class="text-center mt-4">
-            <button
-                id="register-benchmark-btn"
-                type="button"
-                class="btn btn-success mx-3"
-                disabled
-            >
-                Register
-            </button>
+        <div class="text-center pt-4">
+            <button id="register-benchmark-btn" type="submit" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer" disabled>Register Benchmark</button>
         </div>
     </form>
 
@@ -216,21 +92,16 @@ <h1 class="text-center">Register a New Benchmark</h1>
     {% include "partials/yaml_container.html" %}
     {% include "partials/prompt_container.html" %}
 </div>
-{% endblock content %}
+{% endblock %}
 
 {% block extra_js %}
 <script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
 <script src="{{ url_for('static', path='js/benchmarks/benchmark_register.js') }}"></script>
-
-{% if task_running and request.app.state.task.name == "benchmark_registration" %}
+{% if task_running and  "register_benchmark" in request.app.state.active_tasks %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#register-benchmark-btn",
-            `Registering Benchmark...`,
-            onBenchmarkRegisterSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#register-benchmark-form");
     });
 </script>
 {% endif %}
-{% endblock extra_js %}
\ No newline at end of file
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/benchmark/workflow_test.html b/cli/medperf/web_ui/templates/benchmark/workflow_test.html
index f22f5bd13..216593217 100644
--- a/cli/medperf/web_ui/templates/benchmark/workflow_test.html
+++ b/cli/medperf/web_ui/templates/benchmark/workflow_test.html
@@ -1,367 +1,270 @@
 {# THIS PAGE IS NOT BEING USED CURRENTLY #}
 
-{# ./cli/medperf/web_ui/templates/bechmark/workflow_test.html #}
-
 {% extends "base.html" %}
-
 {% import "constants/forms_placeholders.html" as placeholders %}
 {% import "constants/tooltips.html" as tooltips %}
+{% import "macros/modal_macros.html" as modal_macros %}
 
 {% block title %}Benchmark Workflow Test{% endblock %}
 
 {% block content %}
-{% set benchmark_workflow_test_running = (task_running and request.app.state.task.name == "benchmark_workflow_test") %}
-<div class="container">
-    <h1 class="text-center">Test your Benchmark Workflow</h1>
-    <form class="my-5" id="workflow-test-form">
-        <div class="form-group my-5">
-            <label for="data-preparation" class="form-label h4">Data Preparation Container Config Path</label>
-            <div class="input-group">
-                <input
-                    name="data_preparation"
-                    class="form-control"
-                    type="text"
-                    id="data-preparation"
-                    placeholder="{{ placeholders.workflow_test_data_preparation_container }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if benchmark_workflow_test_running %}
-                    value="{{ task_formData.get('data_preparation', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-data-prep-btn"
-                        {% if task_running %} disabled {% endif %}   
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.workflow_test_data_preparation_container }}"
-                ></i>
+{% set benchmark_workflow_test_running = (task_running and  "benchmark_workflow_test" in request.app.state.active_tasks) %}
+{% if benchmark_workflow_test_running %}
+{% set form_data = request.app.state.active_tasks["benchmark_workflow_test"].formData %}
+{% endif %}
+
+<div class="container mx-auto px-4 py-8 max-w-3xl">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 text-center mb-8">Test your Benchmark Workflow</h1>
+    <form class="space-y-6" id="workflow-test-form">
+        <div>
+            <label for="data-preparation" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Data Preparation Container Config Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="data_preparation" type="text" id="data-preparation" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.workflow_test_data_preparation_container }}" {% if task_running %}disabled{% endif %} {% if benchmark_workflow_test_running %}value="{{ form_data.get('data_preparation', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600" id="browse-data-prep-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.workflow_test_data_preparation_container }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="data-preparation-parameters" class="form-label h4">Data Preparation Container Parameters File Path</label>
-            <div class="input-group">
+        <div>
+            <label for="data-preparation-parameters" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Data Preparation Container Parameters File Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
                 <input
                     name="data_preparation_parameters"
-                    class="form-control"
+                    class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
                     type="text"
                     id="data-preparation-parameters"
                     placeholder="{{ placeholders.workflow_test_data_preparation_parameters }}"
                     {% if task_running %} disabled {% endif %}
                     {% if benchmark_workflow_test_running %}
-                    value="{{ task_formData.get('data_preparation_parameters', '') }}"
+                    value="{{ form_data.get('data_preparation_parameters', '') }}"
                     {% endif %}
                 >
-                <div class="input-group-append">
-                    <button
+                <button
                         type="button"
-                        class="btn btn-outline-secondary"
+                        class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600"
                         id="browse-data-prep-parameters-btn"
                         {% if task_running %} disabled {% endif %}   
                     >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.workflow_test_data_preparation_parameters }}"
-                ></i>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.workflow_test_data_preparation_parameters }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="data-preparation-additional" class="form-label h4">Data Preparation Container Additional Files Folder Path</label>
-            <div class="input-group">
+        <div>
+            <label for="data-preparation-additional" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Data Preparation Container Additional Files Folder Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
                 <input
                     name="data_preparation_additional"
-                    class="form-control"
+                    class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
                     type="text"
                     id="data-preparation-additional"
                     placeholder="{{ placeholders.workflow_test_data_preparation_additional }}"
                     {% if task_running %} disabled {% endif %}
                     {% if benchmark_workflow_test_running %}
-                    value="{{ task_formData.get('data_preparation_additional', '') }}"
+                    value="{{ form_data.get('data_preparation_additional', '') }}"
                     {% endif %}
                 >
-                <div class="input-group-append">
-                    <button
+                <button
                         type="button"
-                        class="btn btn-outline-secondary"
+                        class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600"
                         id="browse-data-prep-additional-btn"
                         {% if task_running %} disabled {% endif %}   
                     >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.workflow_test_data_preparation_additional }}"
-                ></i>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.workflow_test_data_preparation_additional }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="model-path" class="form-label h4">Reference Model Config Path</label>
-            <div class="input-group">
+        <div>
+            <label for="model-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Reference Model Config Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
                 <input
                     name="model_path"
-                    class="form-control"
+                    class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
                     type="text"
                     id="model-path"
                     placeholder="{{ placeholders.workflow_test_reference_model_path }}"
                     {% if task_running %} disabled {% endif %}
                     {% if benchmark_workflow_test_running %}
-                    value="{{ task_formData.get('model_path', '') }}"
+                    value="{{ form_data.get('model_path', '') }}"
                     {% endif %}
                 >
-                <div class="input-group-append">
-                    <button
+                <button
                         type="button"
-                        class="btn btn-outline-secondary"
+                        class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600"
                         id="browse-ref-btn"
                         {% if task_running %} disabled {% endif %}   
                     >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.workflow_test_reference_model_path }}"
-                ></i>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.workflow_test_reference_model_path }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="model-parameters-path" class="form-label h4">Reference Model Parameters File Path</label>
-            <div class="input-group">
+        <div>
+            <label for="model-parameters-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Reference Model Parameters File Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
                 <input
                     name="model_parameters_path"
-                    class="form-control"
+                    class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
                     type="text"
                     id="model-parameters-path"
                     placeholder="{{ placeholders.workflow_test_reference_model_parameters }}"
                     {% if task_running %} disabled {% endif %}
                     {% if benchmark_workflow_test_running %}
-                    value="{{ task_formData.get('model_parameters_path', '') }}"
+                    value="{{ form_data.get('model_parameters_path', '') }}"
                     {% endif %}
                 >
-                <div class="input-group-append">
-                    <button
+                <button
                         type="button"
-                        class="btn btn-outline-secondary"
+                        class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600"
                         id="browse-ref-parameters-btn"
                         {% if task_running %} disabled {% endif %}   
                     >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.workflow_test_reference_model_parameters }}"
-                ></i>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.workflow_test_reference_model_parameters }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="model-additional-path" class="form-label h4">Reference Model Additional Files Folder Path</label>
-            <div class="input-group">
+        <div>
+            <label for="model-additional-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Reference Model Additional Files Folder Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
                 <input
                     name="model_additional_path"
-                    class="form-control"
+                    class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
                     type="text"
                     id="model-additional-path"
                     placeholder="{{ placeholders.workflow_test_reference_model_additional }}"
                     {% if task_running %} disabled {% endif %}
                     {% if benchmark_workflow_test_running %}
-                    value="{{ task_formData.get('model_additional_path', '') }}"
+                    value="{{ form_data.get('model_additional_path', '') }}"
                     {% endif %}
                 >
-                <div class="input-group-append">
-                    <button
+                <button
                         type="button"
-                        class="btn btn-outline-secondary"
+                        class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600"
                         id="browse-ref-additional-btn"
                         {% if task_running %} disabled {% endif %}   
                     >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.workflow_test_reference_model_additional }}"
-                ></i>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.workflow_test_reference_model_additional }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="evaluator-path" class="form-label h4">Metrics Container Config Path</label>
-            <div class="input-group">
+        <div>
+            <label for="evaluator-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Metrics Container Config Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
                 <input
                     name="evaluator_path"
-                    class="form-control"
+                    class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
                     type="text"
                     id="evaluator-path"
                     placeholder="{{ placeholders.workflow_test_metrics_container_path }}"
                     {% if task_running %} disabled {% endif %}
                     {% if benchmark_workflow_test_running %}
-                    value="{{ task_formData.get('evaluator_path', '') }}"
+                    value="{{ form_data.get('evaluator_path', '') }}"
                     {% endif %}
                 >
-                <div class="input-group-append">
-                    <button
+                <button
                         type="button"
-                        class="btn btn-outline-secondary"
+                        class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600"
                         id="browse-metrics-btn"
                         {% if task_running %} disabled {% endif %}   
                     >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.workflow_test_metrics_container_path }}"
-                ></i>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.workflow_test_metrics_container_path }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="evaluator-parameters-path" class="form-label h4">Metrics Container Parameters File Path</label>
-            <div class="input-group">
+        <div>
+            <label for="evaluator-parameters-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Metrics Container Parameters File Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
                 <input
                     name="evaluator_parameters_path"
-                    class="form-control"
+                    class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
                     type="text"
                     id="evaluator-parameters-path"
                     placeholder="{{ placeholders.workflow_test_metrics_container_parameters }}"
                     {% if task_running %} disabled {% endif %}
                     {% if benchmark_workflow_test_running %}
-                    value="{{ task_formData.get('evaluator_parameters_path', '') }}"
+                    value="{{ form_data.get('evaluator_parameters_path', '') }}"
                     {% endif %}
                 >
-                <div class="input-group-append">
-                    <button
+                <button
                         type="button"
-                        class="btn btn-outline-secondary"
+                        class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600"
                         id="browse-metrics-parameters-btn"
                         {% if task_running %} disabled {% endif %}   
                     >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.workflow_test_metrics_container_parameters }}"
-                ></i>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.workflow_test_metrics_container_parameters }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="evaluator-additional-path" class="form-label h4">Metrics Container Additional Files Folder Path</label>
-            <div class="input-group">
+        <div>
+            <label for="evaluator-additional-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Metrics Container Additional Files Folder Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
                 <input
                     name="evaluator_additional_path"
-                    class="form-control"
+                    class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
                     type="text"
                     id="evaluator-additional-path"
                     placeholder="{{ placeholders.workflow_test_metrics_container_additional }}"
                     {% if task_running %} disabled {% endif %}
                     {% if benchmark_workflow_test_running %}
-                    value="{{ task_formData.get('evaluator_additional_path', '') }}"
+                    value="{{ form_data.get('evaluator_additional_path', '') }}"
                     {% endif %}
                 >
-                <div class="input-group-append">
-                    <button
+                <button
                         type="button"
-                        class="btn btn-outline-secondary"
+                        class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600"
                         id="browse-metrics-additional-btn"
                         {% if task_running %} disabled {% endif %}   
                     >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.workflow_test_metrics_container_additional }}"
-                ></i>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.workflow_test_metrics_container_additional }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="data-path" class="form-label h4">Reference Dataset's Data Path</label>
-            <div class="input-group">
+        <div>
+            <label for="data-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Reference Dataset's Data Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
                 <input
                     name="data_path"
-                    class="form-control"
+                    class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
                     type="text"
                     id="data-path"
                     placeholder="{{ placeholders.workflow_test_reference_dataset_data_path }}"
                     {% if task_running %} disabled {% endif %}
                     {% if benchmark_workflow_test_running %}
-                    value="{{ task_formData.get('data_path', '') }}"
+                    value="{{ form_data.get('data_path', '') }}"
                     {% endif %}
                 >
-                <div class="input-group-append">
-                    <button
+                <button
                         type="button"
-                        class="btn btn-outline-secondary"
+                        class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600"
                         id="browse-data-btn"
                         {% if task_running %} disabled {% endif %}   
                     >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.workflow_test_reference_dataset_data_path }}"
-                ></i>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.workflow_test_reference_dataset_data_path }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="labels-path" class="form-label h4">Reference Dataset's Labels Path</label>
-            <div class="input-group">
+        <div>
+            <label for="labels-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Reference Dataset's Labels Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
                 <input
                     name="labels_path"
-                    class="form-control"
+                    class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
                     type="text"
                     id="labels-path"
                     placeholder="{{ placeholders.workflow_test_reference_dataset_labels_path }}"
                     {% if task_running %} disabled {% endif %}
                     {% if benchmark_workflow_test_running %}
-                    value="{{ task_formData.get('labels_path', '') }}"
+                    value="{{ form_data.get('labels_path', '') }}"
                     {% endif %}
                 >
-                <div class="input-group-append">
-                    <button
+                <button
                         type="button"
-                        class="btn btn-outline-secondary"
+                        class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600"
                         id="browse-labels-btn"
                         {% if task_running %} disabled {% endif %}   
                     >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.workflow_test_reference_dataset_labels_path }}"
-                ></i>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.workflow_test_reference_dataset_labels_path }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="text-center mt-4">
-            <button
-                id="run-workflow-test-btn"
-                type="button"
-                class="btn btn-success mx-3"
-                disabled
-            >
-                Run workflow test
-            </button>
+        <div class="text-center pt-4">
+            <button id="run-workflow-test-btn" type="button" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50" disabled>Run workflow test</button>
         </div>
     </form>
 
     {{ modal_macros.add_modal(
         modal_id="folder-picker-modal",
-        modal_body='<ul id="folder-list" class="list-group"></ul>',
+        modal_body='<ul id="folder-list" class="divide-y divide-gray-200 dark:divide-gray-600 max-h-96 overflow-y-auto rounded-lg border border-gray-200 dark:border-gray-600"></ul>',
         modal_footer=True,
-        close_button='<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>',
-        success_button='<button type="button" class="btn btn-primary" id="select-folder-btn">Select</button>'
+        close_button='<button type="button" class="px-4 py-2 rounded-xl bg-gray-200 dark:bg-gray-600 hover:bg-gray-300 dark:hover:bg-gray-500 text-gray-900 dark:text-white font-semibold" data-dismiss-modal="folder-picker-modal">Cancel</button>',
+        success_button='<button type="button" class="px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold" id="select-folder-btn">Select</button>'
     ) }}
 
     {% include "partials/panel_container.html" %}
@@ -375,15 +278,7 @@ <h1 class="text-center">Test your Benchmark Workflow</h1>
 <script src="{{ url_for('static', path='js/benchmarks/benchmark_workflow_test.js') }}"></script>
 <script src="{{ url_for('static', path='js/folder_browsing.js') }}"></script>
 
-{% if task_running and request.app.state.task.name == "benchmark_workflow_test" %}
-<script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#run-workflow-test-btn",
-            `Running Workflow Test...`,
-            onBenchmarkWorkflowTestSuccess
-        );
-    });
-</script>
+{% if task_running and  "benchmark_workflow_test" in request.app.state.active_tasks %}
+<script>document.addEventListener("DOMContentLoaded", function() { resumeRunningTask("#run-workflow-test-btn", "Running Workflow Test...", onBenchmarkWorkflowTestSuccess); });</script>
 {% endif %}
 {% endblock extra_js %}
\ No newline at end of file
diff --git a/cli/medperf/web_ui/templates/constants/tooltips.html b/cli/medperf/web_ui/templates/constants/tooltips.html
index de2ff1c4f..f5b024a8e 100644
--- a/cli/medperf/web_ui/templates/constants/tooltips.html
+++ b/cli/medperf/web_ui/templates/constants/tooltips.html
@@ -48,6 +48,21 @@
 {% set register_container_additional_file = "URL of the additional files tarball for the container you are registering (Optional)" %}
 {% set register_container_decryption_file = "Path to decryption key for the container you are registering" %}
 
+{# Tooltips for training experiment registration #}
+{% set register_training_name = "Name of the training experiment you are registering" %}
+{% set register_training_description = "Short description of the training experiment" %}
+{% set register_training_docs_url = "Optional URL to documentation (e.g. README or paper)" %}
+{% set register_training_data_preparation_container = "Data preparation container used to preprocess datasets for this experiment. Must match the one used by datasets you associate." %}
+{% set register_training_fl_container = "Federated learning container that runs the training workflow (e.g. FL rounds, aggregation)." %}
+{% set register_training_fl_admin_container = "Optional container that provides FL admin/coordinator functionality (e.g. round control, participant selection)." %}
+{% set register_training_operational = "If checked, the experiment is submitted as OPERATIONAL and can accept dataset associations and start training without further approval." %}
+
+{# Tooltips for aggregator registration #}
+{% set register_aggregator_name = "Name of the aggregator you are registering" %}
+{% set register_aggregator_address = "Hostname or IP address where the aggregator service is reachable" %}
+{% set register_aggregator_port = "Port number the aggregator listens on (1-65535)" %}
+{% set register_aggregator_aggregation_mlcube = "Container that implements the aggregation logic (e.g. FedAvg) used by this aggregator" %}
+
 {# Tooltips for settings page #}
 {% set get_client_certificate_btn = "Get client certificate" %}
 {% set submit_certificate_btn = "Submit certificate to medperf server" %}
@@ -56,4 +71,7 @@
 {# Tooltips for asset registration page #}
 {% set register_asset_name = "Name of the asset you are registering" %}
 {% set register_asset_url = "Full URL of the asset you are registering" %}
-{% set register_asset_path = "Path to the asset file you are registering" %}
\ No newline at end of file
+{% set register_asset_path = "Path to the asset file you are registering" %}
+
+{# Tooltips for CC configuration #}
+{% set cc_misconfigured = "There is a problem with your CC configurtion. Click the button again once you resolve the problem." %}
\ No newline at end of file
diff --git a/cli/medperf/web_ui/templates/container/compatibility_test.html b/cli/medperf/web_ui/templates/container/compatibility_test.html
index c2b607e13..1be06e629 100644
--- a/cli/medperf/web_ui/templates/container/compatibility_test.html
+++ b/cli/medperf/web_ui/templates/container/compatibility_test.html
@@ -1,199 +1,96 @@
 {# THIS PAGE IS NOT BEING USED CURRENTLY #}
 
-{# ./cli/medperf/web_ui/templates/container/compatibility_test.html #}
-
 {% extends "base.html" %}
-
 {% import "constants/forms_placeholders.html" as placeholders %}
 {% import "constants/tooltips.html" as tooltips %}
+{% import "macros/modal_macros.html" as modal_macros %}
 
 {% block title %}Model Compatibility Test{% endblock %}
 
 {% block content %}
-{% set comp_test_running = (task_running and request.app.state.task.name == "container_compatibility_test") %}
-<div class="container mt-5">
-    <h1 class="text-center">Test your Model Compatibility</h1>
-    <form class="my-5" id="container-comp-test-form">
-        <div class="form-group my-5">
-            <label class="form-label h4" for="benchmark">Select Benchmark</label>
-            <select name="benchmark" id="benchmark" class="form-control" {% if task_running %} disabled {% endif %}>
+{% set comp_test_running = (task_running and  "container_compatibility_test" in request.app.state.active_tasks) %}
+{% if comp_test_running %}
+{% set form_data = request.app.state.active_tasks["container_compatibility_test"].formData %}
+{% endif %}
+
+<div class="container mx-auto px-4 py-8 max-w-3xl">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 text-center mb-8">Test your Model Compatibility</h1>
+
+    <form id="container-comp-test-form" class="space-y-6" action="/containers/run_compatibility_test" method="post" data-panel-title="Running compatibility test" data-confirm-message="run the compatibility test?" data-success-handler="onContainerCompatibilityTestSuccess">
+        <input type="hidden" name="task_name" value="container_compatibility_test">
+        <div>
+            <label for="benchmark" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Select Benchmark</label>
+            <select name="benchmark" id="benchmark" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" {% if task_running %}disabled{% endif %}>
                 <option value="" disabled selected>Select a benchmark</option>
                 {% for benchmark in benchmarks %}
-                <option
-                    value="{{ benchmark.id }}"
-                    {% if comp_test_running %}
-                    {% if task_formData.get("benchmark") == benchmark.id|string %} selected {% endif %}
-                    {% endif %}
-                >{{ benchmark.name }}</option>
+                <option value="{{ benchmark.id }}" {% if comp_test_running and form_data.get("benchmark") == benchmark.id|string %}selected{% endif %}>{{ benchmark.name }}</option>
                 {% endfor %}
             </select>
         </div>
-        <div class="form-group my-5">
-            <label for="container-file" class="form-label h4">Model Config File Path</label>
-            <div class="input-group">
-                <input
-                    name="container_file"
-                    class="form-control"
-                    type="text"
-                    id="container-file"
-                    placeholder="{{ placeholders.compatibility_test_container_file }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if comp_test_running %}
-                    value="{{ task_formData.get('container_file', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-container-btn"
-                        {% if task_running %} disabled {% endif %}   
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.compatibility_test_container_file }}"
-                ></i>
+        <div>
+            <label for="container-file" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Model Config File Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="container_file" type="text" id="container-file" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.compatibility_test_container_file }}" {% if task_running %}disabled{% endif %} {% if comp_test_running %}value="{{ form_data.get('container_file', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600" id="browse-container-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.compatibility_test_container_file }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="parameters-file" class="form-label h4">Parameters File Path</label>
-            <div class="input-group">
-                <input
-                    name="parameters_file"
-                    class="form-control"
-                    type="text"
-                    id="parameters-file"
-                    placeholder="{{ placeholders.compatibility_test_parameters_file }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if comp_test_running %}
-                    value="{{ task_formData.get('parameters_file', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-parameters-btn"
-                        {% if task_running %} disabled {% endif %}   
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.compatibility_test_parameters_file }}"
-                ></i>
+        <div>
+            <label for="parameters-file" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Parameters File Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="parameters_file" type="text" id="parameters-file" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.compatibility_test_parameters_file }}" {% if task_running %}disabled{% endif %} {% if comp_test_running %}value="{{ form_data.get('parameters_file', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600" id="browse-parameters-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.compatibility_test_parameters_file }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="additional-file" class="form-label h4">Additional Files Folder Path</label>
-            <div class="input-group">
-                <input
-                    name="additional_file"
-                    class="form-control"
-                    type="text"
-                    id="additional-file"
-                    placeholder="{{ placeholders.compatibility_test_additional_file }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if comp_test_running %}
-                    value="{{ task_formData.get('additional_file', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-additional-btn"
-                        {% if task_running %} disabled {% endif %}   
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.compatibility_test_additional_file }}"
-                ></i>
+        <div>
+            <label for="additional-file" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Additional Files Folder Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="additional_file" type="text" id="additional-file" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.compatibility_test_additional_file }}" {% if task_running %}disabled{% endif %} {% if comp_test_running %}value="{{ form_data.get('additional_file', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600" id="browse-additional-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.compatibility_test_additional_file }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group mt-3 d-flex flex-row justify-content-evenly">
-            <div>
-                <input class="form-check-input border-black" type="radio" name="model_encrypted" id="without-encryption" value="false">
-                <label class="form-check-label" for="without-encryption">Not Encrypted Model</label>
-            </div>
-            <div>
-                <input class="form-check-input border-black" type="radio" name="model_encrypted" id="with-encryption" value="true">
-                <label class="form-check-label" for="with-encryption">Encrypted Model</label>
-            </div>
+        <div class="flex flex-wrap gap-4">
+            <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white"><input type="radio" name="model_encrypted" value="false" id="without-encryption" class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400"> Not Encrypted Model</label>
+            <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white"><input type="radio" name="model_encrypted" value="true" id="with-encryption" class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400"> Encrypted Model</label>
         </div>
-        <div id="decryption-file-container" class="form-group my-3 hidden-element">
-            <label for="decryption-file" class="form-label h4">Decryption Key File Path</label>
-            <div class="input-group mb-3">
-                <input
-                    type="text"
-                    id="decryption-file"
-                    name="decryption_file"
-                    class="form-control"
-                    placeholder="{{ placeholders.compatibility_test_decryption_file }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if comp_test_running %}
-                    value="{{ task_formData.get('decryption_file', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-decryption-btn"
-                        {% if task_running %} disabled {% endif %}
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.compatibility_test_decryption_file }}"
-                ></i>
+        <div id="decryption-file-container" class="hidden">
+            <label for="decryption-file" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Decryption Key File Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input type="text" id="decryption-file" name="decryption_file" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.compatibility_test_decryption_file }}" {% if task_running %}disabled{% endif %} {% if comp_test_running %}value="{{ form_data.get('decryption_file', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600" id="browse-decryption-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.compatibility_test_decryption_file }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="text-center mt-4">
-            <button id="run-comp-test-btn" type="button" class="btn btn-success mx-3" disabled>
-                Run compatibility test
-            </button>
+        <div class="text-center pt-4">
+            <button id="container-comp-test-form" type="submit" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50" disabled>Run compatibility test</button>
         </div>
     </form>
 
     {{ modal_macros.add_modal(
         modal_id="folder-picker-modal",
-        modal_body='<ul id="folder-list" class="list-group"></ul>',
+        modal_body='<ul id="folder-list" class="divide-y divide-gray-200 dark:divide-gray-600 max-h-96 overflow-y-auto rounded-lg border border-gray-200 dark:border-gray-600"></ul>',
         modal_footer=True,
-        close_button='<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>',
-        success_button='<button type="button" class="btn btn-primary" id="select-folder-btn">Select</button>'
+        close_button='<button type="button" class="px-4 py-2 rounded-xl bg-gray-200 dark:bg-gray-600 hover:bg-gray-300 dark:hover:bg-gray-500 text-gray-900 dark:text-white font-semibold" data-dismiss-modal="folder-picker-modal">Cancel</button>',
+        success_button='<button type="button" class="px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold" id="select-folder-btn">Select</button>'
     ) }}
 
     {% include "partials/panel_container.html" %}
     {% include "partials/text_content_container.html" %}
     {% include "partials/prompt_container.html" %}
 </div>
-{% endblock content %}
+{% endblock %}
 
 {% block extra_js %}
 <script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
 <script src="{{ url_for('static', path='js/containers/container_compatibility_test.js') }}"></script>
 <script src="{{ url_for('static', path='js/folder_browsing.js') }}"></script>
-
-{% if task_running and request.app.state.task.name == "container_compatibility_test" %}
+{% if task_running and  "container_compatibility_test" in request.app.state.active_tasks %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#run-comp-test-btn",
-            `Running Compatibility Test...`,
-            onContainerCompatibilityTestSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#run-comp-test-form");
     });
-
 </script>
 {% endif %}
-{% endblock extra_js %}
\ No newline at end of file
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/container/container_access.html b/cli/medperf/web_ui/templates/container/container_access.html
index beabf2a49..5294c7bf4 100644
--- a/cli/medperf/web_ui/templates/container/container_access.html
+++ b/cli/medperf/web_ui/templates/container/container_access.html
@@ -1,176 +1,114 @@
-{# ./cli/medperf/web_ui/templates/container/container_access.html #}
-
 {% extends "detail_base.html" %}
 
 {% block title %}Manage Container Access{% endblock %}
 
-
 {% block detail_panel %}
-
 {% set auto_access_running = request.app.state.model_auto_give_access["running"] %}
-{% if auto_access_running %}
+{% set auto_access_for_this_model = auto_access_running and request.app.state.model_auto_give_access["model"] == entity.id %}
+{% if auto_access_for_this_model %}
     {% set selected_benchmark = request.app.state.model_auto_give_access["benchmark"] %}
     {% set selected_interval = request.app.state.model_auto_give_access["interval"] %}
     {% set selected_emails = request.app.state.model_auto_give_access["emails"] %}
 {% endif %}
 
-<div class="container my-4">
-    <a href="/containers/ui/display/{{ entity.id }}" class="text-muted">
-        ← Back to Container Details
-    </a>
-
-    <h1 class="mt-3">Manage Access | {{ entity_name }}</h1>
-    <p class="text-muted">Control who can access this container.</p>
-</div>
-
-<div class="card mt-4 shadow-sm">
-    <div class="card-body">
-        <h3>Grant Access</h3>
-        <p class="text-muted mb-4">
-            Add users who can decrypt and run this container.
-        </p>
-
-        <div class="form-group mb-4">
-            <label class="form-label h6" for="benchmark">Benchmark</label>
-            <select name="benchmark" id="benchmark" class="form-select" {% if task_running %} disabled {% endif %}>
+<div class="w-full max-w-[1440px] mx-auto px-4 sm:px-6 lg:px-8">
+    <a href="/containers/ui/display/{{ entity.id }}" class="text-gray-500 dark:text-gray-400 hover:underline">← Back to Container Details</a>
+    <h1 class="text-2xl font-bold mt-4 text-gray-900 dark:text-white">Manage Access | {{ entity_name }}</h1>
+    <p class="text-gray-600 dark:text-gray-400 mb-6">Control who can access this container.</p>
+
+    <form id="grant-access-form" action="/containers/grant_access" method="post" class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 container-access-action-form" data-panel-title="Granting access" data-confirm-message="grant access to the email(s) added?">
+        <input type="hidden" name="task_name" value="container_grant_access">
+        <input type="hidden" name="model_id" value="{{ entity.id }}">
+        <input type="hidden" name="benchmark_id" id="form-benchmark-id" value="">
+        <input type="hidden" name="emails" id="form-emails" value="">
+        <h3 class="text-lg font-bold medperf-accent dark:text-green-400 mb-2">Grant Access</h3>
+        <p class="text-gray-600 dark:text-gray-400 mb-4">Add users who can decrypt and run this container.</p>
+        <div class="mb-4">
+            <label for="benchmark" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Benchmark</label>
+            <select name="benchmark" id="benchmark" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" {% if task_running %}disabled{% endif %}>
                 <option value="" disabled selected>Select a benchmark</option>
                 {% if benchmarks %}
                 {% for benchmark in benchmarks %}
-                <option
-                    value="{{ benchmark }}"
-                >{{ benchmarks[benchmark] }}</option>
+                <option value="{{ benchmark }}">{{ benchmarks[benchmark] }}</option>
                 {% endfor %}
                 {% else %}
-                <option
-                    value="" disabled
-                >No approved benchmarks to be selected</option>
+                <option value="" disabled>No approved benchmarks to be selected</option>
                 {% endif %}
             </select>
         </div>
-
-        <div class="form-group mb-4" id="email-chip-container">
-            <label class="form-label h6" for="email-input">
-                Allow list emails
-            </label>
+        <div class="mb-4" id="email-chip-container">
+            <label for="email-input" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Allow list emails</label>
             <div class="email-container" id="allowed-email-list" data-allowed-list='{}'>
-                <input
-                    type="text"
-                    name="emails"
-                    id="email-input"
-                    class="form-control email-input mt-2"
-                    placeholder="Type email and hit Enter, comma, or space"
-                    {% if task_running %} disabled {% endif %}
-                >
+                <input type="text" id="email-input" class="email-input w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white mt-2 focus:outline-none focus:border-green-500" placeholder="Type email and hit Enter, comma, or space" {% if task_running %}disabled{% endif %}>
             </div>
         </div>
         <div class="text-center">
-            <button id="grant-access-btn" class="btn btn-primary step-btn" data-model-id="{{ entity.id }}" {% if task_running %} disabled {% endif %}>Grant Access</button>
+            <button id="grant-access-btn" type="submit" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 step-btn" {% if task_running %}disabled{% endif %}>Grant Access</button>
         </div>
-    </div>
-</div>
-
-<div class="card mt-5 shadow-sm">
-    <div class="card-body">
-        <h3>Automatic Access</h3>
-        <p class="text-muted">
-            Automatically grant access to new data owners associated to a benchmark.
-        </p>
-
-        <div class="row">
-            <div class="col-md-6 mb-3">
-                <label class="form-label h6">Benchmark</label>
-                <select class="form-select" id="benchmark-auto" {% if auto_access_running %}disabled{% endif %}>
+    </form>
+
+    <div class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6">
+        <h3 class="text-lg font-bold medperf-accent dark:text-green-400 mb-2">Automatic Access</h3>
+        <p class="text-gray-600 dark:text-gray-400 mb-4">Automatically grant access to new data owners associated to a benchmark.</p>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+            <div>
+                <label for="benchmark-auto" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Benchmark</label>
+                <select id="benchmark-auto" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" {% if auto_access_for_this_model %}disabled{% endif %}>
                     <option value="" disabled selected>Select a benchmark</option>
                     {% if benchmarks %}
                     {% for benchmark in benchmarks %}
-                    <option
-                        {% if auto_access_running and selected_benchmark == benchmark %}selected{% endif %}
-                        value="{{ benchmark }}"
-                    >{{ benchmarks[benchmark] }}</option>
+                    <option value="{{ benchmark }}" {% if auto_access_for_this_model and selected_benchmark == benchmark %}selected{% endif %}>{{ benchmarks[benchmark] }}</option>
                     {% endfor %}
                     {% else %}
-                    <option
-                        value="" disabled
-                    >No approved benchmarks to be selected</option>
+                    <option value="" disabled>No approved benchmarks to be selected</option>
                     {% endif %}
                 </select>
             </div>
-
-            <div class="col-md-6 mb-3">
-                <label class="form-label h6">Interval (minutes)</label>
-                <input
-                    type="number"
-                    class="form-control"
-                    id="interval-auto"
-                    min="5"
-                    max="60"
-                    value="{% if auto_access_running %}{{ selected_interval }}{% else %}5{% endif %}"
-                    {% if auto_access_running %}disabled{% endif %}
-                    >
+            <div>
+                <label for="interval-auto" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Interval (minutes)</label>
+                <input type="number" id="interval-auto" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" min="5" max="60" value="{% if auto_access_for_this_model %}{{ selected_interval }}{% else %}5{% endif %}" {% if auto_access_for_this_model %}disabled{% endif %}>
             </div>
         </div>
-        <div class="form-group mb-4" id="email-chip-container">
-            <label class="form-label h6" for="email-input">
-                Allow list emails
-            </label>
-            <div class="email-container" id="allowed-email-list-auto" data-allowed-list='{% if auto_access_running %}{{ selected_emails }}{% else %}{}{% endif %}'>
-                <input
-                    type="text"
-                    name="emails"
-                    id="email-input"
-                    class="form-control email-input mt-2"
-                    placeholder="Type email and hit Enter, comma, or space"
-                    {% if task_running %} disabled {% endif %}
-                >
+        <div class="mb-4" id="email-chip-container-auto">
+            <label for="email-input-auto" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Allow list emails</label>
+            <div class="email-container" id="allowed-email-list-auto" data-allowed-list='{% if auto_access_for_this_model %}{{ selected_emails }}{% else %}{}{% endif %}'>
+                <input type="text" name="emails" id="email-input-auto" class="email-input w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white mt-2 focus:outline-none focus:border-green-500" placeholder="Type email and hit Enter, comma, or space" {% if task_running %}disabled{% endif %}>
             </div>
         </div>
-        <div class="text-center mt-3">
-            <button
-                class="btn btn-info step-btn {% if auto_access_running %}hidden-element{% endif %}"
-                id="start-auto-access-btn"
-                data-model-id="{{ entity.id }}"
-                >Start Automatic Access
-            </button>
-            <button
-                class="btn btn-danger step-btn {% if not auto_access_running %}hidden-element{% endif %}"
-                id="stop-auto-access-btn"
-                data-model-id="{{ entity.id }}"
-                >Stop Automatic Access
-            </button>
-            <span id="running-badge" class="badge bg-success ms-3 {% if not auto_access_running %}hidden-element{% endif %}">Running</span>
+        <div class="text-center">
+            <button type="button" class="px-6 py-3 rounded-xl bg-blue-600 text-white font-bold hover:opacity-90 step-btn {% if auto_access_for_this_model %}hidden{% endif %}" id="start-auto-access-btn" data-model-id="{{ entity.id }}">Start Automatic Access</button>
+            <button type="button" class="px-6 py-3 rounded-xl bg-red-600 text-white font-bold hover:bg-red-700 step-btn {% if not auto_access_for_this_model %}hidden{% endif %}" id="stop-auto-access-btn" data-model-id="{{ entity.id }}">Stop Automatic Access</button>
+            <span id="running-badge" class="px-3 py-1 rounded-full text-sm font-bold bg-green-100 dark:bg-green-900/50 text-green-800 dark:text-green-200 ml-3 align-middle {% if auto_access_for_this_model %}inline-block{% else %}hidden{% endif %}">Running</span>
         </div>
     </div>
-</div>
-
-<div class="card mt-5 shadow-sm">
-    <div class="card-body">
-        <h3>Current Access</h3>
-        <p class="text-muted">Users who currently have access to this container.</p>
 
+    <div class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6">
+        <h3 class="text-lg font-bold medperf-accent dark:text-green-400 mb-2">Current Access</h3>
+        <p class="text-gray-600 dark:text-gray-400 mb-4">Users who currently have access to this container.</p>
         {% if keys %}
-        <div class="table-responsive">
-            <table class="table table-striped table-hover align-middle">
+        <div class="overflow-x-auto">
+            <table class="w-full text-left border-collapse text-gray-900 dark:text-white">
                 <thead>
-                    <tr>
-                        <th>Key ID</th>
-                        <th>User ID</th>
-                        <th>Email</th>
-                        <th class="text-center">Actions</th>
+                    <tr class="border-b-2 border-gray-200 dark:border-gray-600">
+                        <th class="py-2 font-semibold text-gray-700 dark:text-gray-300">Key ID</th>
+                        <th class="py-2 font-semibold text-gray-700 dark:text-gray-300">User ID</th>
+                        <th class="py-2 font-semibold text-gray-700 dark:text-gray-300">Email</th>
+                        <th class="py-2 font-semibold text-gray-700 dark:text-gray-300 text-center">Actions</th>
                     </tr>
                 </thead>
                 <tbody>
                     {% for key_id in keys %}
-                    <tr>
-                        <td>{{ key_id }}</td>
-                        <td>{{ keys[key_id].id }}</td>
-                        <td>{{ keys[key_id].email }}</td>
-                        <td class="text-center">
-                            <button
-                                id="revoke-btn-{{ key_id }}"
-                                class="btn btn-outline-danger btn-sm revoke-access-btn"
-                                data-key-id="{{ key_id }}" data-model-id="{{ entity.id }}">
-                                Revoke Access
-                            </button>
+                    <tr class="border-b border-gray-200 dark:border-gray-600">
+                        <td class="py-2 text-gray-900 dark:text-gray-100">{{ key_id }}</td>
+                        <td class="py-2 text-gray-900 dark:text-gray-100">{{ keys[key_id].id }}</td>
+                        <td class="py-2 text-gray-900 dark:text-gray-100">{{ keys[key_id].email }}</td>
+                        <td class="py-2 text-center">
+                            <form id="revoke-access-{{ key_id }}-form" action="/containers/revoke_user_access" method="post" class="inline container-access-action-form" data-panel-title="Revoking access" data-confirm-message="revoke access for the selected user?">
+                                <input type="hidden" name="task_name" value="container_revoke_key">
+                                <input type="hidden" name="model_id" value="{{ entity.id }}">
+                                <input type="hidden" name="key_id" value="{{ key_id }}">
+                                <button type="submit" id="revoke-btn-{{ key_id }}" class="px-3 py-1.5 rounded-lg border-2 border-red-600 text-red-600 dark:text-red-400 dark:border-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 text-sm font-semibold cursor-pointer">Revoke Access</button>
+                            </form>
                         </td>
                     </tr>
                     {% endfor %}
@@ -178,69 +116,46 @@ <h3>Current Access</h3>
             </table>
         </div>
         {% else %}
-        <p class="text-muted">No users currently have access.</p>
+        <p class="text-gray-600 dark:text-gray-400">No users currently have access.</p>
         {% endif %}
     </div>
-</div>
 
-<div class="card my-5 border-danger shadow-sm">
-    <div class="card-body">
-        <h4 class="text-danger">Delete Keys</h4>
-        <p class="text-muted">
-            This will delete all encrypted access keys for this container.
-            Users will lose all ability to run or decrypt it until new keys are generated.
-        </p>
-
-        <button class="btn btn-danger step-btn" id="delete-keys-btn" data-model-id="{{ entity.id }}">
-            Delete All Keys
-        </button>
-    </div>
+    <form id="delete-keys-form" action="/containers/delete_keys" method="post" class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-lg border-2 border-red-200 dark:border-red-900 mb-6" data-panel-title="Deleting keys" data-confirm-message="delete all keys?">
+        <input type="hidden" name="task_name" value="container_delete_keys">
+        <input type="hidden" name="model_id" value="{{ entity.id }}">
+        <h4 class="text-lg font-bold text-red-600 dark:text-red-400 mb-2">Delete Keys</h4>
+        <p class="text-gray-600 dark:text-gray-400 mb-4">This will delete all encrypted access keys for this container. Users will lose all ability to run or decrypt it until new keys are generated.</p>
+        <button type="submit" class="px-6 py-3 rounded-xl bg-red-600 text-white font-bold hover:bg-red-700 step-btn" id="delete-keys-btn">Delete All Keys</button>
+    </form>
 </div>
 
-
 {% include "partials/panel_container.html" %}
 {% include "partials/text_content_container.html" %}
 {% include "partials/yaml_container.html" %}
 {% include "partials/prompt_container.html" %}
-
-
 {% endblock detail_panel %}
 
 {% block extra_js %}
 <script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
 <script src="{{ url_for('static', path='js/containers/container_access.js') }}"></script>
-{% if task_running  %}
-{% if request.app.state.task.name == "container_grant_access" and task_formData.get("model_id", "") == entity.id|string %}
-<script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#grant-access-btn",
-            `Granting Access...`,
-            onGrantAccessSuccess
-        );
-    });
-</script>
-{% elif request.app.state.task.name == "container_revoke_key" and task_formData.get("model_id", "") == entity.id|string %}
+{% if task_running %}
+{% if "container_grant_access" in request.app.state.active_tasks and request.app.state.active_tasks["container_grant_access"].formData.get("model_id", "") == entity.id|string %}
 <script>
-    $(document).ready(() => {
-        const key_id = "{{ task_formData.get('key_id', '') }}";
-        resumeRunningTask(
-            `#revoke-btn-${key_id}`,
-            null,
-            onRevokeUserAccessSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#grant-access-form");
     });
 </script>
-{% elif request.app.state.task.name == "container_delete_keys" and task_formData.get("model_id", "") == entity.id|string %}
+{% elif "container_revoke_key" in request.app.state.active_tasks and request.app.state.active_tasks["container_revoke_key"].formData.get("model_id", "") == entity.id|string %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#delete-keys-btn",
-            null,
-            onDeleteKeysSuccess
-        );
-    });
+document.addEventListener("DOMContentLoaded", function() {
+    const key_id = "{{ request.app.state.active_tasks['container_revoke_key'].formData.get('key_id', '') }}";
+    resumeRunningTask("#revoke-access-" + key_id + "-form");
+});
 </script>
+{% elif "container_delete_keys" in request.app.state.active_tasks and request.app.state.active_tasks["container_delete_keys"].formData.get("model_id", "") == entity.id|string %}
+<script>document.addEventListener("DOMContentLoaded", function() {
+    resumeRunningTask("#delete-keys-form");
+});</script>
 {% endif %}
 {% endif %}
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/container/container_detail.html b/cli/medperf/web_ui/templates/container/container_detail.html
index b8a798e72..930632db2 100644
--- a/cli/medperf/web_ui/templates/container/container_detail.html
+++ b/cli/medperf/web_ui/templates/container/container_detail.html
@@ -1,4 +1,3 @@
-{# ./cli/medperf/web_ui/templates/container/container_detail.html #}
 
 {% extends "detail_base.html" %}
 
@@ -7,87 +6,66 @@
 {% block title %}Container Details{% endblock %}
 
 {% block detail_panel %}
-<h1 class="my-4">
-    {{ entity.name }} 
-    {% if not owner and entity._encrypted %}
-    <i
-        class="fas fa-lock fs-4"
-        data-bs-toggle="tooltip"
-        data-bs-placement="top"
-        data-bs-title="Encrypted"
-    ></i>
-    {% endif %}
-</h1>
-<div class="{% if entity.is_valid %}card{% else %}invalid-card{% endif %}">
-    <div class="card-body">
-        <div class="d-flex justify-content-between align-items-center mb-3">
-            <h5 class="card-title mb-0">Details</h5>
-            <span class="badge {% if entity.state == 'OPERATION' %}badge-state-operational{% else %}badge-state-development{% endif %}">
-                {% if entity.state == 'OPERATION' %} OPERATIONAL {% else %} {{ entity.state }} {% endif %}
-            </span>
-            <span class="badge {% if entity.is_valid %}badge-valid{% else %}badge-invalid{% endif %}">
-                {% if entity.is_valid %}VALID{% else %}INVALID{% endif %}
-            </span>
+<div class="mb-8">
+    <div class="flex items-center justify-between mb-6">
+        <div class="flex items-center mb-3">
+            <h1 class="text-5xl font-bold medperf-accent dark:text-green-400">{{ entity.name }}</h1>
+            {% if not is_owner and entity._encrypted %}
+            <i class="fas fa-lock text-xl ml-2 text-gray-500 dark:text-gray-400 cursor-help" title="Encrypted"></i>
+            {% endif %}
         </div>
-        <div class="card mb-3">
-            <div class="card-body">
-                <p class="card-text">
-                    <strong>Container ID:</strong> 
-                    {{ entity.id }}
-                </p>
-                {{ model_detail_util_macro.container_detail_util(entity) }}
-                {% if not is_owner and entity._encrypted %}
-                <p class="card-text mt-3">
-                    <strong>Access:</strong>
-                    {% if entity.access_status["has_access"] %}
-                        <small class="text-success fw-bold ms-2">Access Granted</small>
-                    {% else %}
-                        <small
-                            class="text-danger text-decoration-underline ms-2"
-                            data-bs-toggle="tooltip"
-                            data-bs-placement="top"
-                            data-bs-title="{{ entity.access_status['reason'] }}"
-                        >
-                            Access Pending
-                        </small>
-                    {% endif %}
+    </div>
+</div>
+
+<div class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 {% if not entity.is_valid %}invalid-card{% endif %}">
+    <div class="flex flex-wrap justify-between items-center gap-4 mb-6">
+        <h2 class="text-3xl font-bold medperf-accent dark:text-green-400 flex items-center">
+            <i class="fas fa-info-circle mr-3"></i>Details
+        </h2>
+        <div class="flex flex-wrap gap-2">
+            <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if entity.state == 'OPERATION' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}">{% if entity.state == 'OPERATION' %}OPERATIONAL{% else %}{{ entity.state }}{% endif %}</span>
+            <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if entity.is_valid %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300 border-red-200 dark:border-red-800{% endif %}">{% if entity.is_valid %}VALID{% else %}INVALID{% endif %}</span>
+        </div>
+    </div>
+    <div class="info-highlight rounded-xl p-6 mb-6">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Container ID</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">{{ entity.id }}</p>
+            </div>
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Owner</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">
+                    <i class="fas fa-user medperf-accent dark:text-green-400 mr-2"></i>{% if is_owner %} You {% else %}{{ entity.owner }}{% endif %}
                 </p>
-                {% endif %}
             </div>
         </div>
-        <div class="card mb-3">
-            <div class="card-body d-flex justify-content-between flex-wrap">
-                <div class="w-50">
-                    <p class="card-text">
-                        <strong>Owner:</strong> 
-                        <i class="fas fa-user"></i> 
-                        <span class="text-muted small">{{ entity.owner }}</span>
-                    </p>
-                </div>
-                <div class="text-right w-50">
-                    <p class="card-text">
-                        <strong>Created:</strong> 
-                        <span class="text-muted small" data-date="{{ entity.created_at }}"></span>
-                    </p>
-                    <p class="card-text">
-                        <strong>Modified:</strong> 
-                        <span class="text-muted small" data-date="{{ entity.modified_at }}"></span>
-                    </p>
-                </div>
-            </div>
+    </div>
+    {{ model_detail_util_macro.container_detail_util(entity) }}
+    {% if not is_owner and entity._encrypted %}
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Access</p>
+        {% if entity.access_status["has_access"] %}<span class="text-green-600 dark:text-green-400 font-bold">Access Granted</span>{% else %}<span class="text-red-600 dark:text-red-400 underline cursor-help" title="{{ entity.access_status['reason'] }}">Access Pending</span>{% endif %}
+    </div>
+    {% endif %}
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 pt-6 border-t-2 border-gray-100 dark:border-gray-700">
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Created</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ entity.created_at }}"></span>
         </div>
-        {% if is_owner %}
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Modified</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ entity.modified_at }}"></span>
+        </div>
+    </div>
+    {% if is_owner %}
         {% if entity.is_encrypted() %}
-        <div class="p-2 card flex-row mt-5 shadow-sm rounded bg-white py-4 bottom-buttons-panel">
-            <div class="col-12 text-center">
-                    <a class="step-btn btn btn-warning" href="/containers/ui/display/{{ entity.id }}/access" data-test-id="manage-access">Manage Access</a>
-                <br>
-                <small class="step-label ms-2">Manage access permissions for this encrypted container</small>
-            </div>
+        <div class="mt-6 p-4 rounded-xl bg-gray-50 dark:bg-gray-700/50 text-center">
+            <a class="step-btn inline-block px-6 py-3 rounded-xl bg-yellow-500 text-white font-bold hover:bg-yellow-600" href="/containers/ui/display/{{ entity.id }}/access" data-testid="manage-access">Manage Access</a>
+            <p class="step-label mt-2 text-sm text-gray-600 dark:text-gray-400">Manage access permissions for this encrypted container</p>
         </div>
         {% endif %}
-        {% endif %}
-    </div>
+    {% endif %}
 </div>
 
 {% include "partials/panel_container.html" %}
diff --git a/cli/medperf/web_ui/templates/container/containers.html b/cli/medperf/web_ui/templates/container/containers.html
index b13d5af41..edf31f3f0 100644
--- a/cli/medperf/web_ui/templates/container/containers.html
+++ b/cli/medperf/web_ui/templates/container/containers.html
@@ -1,75 +1,43 @@
-{# ./cli/medperf/web_ui/templates/container/containers.html #}
-
 {% extends "base.html" %}
+{% import 'macros/container_macros.html' as container_macros %}
 
 {% block title %}Containers{% endblock %}
 
 {% block content %}
-<div class="container">
-    <div class="row text-center">
-        <div class="col-12">
-            <a class="btn btn-primary my-4" href="/containers/register/ui" data-testid="reg-cont-btn">
-                Register a New Container
+<div class="container mx-auto px-4 py-12">
+    <div class="mb-12">
+        <div class="flex items-center justify-between mb-8">
+            <div>
+                <h1 class="text-5xl font-bold medperf-accent dark:text-green-400 mb-3" data-testid="page-header">Containers</h1>
+                <p class="text-gray-700 dark:text-gray-300 text-lg">Manage and explore containers</p>
+            </div>
+            <a class="px-8 py-4 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:bg-green-700 dark:hover:bg-green-500 transition-all shadow-lg hover:shadow-xl inline-flex items-center" href="/containers/register/ui" data-testid="reg-cont-btn">
+                <i class="fas fa-plus mr-2"></i>Register a New Container
             </a>
         </div>
-    </div>
-    <div class="row mt-5">
-        <div class="col-12">
-            <h1 class="mt-4 text-center" data-testid="page-header">Containers</h1>
-            <div class="form-check form-switch d-flex flex-column align-items-center">
-                <input
-                    class="form-check-input fs-5"
-                    type="checkbox"
-                    role="switch"
-                    id="switch"
-                    data-entity-name="containers"
-                    {% if mine_only %}
-                    checked
-                    {% endif %}
-                >
-                <label class="form-check-label fs-6 mt-2" for="switch">Show only my containers</label>
-            </div>
+        <div class="bg-white dark:bg-gray-800 p-5 rounded-xl shadow-md border-2 border-green-100 dark:border-gray-700 inline-flex">
+            <label class="relative inline-flex items-center cursor-pointer">
+                <input type="checkbox" class="sr-only peer" id="switch" data-entity-name="containers" {% if mine_only %}checked{% endif %}>
+                <div class="w-14 h-7 bg-gray-200 dark:bg-gray-600 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-green-300 dark:peer-focus:ring-green-800 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:rounded-full after:h-6 after:w-6 after:transition-all peer-checked:bg-green-600"></div>
+                <span class="ml-4 text-gray-700 dark:text-gray-300 font-semibold">Show only my containers</span>
+            </label>
         </div>
     </div>
-</div>
-<div class="container mt-5" data-testid="cards-container">
-    <div class="row">
+
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" data-testid="cards-container">
         {% if containers %}
         {% for container in containers %}
-        <div class="col-md-4 mb-4">
-            <div class="card {% if not container.is_valid %}invalid-card{% endif %}">
-                <div class="card-body">
-                    <h5 class="card-title">
-                        <a
-                            href="/containers/ui/display/{{ container.id }}"
-                            class="text-primary"
-                            data-testid="cont-name">
-                        {{ container.name }}
-                        </a>
-                    </h5>
-                    <h6 class="card-subtitle mb-2" data-testid="cont-id">ID: {{container.id}}</h6>
-                    <h6 class="card-subtitle mb-2 text-muted" data-testid="cont-state">{% if container.state == 'OPERATION' %} OPERATIONAL {% else %} {{ container.state }} {% endif %}</h6>
-                    <h6 class="card-subtitle mb-2 text-muted" data-testid="cont-is-valid">Is valid: {{ container.is_valid }}</h6>
-                    <p class="card-text" data-testid="cont-created-at">
-                        <small class="text-muted" data-date="{{ container.created_at }}"></small>
-                    </p>
-                </div>
-            </div>
-        </div>
+        {{ container_macros.container_card(container) }}
         {% endfor %}
         {% else %}
-        <h3 class="col-12 text-center mt-5" data-testid="no-conts-msg">
-            No containers yet
-        </h3>
+        <h3 class="col-span-full text-center py-12 text-gray-600 dark:text-gray-400 text-xl" data-testid="no-conts-msg">No containers yet</h3>
         {% endif %}
     </div>
 </div>
-{% endblock content %}
+{% endblock %}
 
 {% block extra_js %}
 <script>
-    $("#switch").on("change", (e) => {
-        getEntities(e.currentTarget);
-    });
+    document.getElementById("switch").addEventListener("change", function() { getEntities(this); });
 </script>
-{% endblock extra_js %}
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/container/register_container.html b/cli/medperf/web_ui/templates/container/register_container.html
index e682e0a19..dbd3b7126 100644
--- a/cli/medperf/web_ui/templates/container/register_container.html
+++ b/cli/medperf/web_ui/templates/container/register_container.html
@@ -1,176 +1,78 @@
-{# ./cli/medperf/web_ui/templates/container/register_container.html #}
-
 {% extends "base.html" %}
-
 {% import "constants/forms_placeholders.html" as placeholders %}
 {% import "constants/tooltips.html" as tooltips %}
 
+{% set ui_mode = request.app.state.ui_mode %}
+
 {% block title %}Register Container{% endblock %}
 
 {% block content %}
-{% set container_register_running = (task_running and request.app.state.task.name == "container_registration") %}
-<div class="container mt-5">
-    <h1 class="text-center">Register a New Container</h1>
+{% set container_register_running = (task_running and "register_container" in request.app.state.active_tasks) %}
+{% if container_register_running %}
+{% set form_data = request.app.state.active_tasks["register_container"].formData %}
+{% endif %}
 
-    <form class="my-5" id="container-register-form">
-        <div class="form-group my-5">
-            <label for="name" class="form-label h4">Container name</label>
-            <div class="input-group">
-                <input
-                    name="name"
-                    class="form-control"
-                    type="text"
-                    id="name"
-                    placeholder="{{ placeholders.register_container_name }}"
-                    {% if container_register_running %}
-                    value="{{ task_formData.get('name', '') }}"
-                    disabled
-                    {% endif %}
-                    maxlength="128"
-                >
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_container_name }}"
-                ></i>
+<div class="container mx-auto px-4 py-8 max-w-3xl">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 text-center mb-4">Register a New Container</h1>
+    <form id="register-container-form" class="space-y-6" action="/containers/register" method="post" data-panel-title="Registering container" data-confirm-message="register this container?">
+        <input type="hidden" name="task_name" value="register_container">
+        <div>
+            <label for="name" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Container name</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="name" type="text" id="name" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_container_name }}" {% if container_register_running %}value="{{ form_data.get('name', '') }}" disabled{% endif %} maxlength="128">
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_container_name }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="container-file" class="form-label h4">Container Config File</label>
-            <div class="input-group">
-                <input
-                    name="container_file"
-                    class="form-control"
-                    type="text"
-                    id="container-file"
-                    placeholder="{{ placeholders.register_container_manifest_file }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if container_register_running %}
-                    value="{{ task_formData.get('container_file', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-container-btn"
-                        {% if task_running %} disabled {% endif %}   
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_container_manifest_file }}"
-                ></i>
+        <div>
+            <label for="container-file" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Container Config File</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="container_file" type="text" id="container-file" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_container_manifest_file }}" {% if task_running %}disabled{% endif %} {% if container_register_running %}value="{{ form_data.get('container_file', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" id="browse-container-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_container_manifest_file }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="parameters-file" class="form-label h4">Parameters File</label>
-            <div class="input-group">
-                <input
-                    name="parameters_file"
-                    class="form-control"
-                    type="text"
-                    id="parameters-file"
-                    placeholder="{{ placeholders.register_container_parameters_file }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if container_register_running %}
-                    value="{{ task_formData.get('parameters_file', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-parameters-btn"
-                        {% if task_running %} disabled {% endif %}   
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_container_parameters_file }}"
-                ></i>
+        <div>
+            <label for="parameters-file" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Parameters File</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="parameters_file" type="text" id="parameters-file" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_container_parameters_file }}" {% if task_running %}disabled{% endif %} {% if container_register_running %}value="{{ form_data.get('parameters_file', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" id="browse-parameters-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_container_parameters_file }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="additional-file" class="form-label h4">Additional Files URL</label>
-            <div class="input-group">
-                <input
-                    name="additional_file"
-                    class="form-control"
-                    type="text"
-                    id="additional-file"
-                    placeholder="{{ placeholders.register_container_additional_file }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if container_register_running %}
-                    value="{{ task_formData.get('additional_file', '') }}"
-                    {% endif %}
-                >
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_container_additional_file }}"
-                ></i>
+        <div>
+            <label for="additional-file" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Additional Files URL</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="additional_file" type="text" id="additional-file" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_container_additional_file }}" {% if task_running %}disabled{% endif %} {% if container_register_running %}value="{{ form_data.get('additional_file', '') }}"{% endif %}>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_container_additional_file }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group mt-3 d-flex flex-row justify-content-evenly">
-            <div>
-                <input class="form-check-input border-black" type="radio" name="model_encrypted" id="without-encryption" value="false">
-                <label class="form-check-label" for="without-encryption">Not Encrypted</label>
-            </div>
-            <div>
-                <input class="form-check-input border-black" type="radio" name="model_encrypted" id="with-encryption" value="true">
-                <label class="form-check-label" for="with-encryption">Encrypted</label>
-            </div>
+        {% if ui_mode == request.app.state.EVALUATION_MODE %}
+        <div class="flex flex-wrap gap-4">
+            <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white"><input type="radio" name="model_encrypted" value="false" id="without-encryption" class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400" {% if task_running %}disabled{% endif %} {% if container_register_running and form_data.get('model_encrypted') == 'false' %}checked{% endif %}> Not Encrypted</label>
+            <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white"><input type="radio" name="model_encrypted" value="true" id="with-encryption" class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400" {% if task_running %}disabled{% endif %} {% if container_register_running and form_data.get('model_encrypted') == 'true' %}checked{% endif %}> Encrypted</label>
         </div>
-        <div id="decryption-file-container" class="form-group my-3 hidden-element">
-            <label for="decryption-file" class="form-label h4">Decryption Key File Path</label>
-            <div class="input-group mb-3">
-                <input
-                    type="text"
-                    id="decryption-file"
-                    name="decryption_file"
-                    class="form-control"
-                    placeholder="{{ placeholders.register_container_decryption_file }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if container_register_running %}
-                    value="{{ task_formData.get('decryption_file', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-decryption-btn"
-                        {% if task_running %} disabled {% endif %}
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_container_decryption_file }}"
-                ></i>
+        <div id="decryption-file-container" class="hidden">
+            <label for="decryption-file" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Decryption Key File Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input type="text" id="decryption-file" name="decryption_file" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_container_decryption_file }}" {% if task_running %}disabled{% endif %} {% if container_register_running %}value="{{ form_data.get('decryption_file', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" id="browse-decryption-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_container_decryption_file }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="text-center mt-4">
-            <button id="register-container-btn" type="button" class="btn btn-success mx-3" disabled>
-                Register
-            </button>
+        {% else %}
+        <input type="hidden" name="model_encrypted" value="false">
+        {% endif %}
+        <div class="text-center pt-4">
+            <button id="register-container-btn" type="submit" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer" disabled>Register container</button>
         </div>
     </form>
 
     {{ modal_macros.add_modal(
         modal_id="folder-picker-modal",
-        modal_body='<ul id="folder-list" class="list-group"></ul>',
+        modal_body='<ul id="folder-list" class="divide-y divide-gray-200 dark:divide-gray-600 max-h-96 overflow-y-auto rounded-lg border border-gray-200 dark:border-gray-600"></ul>',
         modal_footer=True,
-        close_button='<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>',
-        success_button='<button type="button" class="btn btn-primary" id="select-folder-btn">Select</button>'
+        close_button='<button type="button" class="px-4 py-2 rounded-xl bg-gray-200 dark:bg-gray-600 hover:bg-gray-300 dark:hover:bg-gray-500 text-gray-900 dark:text-white font-semibold" data-dismiss-modal="folder-picker-modal">Cancel</button>',
+        success_button='<button type="button" class="px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold" id="select-folder-btn">Select</button>'
     ) }}
 
     {% include "partials/panel_container.html" %}
@@ -178,22 +80,17 @@ <h1 class="text-center">Register a New Container</h1>
     {% include "partials/yaml_container.html" %}
     {% include "partials/prompt_container.html" %}
 </div>
-{% endblock content %}
+{% endblock %}
 
 {% block extra_js %}
 <script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
 <script src="{{ url_for('static', path='js/containers/container_register.js') }}"></script>
 <script src="{{ url_for('static', path='js/folder_browsing.js') }}"></script>
-
-{% if task_running and request.app.state.task.name == "container_registration" %}
+{% if task_running and "register_container" in request.app.state.active_tasks %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#register-container-btn",
-            `Registering Container...`,
-            onContainerRegisterSuccess
-        )
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#register-container-form");
     });
 </script>
 {% endif %}
-{% endblock extra_js %}
\ No newline at end of file
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/dataset/dataset_detail.html b/cli/medperf/web_ui/templates/dataset/dataset_detail.html
index 2533f781a..a1c026935 100644
--- a/cli/medperf/web_ui/templates/dataset/dataset_detail.html
+++ b/cli/medperf/web_ui/templates/dataset/dataset_detail.html
@@ -1,556 +1,513 @@
-{# ./cli/medperf/web_ui/templates/dataset/dataset_detail.html #}
-
-{% extends "detail_base.html" %}
-
-{% import 'macros/container_macros.html' as container_macros %}
-{% import 'macros/model_macros.html' as model_macros %}
-{% import 'macros/benchmark_macros.html' as benchmark_macros %}
-{% import 'macros/cc_asset_macro.html' as cc_asset_macro %}
-
-{% block title %}Dataset Details{% endblock title %}
-
-{% block detail_panel %}
-<div class="clearfix">
-    <h1 class="my-4 float-start">{{ dataset.name }}</h1>
-    <form action="/datasets/export/ui" method="POST" id="redirect-export-form" class="{% if not is_owner %} d-none {% endif %}">
-        <input type="hidden" name="dataset_id" value="{{ dataset.id }}">
-        <input class="btn btn-dark float-end my-4" type="submit" name="submit" value="Export Dataset">
-    </form>
-</div>
-{% if dataset_hash_mismatch %}
-<p class="card-text">
-    <strong class="text-danger">Data hash mismatch</strong> 
-    <i class="fas fa-exclamation-triangle text-danger"></i>
-</p>
-{% endif %}
-
-<div class="{% if dataset.is_valid %}card{% else %}invalid-card{% endif %}">
-    <div class="card-body">
-        <div class="d-flex justify-content-between align-items-center mb-3">
-            <h5 class="card-title mb-0">Details</h5>
-            <span class="badge {% if dataset_is_operational %}badge-state-operational{% else %}badge-state-development{% endif %}">
-                {% if dataset.state == 'OPERATION' %} OPERATIONAL {% else %} {{ dataset.state }} {% endif %}
-            </span>
-            <span class="badge {% if dataset.is_valid %}badge-valid{% else %}badge-invalid{% endif %}">
-                {% if dataset.is_valid %}VALID{% else %}INVALID{% endif %}
-            </span>
-        </div>
-        <div class="card mb-3">
-            <div class="card-body">
-                <p class="card-text">
-                    <strong>Dataset ID:</strong> 
-                    {{ dataset.id }}
-                </p>
-                <p class="card-text">
-                    <strong>Description:</strong> 
-                    {{ dataset.description }}
-                </p>
-                <p class="card-text">
-                    <strong>Location:</strong> 
-                    {{ dataset.location }}
-                </p>
-                <p class="card-text">
-                    <strong>Data Preparation Container:</strong> 
-                    {{ container_macros.container_link(prep_cube) }}
-                </p>
-                {% if dataset.generated_metadata %}
-                <p class="card-text">
-                    <strong>Statistics:</strong> 
-                    <button
-                        data-field="Statistics"
-                        data-yaml-data='{{ dataset.generated_metadata | tojson }}'
-                        class="btn btn-link text-primary yaml-link text-decoration-underline m-0 p-0"
-                        >View Statistics
-                    </button>
-                </p>
-                {% endif %}
-                {% if report_exists %}
-                <p class="card-text">
-                    <strong>Report:</strong> 
-                    <button
-                        data-field="Report"
-                        data-yaml-data='{{ dataset.report | tojson }}'
-                        class="btn btn-link text-primary yaml-link text-decoration-underline m-0 p-0"
-                        >View Report
-                    </button>
-                </p>
-                {% endif %}
-            </div>
-        </div>
-        <div class="card mb-3">
-            <div class="card-body d-flex justify-content-between flex-wrap">
-                <div class="w-50">
-                    <p class="card-text">
-                        <strong>Is Prepared:</strong> 
-                        <span class="text-muted small">{{ dataset_is_prepared }}</span>
-                    </p>
-                    <p class="card-text">
-                        <strong>Owner:</strong> 
-                        <i class="fas fa-user"></i> 
-                        <span class="text-muted small">{{ dataset.owner }}</span>
-                    </p>
-                </div>
-                <div class="text-right w-50">
-                    <p class="card-text">
-                        <strong>Created:</strong> 
-                        <span class="text-muted small" data-date="{{ dataset.created_at }}"></span>
-                    </p>
-                    <p class="card-text">
-                        <strong>Modified:</strong> 
-                        <span class="text-muted small" data-date="{{ dataset.modified_at }}"></span>
-                    </p>
-                </div>
-            </div>
-        </div>
-        {% if is_owner %}
-        <div
-			class="p-2 card flex-row mt-5 shadow-sm rounded bg-white py-4 bottom-buttons-panel"
-			>
-            <div class="col-md-3 text-center">
-                {% if dataset_is_prepared %}
-                <div class="step-complete d-flex align-items-center">
-                    <i class="fas fa-check-circle text-success me-2"></i>
-                    <span class="ms-2 text-success">Prepared</span>
-                </div>
-                {% else %}
-                <button
-                    class="step-btn btn btn-primary mb-2"
-                    id="prepare-dataset"
-                    data-dataset-id="{{ dataset.id }}"
-                    data-dataset-name="{{ dataset.name }}"
-                    {% if task_running %} disabled {% endif %}
-                >
-                    <i class="fas fa-play-circle me-2"></i> Prepare
-                </button>
-                <br>
-                {% endif %}
-                <small class="step-label ms-2">Step 1: Performs data preprocessing and sanity checks according to the benchmark</small>
-            </div>
-            <div class="step-divider mx-2 col-1 text-center">
-                <i class="fas fa-chevron-right text-muted mt-2"></i>
-            </div>
-            <div class="col-3 text-center">
-                {% if dataset_is_operational %}
-                <div class="step-complete d-flex align-items-center">
-                    <i class="fas fa-check-circle text-success me-2"></i>
-                    <span class="ms-2 text-success">Operational</span>
-                </div>
-                {% elif dataset_is_prepared and not dataset_is_operational %}
-                <button
-                    class="step-btn btn btn-warning mb-2"
-                    id="set-operational"
-                    data-dataset-id="{{ dataset.id }}"
-                    {% if task_running %} disabled {% endif %}
-                >
-                    <i class="fas fa-arrow-up me-2"></i> Set Operational
-                </button>
-                <br>
-                {% else %}
-                <button class="step-btn btn btn-warning mb-2" disabled>
-                    Set Operational
-                </button>
-                <br>
-                {% endif %}
-                <small class="step-label ms-2">Step 2: Makes the dataset ready to be used by the benchmark</small>
-            </div>
-            <div class="step-divider mx-2 col-1 text-center">
-                <i class="fas fa-chevron-right text-muted mt-2"></i>
-            </div>
-            <div class="col-3 text-center">
-                {% if dataset_is_operational %}
-                <div class="dropdown">
-                    <button
-                        class="step-btn btn btn-info dropdown-toggle mb-2"
-                        type="button"
-                        id="associate-dropdown-btn"
-                        data-bs-toggle="dropdown"
-                        aria-expanded="false"
-                        {% if task_running %} disabled {% endif %}
-                    >
-                        Associate with Benchmark
-                    </button>
-                    {% set available_benchmarks = [] %}
-                    {% for benchmark in benchmarks.values() %}
-                    {% if benchmark.id not in benchmark_associations or (benchmark.id in benchmark_associations and benchmark_associations[benchmark.id].approval_status == "REJECTED" ) %}
-                    {% set _ = available_benchmarks.append(benchmark) %}
-                    {% endif %}
-                    {% endfor %}
-                    <ul class="dropdown-menu benchmarks-dropdown" aria-labelledby="associate-dropdown-btn" id="dropdown-div">
-                        {% if available_benchmarks %}
-                        {% for benchmark in available_benchmarks %}
-                        <li class="dropdown-item d-flex justify-content-between align-items-center">
-                            <div>
-                                <strong>{{ benchmark.id }} - {{ benchmark.name }}</strong>
-                            </div>
-                            <div>
-                                <a href="/benchmarks/ui/display/{{ benchmark.id }}" class="btn btn-secondary ms-3">View Benchmark</a>
-                                <button
-                                    type="button"
-                                    class="btn btn-primary request-association-btn"
-                                    data-benchmark-id="{{ benchmark.id }}"
-                                    data-dataset-id="{{ dataset.id }}"
-                                    {% if task_running %} disabled {% endif %}
-                                >Request Association</button>
-                            </div>
-                        </li>
-                        {% endfor %}
-                        {% else %}
-                        <li class="dropdown-item text-muted">No benchmarks available for association</li>
-                        {% endif %}
-                    </ul>
-                </div>
-                {% else %}
-                <button class="step-btn btn btn-info mb-2" disabled>Associate with Benchmark</button>
-                <br>
-                {% endif %}
-                <small class="step-label ms-2">Step 3: Make a request to the benchmark owner to associate your dataset with the benchmark</small>
-            </div>
-        </div>
-        <div class="card mb-3 mt-5">
-            <div class="card-title">
-                <h5 class="p-4">Confidential Computing Preferences</h5>
-            </div>
-            <div class="card-body">
-            {{cc_asset_macro.gcp_asset(cc_config_defaults, cc_configured, dataset.id, "dataset", task_running) }}
-            </div>
-            {% if cc_configured %}
-            <div class="card-body text-center">
-                <p class="text-muted">Confidential Computing is configured, you can sync the policy.</p>
-                <button
-                    type="button"
-                    class="btn btn-primary"
-                    data-entity-id="{{ dataset.id }}"
-                    data-entity-type="dataset"
-                    id="sync-cc-policy-btn"
-                    {% if task_running %} disabled {% endif %}
-                >Sync CC Policy</button>
-            </div>
-            {% endif %}
-        </div>
-        {% endif %}
-    </div>
-</div>
-
-{% if is_owner %}
-{% if benchmark_associations and not approved_benchmarks %}
-<!-- Display associations between the dataset and the benchmarks -->
-<div class="card mb-4 shadow-sm mt-5">
-    <div class="card-header bg-secondary text-white">
-        <h4 class="mb-0">
-            Benchmarks Associations
-        </h4>
-    </div>
-    {% for assoc in benchmark_associations %}
-    <div class="card-body p-4">
-        <div class="benchmark-section mb-4">
-            <ul class="list-group">
-                <li class="list-group-item">
-                    <!-- Left section: Benchmark info -->
-                    <div class="d-flex flex-row justify-content-between align-items-center">
-                        <div>
-                            Benchmark:
-                            <a href="/benchmarks/ui/display/{{ assoc }}" class="text-decoration-underline">
-                                <strong>{{ benchmarks[assoc].name }}</strong>
-                            </a>
-                        </div>
-                        <div>
-                            Status: <strong>{{ benchmark_associations[assoc].approval_status }}</strong>
-                        </div>
-                    </div>
-                </li>
-            </ul>
-        </div>
-    </div>
-    {% endfor %}
-</div>
-{% endif %}
-
-<!-- Display associated models with improved layout and dynamic actions -->
-{% for assoc in benchmark_associations %}
-	{% if assoc in approved_benchmarks %}
-	{% set reference_model = benchmarks[assoc].reference_model %}
-	<div class="card mb-4 shadow-sm mt-5">
-		<div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
-			<h4 class="mb-0">
-			Benchmark:
-			<a href="/benchmarks/ui/display/{{ assoc }}" class="text-white text-decoration-underline">
-				<strong>{{ benchmarks[assoc].name }}</strong>
-			</a>
-			</h4>
-			<button
-                id="run-all-{{ assoc }}"
-				class="btn btn-secondary run-all-btn"
-				data-benchmark-id="{{ assoc }}"
-				data-dataset-id="{{ dataset.id }}"
-				data-dataset-name="{{ dataset.name }}"
-                data-runAll="true"
-                {% if task_running %} disabled {% endif %}
-			>
-				▶️ Run All
-			</button>
-    	</div>
-    	<div class="card-body p-4">
-      		<div class="benchmark-section mb-4">
-        		<ul class="list-group">
-					<li class="list-group-item d-flex justify-content-between align-items-center">
-                        {% set results_exist = reference_model.result and reference_model.result.results_exist %}
-						<!-- Left section: Model info -->
-						<div class="model-info d-flex flex-column">
-                            <small class="text-muted">&nbsp;Reference Model</small>
-							{{ model_macros.model_link(reference_model) }}
-						</div>
-						<div class="d-flex align-items-center">
-							<div class="mx-2">
-								<button
-									class="btn btn-primary mx-2"
-									data-benchmark-id="{{ assoc }}"
-									data-model-id="{{ reference_model.id }}"
-									data-dataset-name="{{ dataset.name }}"
-									data-dataset-id="{{ dataset.id }}"
-									data-model-name="{{ reference_model.name }}"
-									id="run-{{ assoc }}-{{ reference_model.id }}"
-                                    {% if results_exist %} rerun="true" {% endif %}
-                                    {% if task_running %} disabled {% endif %}
-								>
-									▶️ {% if results_exist %} Rerun {% else %} Run {% endif %}
-								</button>
-							</div>
-							{% if results_exist %}
-								<div class="mx-2">
-									<button
-										class="btn btn-primary view-result-btn"
-										data-benchmark-name="{{ benchmarks[assoc].name }}"
-										data-model-name="{{ reference_model.name }}"
-										data-dataset-name="{{ dataset.name }}"
-										id="show-{{ assoc }}-{{ reference_model.id }}"
-										data-result='{{ reference_model.result.results|tojson }}'
-									>
-                                        🔍 View Result
-									</button>
-								</div>
-								<!-- any cleaner way? -->
-								{% if reference_model.result.finalized %}
-								<div class="mx-2">
-									<span class="btn btn-success">✅ Submitted</span>
-								</div>
-								{% else %}
-								<div class="mx-2">
-									<button
-										class="btn btn-primary"
-                                        id="submit-{{ assoc }}-{{ reference_model.result.id }}"
-										data-result-id="{{ reference_model.result.id }}"
-                                        data-benchmark-id="{{ assoc }}"
-                                        data-dataset-id="{{ dataset.id }}"
-                                        {% if task_running %} disabled {% endif %}
-									>
-										⬆️ Submit
-									</button>
-								</div>
-								{% endif %}
-							{% endif %}
-						</div>
-					</li>
-					{% if benchmark_models[assoc] %}
-                    {% for model in benchmark_models[assoc] %}
-                    {% set results_exist = model.result and model.result.results_exist %}
-					<li class="list-group-item d-flex justify-content-between align-items-center">
-						<!-- Left section: Model info -->
-						<div class="model-info d-flex flex-column">
-                            {% if model._encrypted %}
-                            <div>
-                            <small class="text-muted">&nbsp;Encrypted Model</small>
-                            {% if model.access_status["has_access"] %}
-                            <small class="text-success fw-bold">&nbsp;Access Granted</small>
-                            {% else %}
-                            <small
-                                class="text-danger text-decoration-underline"
-                                data-bs-toggle="tooltip"
-                                data-bs-placement="top"
-                                data-bs-title="{{ model.access_status['reason'] }}"
-                                >&nbsp;Access Pending</small>
-                            {% endif %}
-                            </div>
-                            {% endif %}
-                            {% if model._requires_cc %}
-                            <div>
-                            <small class="text-muted">&nbsp;Confidential Computing Model</small>
-                            {% if model.cc_run_status["can_run"] %}
-                            <small class="text-success fw-bold">&nbsp;Ready</small>
-                            {% else %}
-                            <small
-                                class="text-danger text-decoration-underline"
-                                data-bs-toggle="tooltip"
-                                data-bs-placement="top"
-                                data-bs-title="{{ model.cc_run_status['reason'] }}"
-                                >&nbsp;Not Ready</small>
-                            {% endif %}
-                            </div>
-                            {% endif %}
-							{{ model_macros.model_link(model) }}
-						</div>
-						<div class="d-flex align-items-center">
-							<div class="mx-2">
-								<button
-									class="btn btn-primary mx-2"
-									data-benchmark-id="{{ assoc }}"
-									data-model-id="{{ model.id }}"
-									data-dataset-name="{{ dataset.name }}"
-									data-dataset-id="{{ dataset.id }}"
-									data-model-name="{{ model.name }}"
-									id="run-{{ assoc }}-{{ model.id }}"
-                                    {% if results_exist %} rerun="true" {% endif %}
-                                    {% if task_running or (model._encrypted and not model.access_status["has_access"]) or (model._requires_cc and not model.cc_run_status["can_run"]) %} disabled {% endif %}
-								>
-									▶️ {% if results_exist %} Rerun {% else %} Run {% endif %}
-								</button>
-							</div>
-							{% if results_exist %}
-								<div class="mx-2">
-									<button
-										class="btn btn-primary show-result-btn"
-										data-benchmark-name="{{ benchmarks[assoc].name }}"
-										data-model-name="{{ model.name }}"
-										data-dataset-name="{{ dataset.name }}"
-										id="show-{{ assoc }}-{{ model.id }}"
-										data-result='{{ model.result.results|tojson }}'
-									>
-                                        🔍 View Result
-									</button>
-								</div>
-								<!-- any cleaner way? -->
-								{% if model.result.finalized %}
-								<div class="mx-2">
-									<span class="btn btn-success">✅ Submitted</span>
-								</div>
-								{% else %}
-								<div class="mx-2">
-                                    <button
-                                        class="btn btn-primary"
-                                        id="submit-{{ assoc }}-{{ model.result.id }}"
-                                        data-result-id="{{ model.result.id }}"
-                                        data-benchmark-id="{{ assoc }}"
-                                        data-dataset-id="{{ dataset.id }}"
-                                        {% if task_running %} disabled {% endif %}
-                                    >
-                                        ⬆️ Submit
-                                    </button>
-								</div>
-								{% endif %}
-							{% endif %}
-						</div>
-					</li>
-                    {% endfor %}
-                    {% else %}
-					<li class="list-group-item d-flex justify-content-between align-items-center">
-						No models yet
-					</li>
-                    {% endif %}
-                    </ul>
-                </div>
-            </div>
-        </div>
-	{% endif %}
-{% endfor %}
-{% endif %}
-
-{% include "partials/panel_container.html" %}
-{% include "partials/text_content_container.html" %}
-{% include "partials/yaml_container.html" %}
-{% include "partials/prompt_container.html" %}
-
-{% endblock detail_panel %}
-
-{% block extra_js %}
-<script>
-    window.ccPreferences = {
-        can_apply: {{ cc_configured|tojson }},
-        defaults: {{ cc_config_defaults|tojson }}
-    }
-</script>
-<script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
-<script src="{{ url_for('static', path='js/results/results_utils.js') }}"></script>
-<script src="{{ url_for('static', path='js/datasets/dataset_detail.js') }}"></script>
-<script src="{{ url_for('static', path='js/cc.js') }}"></script>
-
-{% if task_running and task_formData.get("dataset_id", "") == dataset.id|string %}
-{% if request.app.state.task.name == "dataset_preparation" %}
-<script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#prepare-dataset",
-            `Preparing Dataset...`,
-            onDatasetPrepareSuccess
-        );
-    });
-</script>
-{% elif request.app.state.task.name == "dataset_set_operational" %}
-<script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#set-operational",
-            null,
-            onDatasetSetOperationSuccess
-        );
-    });
-</script>
-{% elif request.app.state.task.name == "dataset_association" %}
-<script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#associate-dropdown-btn",
-            `Requesting Association...`,
-            onDatasetAssociationRequestSuccess
-        );
-    });
-</script>
-{% elif request.app.state.task.name == "benchmark_run" %}
-<script>
-    $(document).ready(() => {
-        elementsSpinners = [];
-        benchmarkId = "{{ task_formData.get('benchmark_id', '') }}";
-        modelIds = "{{ task_formData.get('model_ids', '') }}";
-        runAll = "{{ task_formData.get('run_all', '') }}" === "true";
-        if (runAll){
-            elementsSpinners.push(`#run-all-${benchmarkId}`);
-            $(`[id^="run-${benchmarkId}-"]`).each((index, element) => {
-                elementsSpinners.push("#"+element.getAttribute("id"));
-            });
-        }
-        else{
-            elementsSpinners = `[id^="run-${benchmarkId}-${modelIds}"]`
-        }
-        resumeRunningTask(
-            elementsSpinners,
-            `Running Benchmark Execution...`,
-            onDatasetBenchmarkExecutionSuccess
-        );
-    });
-</script>
-{% elif request.app.state.task.name == "result_submit" %}
-<script>
-    $(document).ready(() => {
-        benchmarkId = "{{ task_formData.get('benchmark_id', '') }}";
-        resultId = "{{ task_formData.get('result_id', '') }}";
-        resumeRunningTask(
-            `#submit-${benchmarkId}-${resultId}`,
-            null,
-            onResultSubmitSuccess
-        );
-    });
-</script>
-{% endif %}
-{% endif %}
-
-{% if task_running and request.app.state.task.name == "data_update_cc_config" and task_formData.get("dataset_id", "") == entity.id|string %}
-<script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#apply-cc-asset-btn",
-            `Updating Dataset CC Configuration...`,
-            onCCEditRequestSuccess
-        );
-    });
-</script>
-{% endif %}
-
-{% endblock extra_js %}
+
+{% extends "detail_base.html" %}
+
+{% import 'macros/container_macros.html' as container_macros %}
+{% import 'macros/model_macros.html' as model_macros %}
+{% import 'macros/benchmark_macros.html' as benchmark_macros %}
+{% import 'macros/cc_asset_macro.html' as cc_asset_macro %}
+
+{% block title %}Dataset Details - {{ dataset.name }}{% endblock title %}
+
+{% block detail_panel %}
+{% set ui_mode = request.app.state.ui_mode %}
+<div class="mb-8">
+    <div class="flex flex-wrap justify-between items-start gap-4 mb-6">
+        <div class="flex items-center mb-3">
+            <h1 class="text-5xl font-bold medperf-accent dark:text-green-400">{{ dataset.name }}</h1>
+        </div>
+        <form action="/datasets/export/ui" method="POST" id="redirect-export-form" class="{% if not is_owner %}hidden{% endif %}">
+            <input type="hidden" name="dataset_id" value="{{ dataset.id }}">
+            <input class="px-6 py-3 rounded-xl bg-gray-700 dark:bg-gray-600 text-white font-bold hover:opacity-90 cursor-pointer" type="submit" name="submit" value="Export Dataset">
+        </form>
+    </div>
+</div>
+
+<div class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 {% if ui_mode == request.app.state.EVALUATION_MODE and not dataset.is_valid %}invalid-card{% endif %} overflow-hidden">
+    <div class="flex flex-wrap justify-between items-center gap-4 mb-6">
+        <h2 class="text-3xl font-bold medperf-accent dark:text-green-400 flex items-center">
+            <i class="fas fa-info-circle mr-3"></i>Details
+        </h2>
+        <div class="flex flex-wrap gap-2">
+            <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if dataset_is_operational %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}">{% if dataset.state == 'OPERATION' %}OPERATIONAL{% else %}{{ dataset.state }}{% endif %}</span>
+            <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if dataset.is_valid %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300 border-red-200 dark:border-red-800{% endif %}">{% if dataset.is_valid %}VALID{% else %}INVALID{% endif %}</span>
+        </div>
+    </div>
+    <div class="info-highlight rounded-xl p-6 mb-6">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Dataset ID</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">{{ dataset.id }}</p>
+            </div>
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Owner</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">
+                    <i class="fas fa-user medperf-accent dark:text-green-400 mr-2"></i>{% if is_owner %} You {% else %}{{ dataset.owner }}{% endif %}
+                </p>
+            </div>
+        </div>
+    </div>
+
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Description</p>
+        <p class="text-gray-800 dark:text-gray-200 leading-relaxed">{{ dataset.description }}</p>
+    </div>
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Location</p>
+        <p class="text-gray-800 dark:text-gray-200">{{ dataset.location }}</p>
+    </div>
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Data Preparation Container</p>
+        {{ container_macros.container_link(prep_cube) }}
+    </div>
+    {% if dataset.generated_metadata %}
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Statistics</p>
+        <button type="button" data-field="Statistics" data-yaml-data='{{ dataset.generated_metadata | tojson }}' class="yaml-link medperf-accent dark:text-green-400 hover:underline font-medium">View Statistics</button>
+    </div>
+    {% endif %}
+    {% if report_exists %}
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Report</p>
+        <button type="button" data-field="Report" data-yaml-data='{{ dataset.report | tojson }}' class="yaml-link medperf-accent dark:text-green-400 hover:underline font-medium">View Report</button>
+    </div>
+    {% endif %}
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Is Prepared</p>
+        <p class="text-gray-800 dark:text-gray-200">{{ dataset_is_prepared }}</p>
+    </div>
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 pt-6 border-t-2 border-gray-100 dark:border-gray-700">
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Created</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ dataset.created_at }}"></span>
+        </div>
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Modified</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ dataset.modified_at }}"></span>
+        </div>
+    </div>
+</div>
+
+{% if is_owner %}
+<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 overflow-visible">
+    <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/50">
+        <h3 class="mb-0 text-gray-900 dark:text-white font-bold">Actions</h3>
+    </div>
+    <div class="p-6 overflow-visible">
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+            {% if not dataset_is_prepared %}
+            <div class="rounded-xl border-2 border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 p-5 flex flex-col min-h-[200px]">
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg medperf-bg dark:bg-green-600/20 text-green-600 dark:text-green-400"><i class="fas fa-play-circle"></i></span>
+                    <span class="font-semibold text-gray-900 dark:text-white">Prepare dataset</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4 flex-1">Run data preprocessing and sanity checks for this dataset.</p>
+                <form id="prepare-dataset-form" action="/datasets/prepare" method="post" class="dataset-action-form" data-panel-title="Preparing dataset" data-confirm-message="prepare this dataset?">
+                    <input type="hidden" name="task_name" value="prepare">
+                    <input type="hidden" name="dataset_id" value="{{ dataset.id }}">
+                    <button type="submit" id="prepare-dataset" class="w-full px-4 py-2.5 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 cursor-pointer" {% if task_running %}disabled{% endif %}>Prepare</button>
+                </form>
+            </div>
+            {% else %}
+            <div class="rounded-xl border-2 border-green-200 dark:border-green-700/50 bg-green-50/50 dark:bg-green-900/10 p-5 flex flex-col min-h-[200px] justify-center" data-testid="prepared-section">
+                <div class="flex items-center gap-2 mb-2">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400"><i class="fas fa-check-circle"></i></span>
+                    <span class="font-semibold text-green-800 dark:text-green-300">Prepared</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400">Dataset is ready for the next step.</p>
+            </div>
+            {% endif %}
+
+            {% if not dataset_is_prepared %}
+            <div class="rounded-xl border-2 border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 p-5 flex flex-col min-h-[200px] opacity-60">
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-gray-200 dark:bg-gray-600 text-gray-500 dark:text-gray-400"><i class="fas fa-arrow-up"></i></span>
+                    <span class="font-semibold text-gray-600 dark:text-gray-400">Set operational</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4 flex-1">Mark this dataset as operational so it can be used in benchmarks and training experiments.</p>
+                <p class="text-sm text-gray-500 dark:text-gray-400">Complete preparation first.</p>
+            </div>
+            {% elif dataset_is_operational %}
+            <div class="rounded-xl border-2 border-green-200 dark:border-green-700/50 bg-green-50/50 dark:bg-green-900/10 p-5 flex flex-col min-h-[200px] justify-center" data-testid="operational-section">
+                <div class="flex items-center gap-2 mb-2">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400"><i class="fas fa-check-circle"></i></span>
+                    <span class="font-semibold text-green-800 dark:text-green-300">Operational</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400">Dataset can be used in benchmarks and training.</p>
+            </div>
+            {% else %}
+            <div class="rounded-xl border-2 border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 p-5 flex flex-col min-h-[200px]">
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-amber-100 dark:bg-amber-900/30 text-amber-600 dark:text-amber-400"><i class="fas fa-arrow-up"></i></span>
+                    <span class="font-semibold text-gray-900 dark:text-white">Set operational</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4 flex-1">Mark this dataset as operational so it can be used in benchmarks and training experiments.</p>
+                <form id="set-operational-form" action="/datasets/set_operational" method="post" class="dataset-action-form" data-panel-title="Setting dataset to operational" data-confirm-message="set this dataset to operation?">
+                    <input type="hidden" name="task_name" value="dataset_set_operational">
+                    <input type="hidden" name="dataset_id" value="{{ dataset.id }}">
+                    <button type="submit" id="set-operational" class="w-full px-4 py-2.5 rounded-xl bg-amber-600 dark:bg-amber-500 text-white font-semibold hover:opacity-90 cursor-pointer" {% if task_running %}disabled{% endif %}>Set operational</button>
+                </form>
+            </div>
+            {% endif %}
+
+            {% if ui_mode == request.app.state.EVALUATION_MODE %}
+            <div class="rounded-xl border-2 border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 p-5 flex flex-col min-h-[200px] overflow-visible {% if not dataset_is_operational %}opacity-60{% endif %}">
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400"><i class="fas fa-link"></i></span>
+                    <span class="font-semibold text-gray-900 dark:text-white">Associate with benchmark</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4 flex-1">Associate this dataset with a benchmark (same data preparation container)</p>
+                {% if not dataset_is_operational %}
+                <p class="text-sm text-gray-500 dark:text-gray-400">Set dataset to operational first.</p>
+                {% else %}
+                {% set available_benchmarks = [] %}
+                {% for benchmark in benchmarks.values() %}
+                {% if benchmark.id not in benchmark_associations or (benchmark.id in benchmark_associations and benchmark_associations[benchmark.id].approval_status == "REJECTED" ) %}
+                {% set _ = available_benchmarks.append(benchmark) %}
+                {% endif %}
+                {% endfor %}
+                <div class="relative w-full mt-auto" x-data="{ associateOpen: false }" @click.outside="associateOpen = false">
+                    <button type="button" id="associate-dropdown-btn" class="w-full px-4 py-2.5 rounded-xl bg-blue-600 dark:bg-blue-500 text-white font-semibold hover:opacity-90 cursor-pointer disabled:cursor-not-allowed" @click="associateOpen = !associateOpen" {% if task_running %}disabled{% endif %}><i class="fas fa-link mr-2"></i>Associate with benchmark</button>
+                    <div id="dropdown-div" class="absolute left-0 right-0 mt-2 rounded-xl bg-white dark:bg-gray-800 shadow-xl border-2 border-gray-200 dark:border-gray-600 py-2 z-[100] max-h-[400px] overflow-y-auto overflow-x-hidden min-w-[420px]" x-show="associateOpen" x-cloak x-transition style="display: none;">
+                        {% if available_benchmarks %}
+                        {% for benchmark in available_benchmarks %}
+                        <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-700/50 border-b border-gray-100 dark:border-gray-700 last:border-b-0">
+                            <div class="font-semibold text-gray-900 dark:text-white min-w-0 break-words">{{ benchmark.id }} - {{ benchmark.name }}</div>
+                            <div class="flex gap-2 flex-shrink-0">
+                                <a href="/benchmarks/ui/display/{{ benchmark.id }}" class="px-3 py-1.5 rounded-lg bg-gray-200 dark:bg-gray-600 text-gray-800 dark:text-white text-sm font-semibold hover:opacity-90 whitespace-nowrap cursor-pointer">View</a>
+                                <form id="dataset-association-form-{{ benchmark.id }}" action="/datasets/associate" method="post" class="inline dataset-action-form" data-panel-title="Requesting association" data-confirm-message="request association with this benchmark?">
+                                    <input type="hidden" name="task_name" value="dataset_association">
+                                    <input type="hidden" name="dataset_id" value="{{ dataset.id }}">
+                                    <input type="hidden" name="benchmark_id" value="{{ benchmark.id }}">
+                                    <button type="submit" class="px-3 py-1.5 rounded-lg medperf-bg dark:bg-green-600 text-white text-sm font-semibold hover:opacity-90 whitespace-nowrap cursor-pointer disabled:cursor-not-allowed" data-testid="request-bmk-association" {% if task_running %}disabled{% endif %}><i class="fas fa-paper-plane mr-1"></i>Request</button>
+                                </form>
+                            </div>
+                        </div>
+                        {% endfor %}
+                        {% else %}
+                        <p class="px-4 py-3 text-gray-500 dark:text-gray-400 text-sm">No benchmarks available for association</p>
+                        {% endif %}
+                    </div>
+                </div>
+                {% endif %}
+            </div>
+            {% else %}
+            <div class="rounded-xl border-2 border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 p-5 flex flex-col min-h-[200px] overflow-visible {% if not dataset_is_operational %}opacity-60{% endif %}">
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400"><i class="fas fa-link"></i></span>
+                    <span class="font-semibold text-gray-900 dark:text-white">Associate with training experiment</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4 flex-1">Associate this dataset with a training experiment (same data preparation container).</p>
+                {% if not dataset_is_operational %}
+                <p class="text-sm text-gray-500 dark:text-gray-400">Set dataset to operational first.</p>
+                {% else %}
+                <div class="relative w-full mt-auto overflow-visible" x-data="{ trainingAssocOpen: false }" @click.outside="trainingAssocOpen = false">
+                    <button type="button" class="w-full px-4 py-2.5 rounded-xl bg-blue-600 dark:bg-blue-500 text-white font-semibold hover:opacity-90 cursor-pointer disabled:cursor-not-allowed" @click="trainingAssocOpen = !trainingAssocOpen" {% if task_running %}disabled{% endif %}><i class="fas fa-link mr-2"></i>Associate with training experiment</button>
+                    <div id="dropdown-training-div" class="absolute left-0 right-0 mt-2 rounded-xl bg-white dark:bg-gray-800 shadow-xl border-2 border-gray-200 dark:border-gray-600 py-2 z-[100] max-h-[400px] overflow-y-auto overflow-x-hidden min-w-[420px]" x-show="trainingAssocOpen" x-cloak x-transition style="display: none;">
+                        {% if available_training_experiments %}
+                        {% for exp in available_training_experiments %}
+                        <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-700/50 border-b border-gray-100 dark:border-gray-700 last:border-b-0">
+                            <div class="font-semibold text-gray-900 dark:text-white min-w-0 break-words">{{ exp.name }} <span class="text-gray-500 dark:text-gray-400 font-normal">(ID: {{ exp.id }})</span></div>
+                            <div class="flex gap-2 flex-shrink-0">
+                                <a href="/training/ui/display/{{ exp.id }}" class="px-3 py-1.5 rounded-lg bg-gray-200 dark:bg-gray-600 text-gray-800 dark:text-white text-sm font-semibold hover:opacity-90 whitespace-nowrap cursor-pointer">View</a>
+                                {% if exp.id in training_associations %}
+                                {% if training_associations[exp.id].approval_status != 'APPROVED' %}
+                                <form id="dataset-training-association-form-{{ exp.id }}" action="/datasets/associate_training" method="post" class="inline dataset-training-action-form dataset-action-form" data-panel-title="Requesting association" data-confirm-message="request association with this training experiment?">
+                                    <input type="hidden" name="task_name" value="dataset_training_association">
+                                    <input type="hidden" name="dataset_id" value="{{ dataset.id }}">
+                                    <input type="hidden" name="training_exp_id" value="{{ exp.id }}">
+                                    <button type="submit" class="px-3 py-1.5 rounded-lg medperf-bg dark:bg-green-600 text-white text-sm font-semibold hover:opacity-90 whitespace-nowrap cursor-pointer disabled:cursor-not-allowed" {% if task_running %}disabled{% endif %}><i class="fas fa-paper-plane mr-1"></i>Request again</button>
+                                </form>
+                                {% else %}
+                                <span class="px-3 py-1.5 rounded-lg bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 text-sm font-semibold">Approved</span>
+                                {% endif %}
+                                {% else %}
+                                <form id="dataset-training-association-form-{{ exp.id }}" action="/datasets/associate_training" method="post" class="inline dataset-training-action-form dataset-action-form" data-panel-title="Requesting association" data-confirm-message="associate this dataset with this training experiment?">
+                                    <input type="hidden" name="task_name" value="dataset_training_association">
+                                    <input type="hidden" name="dataset_id" value="{{ dataset.id }}">
+                                    <input type="hidden" name="training_exp_id" value="{{ exp.id }}">
+                                    <button type="submit" class="px-3 py-1.5 rounded-lg medperf-bg dark:bg-green-600 text-white text-sm font-semibold hover:opacity-90 whitespace-nowrap cursor-pointer disabled:cursor-not-allowed" {% if task_running %}disabled{% endif %}><i class="fas fa-paper-plane mr-1"></i>Request</button>
+                                </form>
+                                {% endif %}
+                            </div>
+                        </div>
+                        {% endfor %}
+                        {% else %}
+                        <p class="px-4 py-3 text-gray-500 dark:text-gray-400 text-sm">No training experiments available for association</p>
+                        {% endif %}
+                    </div>
+                </div>
+                {% endif %}
+            </div>
+            {% endif %}
+        </div>
+        <div class="my-8 bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-lg border-2 border-green-100 dark:border-gray-700">
+            <h3 class="text-xl font-bold medperf-accent dark:text-green-400 mb-4">Confidential Computing Preferences</h3>
+            {{ cc_asset_macro.gcp_asset(cc_config_defaults, cc_configured, cc_initialized, cc_last_synced, dataset.id, "dataset", task_running) }}
+        </div>
+        {% endif %}
+    </div>
+</div>
+
+{% if is_owner and ui_mode == request.app.state.EVALUATION_MODE %}
+<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 overflow-hidden" data-testid="benchmark-associations">
+    <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/50">
+        <h3 class="mb-0 text-gray-900 dark:text-white font-bold">Associated benchmarks</h3>
+    </div>
+    <div class="p-6">
+        {% if benchmark_associations %}
+        <ul class="space-y-4">
+            {% for assoc in benchmark_associations %}
+            <li class="flex flex-wrap items-center justify-between gap-4 p-4 rounded-xl border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30">
+                <div data-testid="associated-benchmark-item">
+                    <a href="/benchmarks/ui/display/{{ assoc }}" class="medperf-accent dark:text-green-400 hover:underline font-semibold">{{ benchmarks[assoc].name }}</a>
+                    <span class="text-gray-500 dark:text-gray-400 text-sm ml-2">ID: {{ assoc }}</span>
+                    <span class="px-3 py-1 rounded-full text-xs font-bold ml-2 {% if benchmark_associations[assoc].approval_status == 'APPROVED' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300{% elif benchmark_associations[assoc].approval_status == 'REJECTED' %}bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300{% endif %}">{{ benchmark_associations[assoc].approval_status }}</span>
+                </div>
+            </li>
+            {% endfor %}
+        </ul>
+        {% else %}
+        <p class="text-gray-600 dark:text-gray-400">No benchmarks associated yet. Use the <strong>Associate with benchmark</strong> card in Actions above to request association (dataset must be operational to request association).</p>
+        {% endif %}
+    </div>
+</div>
+{% endif %}
+
+{% for assoc in benchmark_associations %}
+	{% if assoc in approved_benchmarks %}
+	{% set reference_model_id = benchmarks[assoc].reference_model %}
+	<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg border-2 border-green-100 dark:border-gray-700 mt-6 mb-4 overflow-hidden">
+		<div class="px-4 py-3 medperf-bg dark:bg-green-700 flex justify-between items-center text-white">
+			<h4 class="mb-0">
+			Benchmark:
+			<a href="/benchmarks/ui/display/{{ assoc }}" class="text-white text-decoration-underline">
+				<strong>{{ benchmarks[assoc].name }}</strong>
+			</a>
+			</h4>
+			<form id="run-all-{{ assoc }}-form" action="/datasets/run" method="post" class="inline dataset-action-form" data-panel-title="Running benchmark execution" data-confirm-message="run the benchmark execution for all models?">
+				<input type="hidden" name="task_name" value="run_benchmark">
+				<input type="hidden" name="dataset_id" value="{{ dataset.id }}">
+				<input type="hidden" name="benchmark_id" value="{{ assoc }}">
+				<input type="hidden" name="run_all" value="true">
+				{% if benchmark_models[assoc] %}{% for model in benchmark_models[assoc] %}<input type="hidden" name="model_ids" value="{{ model.id }}">{% endfor %}{% endif %}
+				<button type="submit" id="run-all-{{ assoc }}" class="px-4 py-2 rounded-xl bg-gray-200 dark:bg-gray-600 text-gray-800 dark:text-white font-semibold run-all-btn cursor-pointer disabled:cursor-not-allowed" {% if task_running %}disabled{% endif %}><i class="fas fa-play mr-2"></i>Run All</button>
+			</form>
+    	</div>
+    	<div class="p-4">
+      		<div class="benchmark-section mb-4">
+        		<div class="space-y-2">
+					{% if benchmark_models[assoc] %}
+                    {% for model in benchmark_models[assoc] %}
+                    {% set results_exist = model.result and model.result.results_exist %}
+					<div class="flex flex-wrap justify-between items-center gap-4 p-4 rounded-xl border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30">
+						<div class="model-info flex flex-col">
+                            {% if model.id == reference_model_id %}
+                            <small class="text-gray-500 dark:text-gray-400">&nbsp;Reference Model</small>
+                            {% endif %}
+                            {% if model._encrypted %}
+                            <div>
+                            <small class="text-gray-500 dark:text-gray-400">&nbsp;Encrypted Model</small>
+                            {% if model.access_status["has_access"] %}
+                            <small class="text-green-600 dark:text-green-400 font-bold">&nbsp;Access Granted</small>
+                            {% else %}
+                            <small class="text-red-600 dark:text-red-400 underline cursor-help" title="{{ model.access_status['reason'] }}">&nbsp;Access Pending</small>
+                            {% endif %}
+                            </div>
+                            {% endif %}
+                            {% if model._requires_cc %}
+                            <div>
+                            <small class="text-gray-500 dark:text-gray-400">&nbsp;Confidential Computing Model</small>
+                            {% if model.cc_run_status["can_run"] %}
+                            <small class="text-green-600 dark:text-green-400 font-bold">&nbsp;Ready</small>
+                            {% else %}
+                            <small class="text-red-600 dark:text-red-400 underline cursor-help" title="{{ model.cc_run_status['reason'] }}">&nbsp;Not Ready</small>
+                            {% endif %}
+                            </div>
+                            {% endif %}
+							{{ model_macros.model_link(model) }}
+						</div>
+						<div class="flex items-center flex-wrap gap-2">
+							<div class="mx-2">
+								<form id="run-{{ assoc }}-{{ model.id }}-form" action="/datasets/run" method="post" class="inline dataset-action-form" data-panel-title="Running benchmark execution" data-confirm-message="{% if results_exist %}rerun the benchmark execution for the selected model? This will clear previous results.{% else %}run the benchmark execution for the selected model?{% endif %}">
+									<input type="hidden" name="task_name" value="run_benchmark">
+									<input type="hidden" name="dataset_id" value="{{ dataset.id }}">
+									<input type="hidden" name="benchmark_id" value="{{ assoc }}">
+									<input type="hidden" name="run_all" value="false">
+									<input type="hidden" name="model_ids" value="{{ model.id }}">
+									<button type="submit" id="run-{{ assoc }}-{{ model.id }}" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 mx-2 cursor-pointer disabled:cursor-not-allowed" {% if task_running or (model._encrypted and not model.access_status["has_access"]) or (model._requires_cc and not model.cc_run_status["can_run"]) %}disabled{% endif %}><i class="fas fa-play mr-2"></i>{% if results_exist %} Rerun {% else %} Run {% endif %}</button>
+								</form>
+							</div>
+							{% if results_exist %}
+								<div class="mx-2">
+									<button
+										class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 view-result-btn cursor-pointer"
+										data-benchmark-name="{{ benchmarks[assoc].name }}"
+										data-model-name="{{ model.name }}"
+										data-dataset-name="{{ dataset.name }}"
+										id="show-{{ assoc }}-{{ model.id }}"
+										data-result='{{ model.result.results|tojson }}'
+									>
+                                        <i class="fas fa-chart-line mr-2"></i>View Result
+									</button>
+								</div>
+								<!-- any cleaner way? -->
+								{% if model.result.finalized %}
+								<div class="mx-2">
+									<span class="inline-block px-3 py-1 rounded-lg bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 font-semibold"><i class="fas fa-check mr-1"></i>Submitted</span>
+								</div>
+								{% else %}
+								<div class="mx-2">
+                                    <form id="submit-{{ assoc }}-{{ model.result.id }}-form" action="/datasets/submit_result" method="post" class="inline dataset-action-form" data-panel-title="Submitting result" data-confirm-message="submit the result?">
+										<input type="hidden" name="task_name" value="submit_result">
+										<input type="hidden" name="result_id" value="{{ model.result.id }}">
+										<input type="hidden" name="benchmark_id" value="{{ assoc }}">
+										<input type="hidden" name="dataset_id" value="{{ dataset.id }}">
+										<button type="submit" id="submit-{{ assoc }}-{{ model.result.id }}" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 cursor-pointer disabled:cursor-not-allowed" {% if task_running %}disabled{% endif %}><i class="fas fa-upload mr-2"></i>Submit</button>
+									</form>
+								</div>
+								{% endif %}
+							{% endif %}
+						</div>
+					</div>
+                    {% endfor %}
+                    {% else %}
+					<div class="flex justify-between items-center p-4 rounded-xl border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 text-gray-600 dark:text-gray-400">
+						No models yet
+					</div>
+                    {% endif %}
+                    </div>
+                </div>
+            </div>
+        </div>
+	{% endif %}
+{% endfor %}
+
+{% if ui_mode == request.app.state.TRAINING_MODE %}
+<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 overflow-hidden">
+    <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/50">
+        <h3 class="mb-0 text-gray-900 dark:text-white font-bold">Associated training experiments</h3>
+    </div>
+    <div id="training-running-banner" class="hidden mx-4 mt-4 px-3 py-2 rounded-lg bg-amber-100 dark:bg-amber-900/30 border border-amber-200 dark:border-amber-700 flex items-center justify-between gap-3">
+        <span class="text-amber-800 dark:text-amber-200 font-semibold"><i class="fas fa-sync-alt fa-spin mr-2"></i>Training is running</span>
+        <button type="button" id="stop-training-btn" class="px-3 py-1.5 rounded-lg bg-red-600 dark:bg-red-500 text-white text-sm font-semibold hover:opacity-90 cursor-pointer">Stop</button>
+    </div>
+    <div class="p-6">
+        {% if training_associations %}
+        <ul class="space-y-4">
+            {% for exp_id, assoc in training_associations.items() %}
+            <li class="flex flex-wrap items-center justify-between gap-4 p-4 rounded-xl border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30">
+                <div>
+                    <a href="/training/ui/display/{{ exp_id }}" class="medperf-accent dark:text-green-400 hover:underline font-semibold">{% if exp_id in experiments_by_id %}{{ experiments_by_id[exp_id].name }}{% else %}Training experiment {{ exp_id }}{% endif %}</a>
+                    <span class="text-gray-500 dark:text-gray-400 text-sm ml-2">ID: {{ exp_id }}</span>
+                    <span class="px-3 py-1 rounded-full text-xs font-bold ml-2 {% if assoc.approval_status == 'APPROVED' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300{% elif assoc.approval_status == 'REJECTED' %}bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300{% endif %}">{{ assoc.approval_status }}</span>
+                </div>
+                {% if assoc.approval_status == 'APPROVED' and dataset_is_operational %}
+                <form id="start-training-form-{{ exp_id }}" action="/datasets/start_training" method="post" class="inline dataset-training-action-form dataset-action-form" data-panel-title="Starting training" data-confirm-message="start training for this experiment with this dataset?" data-success-handler="onStartTrainingSuccess">
+                    <input type="hidden" name="task_name" value="start_training">
+                    <input type="hidden" name="dataset_id" value="{{ dataset.id }}">
+                    <input type="hidden" name="training_exp_id" value="{{ exp_id }}">
+                    <button type="submit" class="px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 cursor-pointer start-training-btn">
+                        <i class="fas fa-play mr-2"></i>Start training
+                    </button>
+                </form>
+                {% endif %}
+            </li>
+            {% endfor %}
+        </ul>
+        {% else %}
+        <p class="text-gray-600 dark:text-gray-400">No training experiments associated yet. Use the <strong>Associate with training experiment</strong> card in Actions above to request association (dataset must be operational to request association).</p>
+        {% endif %}
+    </div>
+</div>
+{% endif %}
+
+{% include "partials/panel_container.html" %}
+{% include "partials/text_content_container.html" %}
+{% include "partials/yaml_container.html" %}
+{% include "partials/prompt_container.html" %}
+
+{% endblock detail_panel %}
+
+{% block extra_js %}
+<script>
+    window.ccPreferences = {
+        configured: {{ cc_configured|tojson }},
+        initialized: {{ cc_initialized|tojson }},
+        defaults: {{ cc_config_defaults|tojson }}
+    }
+</script>
+<script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
+<script src="{{ url_for('static', path='js/results/results_utils.js') }}"></script>
+<script src="{{ url_for('static', path='js/datasets/dataset_detail.js') }}"></script>
+<script src="{{ url_for('static', path='js/cc.js') }}"></script>
+{% if task_running %}
+{% if "prepare" in request.app.state.active_tasks and request.app.state.active_tasks["prepare"].formData.get("dataset_id") == dataset.id|string %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#prepare-dataset-form");
+    });
+</script>
+{% elif "dataset_set_operational" in request.app.state.active_tasks and request.app.state.active_tasks["dataset_set_operational"].formData.get("dataset_id") == dataset.id|string %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#set-operational-form");
+    });
+</script>
+{% elif "dataset_association" in request.app.state.active_tasks and request.app.state.active_tasks["dataset_association"].formData.get("dataset_id") == dataset.id|string %}
+{% set form_data = request.app.state.active_tasks["dataset_association"].formData %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#dataset-association-form-{{ form_data.get('benchmark_id') }}");
+    });
+</script>
+{% elif  "run_benchmark" in request.app.state.active_tasks and request.app.state.active_tasks["run_benchmark"].formData.get("dataset_id") == dataset.id|string %}
+{% set form_data = request.app.state.active_tasks["run_benchmark"].formData %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        const runAll = "{{ form_data.get('run_all') }}" === "true";
+        if (runAll) {
+            resumeRunningTask("#run-all-{{ form_data.get('benchmark_id') }}-form");
+        } else {
+            resumeRunningTask("#run-{{ form_data.get('benchmark_id') }}-{{ form_data.get('model_ids') }}-form");
+        }
+    });
+</script>
+{% elif  "submit_result" in request.app.state.active_tasks and request.app.state.active_tasks["submit_result"].formData.get("dataset_id") == dataset.id|string %}
+{% set form_data = request.app.state.active_tasks["submit_result"].formData %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#submit-{{ form_data.get('benchmark_id') }}-{{ form_data.get('result_id') }}-form");
+    });
+</script>
+{% elif "dataset_training_association" in request.app.state.active_tasks and request.app.state.active_tasks["dataset_training_association"].formData.get("dataset_id") == dataset.id|string %}
+{% set form_data = request.app.state.active_tasks["dataset_training_association"].formData %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#dataset-training-association-form-{{ form_data.get('training_exp_id') }}");
+    });
+</script>
+{% elif "start_training" in request.app.state.active_tasks and request.app.state.active_tasks["start_training"].formData.get("dataset_id") == dataset.id|string %}
+{% set form_data = request.app.state.active_tasks["start_training"].formData %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        const exp_id = "{{ form_data.get('training_exp_id') }}";
+        startPollingTrainingRunningTasks();
+        resumeRunningTask("#start-training-form-" + exp_id);
+    });
+</script>
+{% elif "data_update_cc_config" in request.app.state.active_tasks and request.app.state.active_tasks["data_update_cc_config"].formData.get("entity_id") == dataset.id|string %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#edit-cc-asset-form");
+    });
+</script>
+{% elif "data_update_cc_policy" in request.app.state.active_tasks and request.app.state.active_tasks["data_update_cc_policy"].formData.get("entity_id") == dataset.id|string %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#sync-cc-policy-form");
+    });
+</script>
+{% endif %}
+{% endif %}
+
+{% endblock extra_js %}
diff --git a/cli/medperf/web_ui/templates/dataset/datasets.html b/cli/medperf/web_ui/templates/dataset/datasets.html
index af082c6f8..4eed4c02e 100644
--- a/cli/medperf/web_ui/templates/dataset/datasets.html
+++ b/cli/medperf/web_ui/templates/dataset/datasets.html
@@ -1,87 +1,50 @@
-{# ./cli/medperf/web_ui/templates/dataset/datasets.html #}
-
 {% extends "base.html" %}
+{% import 'macros/dataset_macros.html' as dataset_macros %}
+
+{% set ui_mode = request.app.state.ui_mode %}
 
 {% block title %}Datasets{% endblock %}
 
 {% block content %}
-<div class="container">
-    <div class="row text-center">
-        <div class="col-12">
-            <a class="btn btn-primary my-4" href="/datasets/register/ui" data-testid="reg-dset-btn">
-                Register a New Dataset
-            </a>
-            <a class="btn btn-dark my-4 mx-3" href="/datasets/import/ui" data-testid="import-dset-btn">
-                Import Dataset
-            </a>
-        </div>
-    </div>
-    <div class="row mt-5">
-        <div class="col-12">
-            <h1 class="mt-4 text-center" data-testid="page-header">Datasets</h1>
-            <div class="form-check form-switch d-flex flex-column align-items-center">
-                <input
-                    class="form-check-input fs-5"
-                    type="checkbox"
-                    role="switch"
-                    id="switch"
-                    data-entity-name="datasets"
-                    {% if mine_only %}
-                    checked
-                    {% endif %}
-                >
-                <label class="form-check-label fs-6 mt-2" for="switch">Show only my datasets</label>
+<div class="container mx-auto px-4 py-12">
+    <div class="mb-12">
+        <div class="flex items-center justify-between mb-8">
+            <div>
+                <h1 class="text-5xl font-bold medperf-accent dark:text-green-400 mb-3" data-testid="page-header">Datasets{% if ui_mode == request.app.state.TRAINING_MODE %} (Training){% endif %}</h1>
+                <p class="text-gray-700 dark:text-gray-300 text-lg">{% if ui_mode == request.app.state.TRAINING_MODE %}Associate datasets with training experiments.{% else %}Manage and explore datasets for benchmarks.{% endif %}</p>
+            </div>
+            <div class="flex flex-wrap gap-3">
+                <a class="px-8 py-4 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:bg-green-700 dark:hover:bg-green-500 transition-all shadow-lg hover:shadow-xl inline-flex items-center" href="/datasets/register/ui" data-testid="reg-dset-btn">
+                    <i class="fas fa-plus mr-2"></i>Register a New Dataset
+                </a>
+                <a class="px-8 py-4 bg-gray-700 dark:bg-gray-600 text-white rounded-xl font-bold hover:opacity-90 transition-all shadow-lg inline-flex items-center" href="/datasets/import/ui" data-testid="import-dset-btn">
+                    <i class="fas fa-file-import mr-2"></i>Import Dataset
+                </a>
             </div>
         </div>
+        <div class="bg-white dark:bg-gray-800 p-5 rounded-xl shadow-md border-2 border-green-100 dark:border-gray-700 inline-flex">
+            <label class="relative inline-flex items-center cursor-pointer">
+                <input type="checkbox" class="sr-only peer" id="switch" data-entity-name="datasets" {% if mine_only %}checked{% endif %}>
+                <div class="w-14 h-7 bg-gray-200 dark:bg-gray-600 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-green-300 dark:peer-focus:ring-green-800 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:rounded-full after:h-6 after:w-6 after:transition-all peer-checked:bg-green-600"></div>
+                <span class="ml-4 text-gray-700 dark:text-gray-300 font-semibold">Show only my datasets</span>
+            </label>
+        </div>
     </div>
-</div>
-<div class="container mt-5" data-testid="cards-container">
-    <!-- Dataset Cards -->
-    <div class="row">
+
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" data-testid="cards-container">
         {% if datasets %}
         {% for dataset in datasets %}
-        <div class="col-md-4 mb-4">
-            <div class="card {% if not dataset.is_valid %}invalid-card{% endif %}">
-                <div class="card-body">
-                    <h5 class="card-title">
-                        <a href="/datasets/ui/display/{{ dataset.id }}" class="text-primary" data-testid="dset-name">
-                            {{ dataset.name }}
-                        </a>
-                    </h5>
-                    <h6 class="card-subtitle mb-2" data-testid="dset-id">ID: {{dataset.id}}</h6>
-                    <h6 class="card-subtitle mb-2 text-muted" data-testid="dset-state">
-                        {% if dataset.state == 'OPERATION' %} OPERATIONAL {% else %} {{ dataset.state }} {% endif %}
-                    </h6>
-                    <h6 class="card-subtitle mb-2 text-muted" data-testid="dset-is-valid">
-                        Is valid: {{ dataset.is_valid }}
-                    </h6>
-                    <p class="card-text" data-testid="dset-description">
-                        <strong>Description:</strong> 
-                        {{ dataset.description }}
-                    </p>
-                    <p class="card-text" data-testid="dset-created-at">
-                        <small class="text-muted" data-date="{{ dataset.created_at }}"></small>
-                    </p>
-                    <p class="card-text" data-testid="dset-location">
-                        <small class="text-muted">Location: {{ dataset.location }}</small>
-                    </p>
-                </div>
-            </div>
-        </div>
+        {{ dataset_macros.dataset_card(dataset) }}
         {% endfor %}
         {% else %}
-        <h3 class="col-12 text-center mt-5" data-testid="no-dsets-msg">
-            No datasets yet
-        </h3>
+        <h3 class="col-span-full text-center py-12 text-gray-600 dark:text-gray-400 text-xl" data-testid="no-dsets-msg">No datasets yet</h3>
         {% endif %}
     </div>
 </div>
-{% endblock content %}
+{% endblock %}
 
 {% block extra_js %}
 <script>
-    $("#switch").on("change", (e) => {
-        getEntities(e.currentTarget);
-    });
+    document.getElementById("switch").addEventListener("change", function() { getEntities(this); });
 </script>
-{% endblock extra_js %}
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/dataset/export_dataset.html b/cli/medperf/web_ui/templates/dataset/export_dataset.html
index 6a5e451cc..5c32ecc07 100644
--- a/cli/medperf/web_ui/templates/dataset/export_dataset.html
+++ b/cli/medperf/web_ui/templates/dataset/export_dataset.html
@@ -1,150 +1,75 @@
-{# ./cli/medperf/web_ui/templates/dataset/export_dataset.html #}
-
 {% extends "detail_base.html" %}
-
 {% import "constants/forms_placeholders.html" as placeholders %}
 {% import "constants/tooltips.html" as tooltips %}
-{% import 'macros/container_macros.html' as container_macros %}
+{% import "macros/container_macros.html" as container_macros %}
+{% import "macros/modal_macros.html" as modal_macros %}
 
 {% block title %}Export Dataset{% endblock %}
 
 {% block detail_panel %}
-{% set dataset_export_running = (task_running and request.app.state.task.name == "dataset_export") %}
-<div class="container">
-    <h1 class="text-center">Export Dataset</h1>
-    <div class="{% if dataset.is_valid %}card{% else %}invalid-card{% endif %} mt-5">
-        <div class="card-body">
-            <div class="d-flex justify-content-between align-items-center mb-3">
-                <h5 class="card-title mb-0">Details</h5>
-                <span class="badge {% if dataset_is_operational %}badge-state-operational{% else %}badge-state-development{% endif %}">
-                    {% if dataset.state == 'OPERATION' %} OPERATIONAL {% else %} {{ dataset.state }} {% endif %}
-                </span>
-                <span class="badge {% if dataset.is_valid %}badge-valid{% else %}badge-invalid{% endif %}">
-                    {% if dataset.is_valid %}VALID{% else %}INVALID{% endif %}
-                </span>
+{% set dataset_export_running = (task_running and "export_dataset" in request.app.state.active_tasks) %}
+{% if dataset_export_running %}
+{% set form_data = request.app.state.active_tasks["export_dataset"].formData %}
+{% endif %}
+
+<div class="w-full max-w-[1440px] mx-auto px-4 sm:px-6 lg:px-8">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 text-center mb-6">Export Dataset</h1>
+
+    <div class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-lg border-2 {% if dataset.is_valid %}border-green-100 dark:border-gray-700{% else %}border-red-200 dark:border-red-900{% endif %} mb-8">
+        <div class="flex flex-wrap justify-between items-center gap-4 mb-4">
+            <h2 class="text-xl font-bold text-gray-900 dark:text-white">Details</h2>
+            <div class="flex flex-wrap gap-2">
+                <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if dataset_is_operational %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}">{% if dataset.state == 'OPERATION' %}OPERATIONAL{% else %}{{ dataset.state }}{% endif %}</span>
+                <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if dataset.is_valid %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300 border-red-200 dark:border-red-800{% endif %}">{% if dataset.is_valid %}VALID{% else %}INVALID{% endif %}</span>
             </div>
-            <div class="card mb-3">
-                <div class="card-body">
-                    <p class="card-text fs-5 text-center">
-                        <strong>Dataset Name:</strong> 
-                        <strong>{{ dataset.name }}</strong>
-                    </p>
-                    <p class="card-text">
-                        <strong>Dataset ID:</strong> 
-                        <strong>{{ dataset.id }}</strong>
-                    </p>
-                    <p class="card-text">
-                        <strong>Description:</strong> 
-                        {{ dataset.description }}
-                    </p>
-                    <p class="card-text">
-                        <strong>Location:</strong> 
-                        {{ dataset.location }}
-                    </p>
-                    <p class="card-text">
-                        <strong>Data Preparation Container:</strong> 
-                        {{ container_macros.container_link(prep_cube) }}
-                    </p>
-                    {% if dataset.generated_metadata %}
-                    <p class="card-text">
-                        <strong>Statistics:</strong> 
-                        <button
-                            data-field="Statistics"
-                            data-yaml-data='{{ dataset.generated_metadata | tojson }}'
-                            class="btn btn-link text-primary yaml-link text-decoration-underline m-0 p-0"
-                            >View Statistics
-                        </button>
-                    </p>
-                    {% endif %}
-                    {% if report_exists %}
-                    <p class="card-text">
-                        <strong>Report:</strong> 
-                        <button
-                            data-field="Report"
-                            data-yaml-data='{{ dataset.report | tojson }}'
-                            class="btn btn-link text-primary yaml-link text-decoration-underline m-0 p-0"
-                            >View Report
-                        </button>
-                    </p>
-                    {% endif %}
-                </div>
+        </div>
+        <div class="bg-gray-50 dark:bg-gray-700/50 rounded-xl p-4 mb-4">
+            <p class="text-center text-gray-800 dark:text-gray-200 mb-2"><strong>Dataset Name:</strong> <strong>{{ dataset.name }}</strong></p>
+            <p class="text-gray-700 dark:text-gray-300"><strong>Dataset ID:</strong> {{ dataset.id }}</p>
+            <p class="text-gray-700 dark:text-gray-300"><strong>Description:</strong> {{ dataset.description }}</p>
+            <p class="text-gray-700 dark:text-gray-300"><strong>Location:</strong> {{ dataset.location }}</p>
+            <p class="text-gray-700 dark:text-gray-300"><strong>Data Preparation Container:</strong> {{ container_macros.container_link(prep_cube) }}</p>
+            {% if dataset.generated_metadata %}
+            <p class="text-gray-700 dark:text-gray-300"><strong>Statistics:</strong> <button type="button" data-field="Statistics" data-yaml-data='{{ dataset.generated_metadata | tojson }}' class="yaml-link medperf-accent dark:text-green-400 hover:underline font-medium">View Statistics</button></p>
+            {% endif %}
+            {% if report_exists %}
+            <p class="text-gray-700 dark:text-gray-300"><strong>Report:</strong> <button type="button" data-field="Report" data-yaml-data='{{ dataset.report | tojson }}' class="yaml-link medperf-accent dark:text-green-400 hover:underline font-medium">View Report</button></p>
+            {% endif %}
+        </div>
+        <div class="flex flex-wrap justify-between gap-4 text-sm text-gray-600 dark:text-gray-400">
+            <div>
+                <p><strong>Is Prepared:</strong> {{ dataset_is_prepared }}</p>
+                <!-- TODO: show Owner as "You" instead? -->
+                <p><strong>Owner:</strong> <i class="fas fa-user medperf-accent dark:text-green-400 mr-1"></i>{{ dataset.owner }}</p>
             </div>
-            <div class="card mb-3">
-                <div class="card-body d-flex justify-content-between flex-wrap">
-                    <div class="w-50">
-                        <p class="card-text">
-                            <strong>Is Prepared:</strong>
-                            <span class="text-muted small">{{ dataset_is_prepared }}</span>
-                        </p>
-                        <p class="card-text">
-                            <strong>Owner:</strong> 
-                            <i class="fas fa-user"></i> 
-                            <span class="text-muted small">{{ dataset.owner }}</span>
-                        </p>
-                    </div>
-                    <div class="text-right w-50">
-                        <p class="card-text">
-                            <strong>Created:</strong> 
-                            <span class="text-muted small" data-date="{{ dataset.created_at }}"></span>
-                        </p>
-                        <p class="card-text">
-                            <strong>Modified:</strong> 
-                            <span class="text-muted small" data-date="{{ dataset.modified_at }}"></span>
-                        </p>
-                    </div>
-                </div>
+            <div class="text-right">
+                <p><strong>Created:</strong> <span data-date="{{ dataset.created_at }}"></span></p>
+                <p><strong>Modified:</strong> <span data-date="{{ dataset.modified_at }}"></span></p>
             </div>
         </div>
     </div>
 
-    <form class="my-5" id="dataset-export-form">
-        <input type="hidden" name="dataset_id" value="{{ dataset.id }}">
-        <div class="form-group my-5">
-            <label for="output-path" class="form-label h4">Output Folder</label>
-            <div class="input-group mb-3">
-                <input
-                    type="text"
-                    id="output-path"
-                    name="output_path"
-                    class="form-control"
-                    placeholder="{{ placeholders.export_dataset_output_path }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if dataset_export_running %}
-                    value="{{ task_formData.get('output_path', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-output-btn"
-                        {% if task_running %} disabled {% endif %}
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.export_dataset_output_path }}"
-                ></i>
+    <form id="dataset-export-form" class="space-y-6" action="/dataset/ui/export" method="post" data-panel-title="Exporting dataset" data-confirm-message="export this dataset?">
+        <input type="hidden" name="task_name" value="export_dataset">
+        <div>
+            <label for="output-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Output Folder</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input type="text" id="output-path" name="output_path" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.export_dataset_output_path }}" {% if task_running %}disabled{% endif %} {% if dataset_export_running %}value="{{ form_data.get('output_path', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" id="browse-output-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.export_dataset_output_path }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="text-center mt-5">
-            <button
-                type="button"
-                class="btn btn-success"
-                id="export-dataset-btn"
-                disabled
-            >Export</button>
+        <div class="text-center pt-4">
+            <button id="export-dataset-btn" type="submit" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50" disabled>Export</button>
         </div>
     </form>
 
     {{ modal_macros.add_modal(
         modal_id="folder-picker-modal",
-        modal_body='<ul id="folder-list" class="list-group"></ul>',
+        modal_body='<ul id="folder-list" class="divide-y divide-gray-200 dark:divide-gray-600 max-h-96 overflow-y-auto rounded-lg border border-gray-200 dark:border-gray-600"></ul>',
         modal_footer=True,
-        close_button='<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>',
-        success_button='<button type="button" class="btn btn-primary" id="select-folder-btn">Select</button>'
+        close_button='<button type="button" class="px-4 py-2 rounded-xl bg-gray-200 dark:bg-gray-600 hover:bg-gray-300 dark:hover:bg-gray-500 text-gray-900 dark:text-white font-semibold" data-dismiss-modal="folder-picker-modal">Cancel</button>',
+        success_button='<button type="button" class="px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold" id="select-folder-btn">Select</button>'
     ) }}
 
     {% include "partials/text_content_container.html" %}
@@ -153,21 +78,15 @@ <h5 class="card-title mb-0">Details</h5>
 </div>
 {% endblock detail_panel %}
 
-
 {% block extra_js %}
 <script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
 <script src="{{ url_for('static', path='js/datasets/dataset_export.js') }}"></script>
 <script src="{{ url_for('static', path='js/folder_browsing.js') }}"></script>
-
-{% if task_running and request.app.state.task.name == "dataset_export" and task_formData.get("dataset_id", "") == dataset.id|string %}
+{% if task_running and "export_dataset" in request.app.state.active_tasks and request.app.state.active_tasks["export_dataset"].formData.get("dataset_id", "") == dataset.id|string %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#export-dataset-btn",
-            null,
-            onDatasetExportSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#export-dataset-form");
     });
 </script>
 {% endif %}
-{% endblock extra_js %}
\ No newline at end of file
+{% endblock extra_js %}
diff --git a/cli/medperf/web_ui/templates/dataset/import_dataset.html b/cli/medperf/web_ui/templates/dataset/import_dataset.html
index 7485dee27..5eef735f7 100644
--- a/cli/medperf/web_ui/templates/dataset/import_dataset.html
+++ b/cli/medperf/web_ui/templates/dataset/import_dataset.html
@@ -1,164 +1,78 @@
-{# ./cli/medperf/web_ui/templates/dataset/import_dataset.html #}
-
 {% extends "base.html" %}
-
 {% import "constants/forms_placeholders.html" as placeholders %}
 {% import "constants/tooltips.html" as tooltips %}
+{% import "macros/modal_macros.html" as modal_macros %}
 
 {% block title %}Import Dataset{% endblock %}
 
 {% block content %}
-{% set dataset_import_running = (task_running and request.app.state.task.name == "dataset_import") %}
-<div class="container">
-    <h1 class="text-center">Import Dataset</h1>
+{% set dataset_import_running = (task_running and "import_dataset" in request.app.state.active_tasks) %}
+{% if dataset_import_running %}
+{% set form_data = request.app.state.active_tasks["import_dataset"].formData %}
+{% endif %}
+<div class="container mx-auto px-4 py-8 max-w-3xl">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 text-center mb-8">Import Dataset</h1>
 
-    <form class="my-5" id="dataset-import-form">
-        <div class="form-group my-5">
-            <label for="dataset-id" class="form-label h4">Dataset UID</label>
-            <div class="input-group mb-3">
-                <input
-                    type="number"
-                    id="dataset-id"
-                    name="dataset_id"
-                    class="form-control"
-                    placeholder="{{ placeholders.import_dataset_id }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if dataset_import_running %}
-                    value="{{ task_formData.get('dataset_id', '') }}"
-                    {% endif %}
-                >
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.import_dataset_id }}"
-                ></i>
+    <form id="dataset-import-form" class="space-y-6" action="/dataset/ui/import" method="post" data-panel-title="Importing dataset" data-confirm-message="import this dataset?">
+        <input type="hidden" name="task_name" value="import_dataset">
+        <div>
+            <label for="dataset-id" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Dataset UID</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input type="number" id="dataset-id" name="dataset_id" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.import_dataset_id }}" {% if task_running %}disabled{% endif %} {% if dataset_import_running %}value="{{ form_data.get('dataset_id', '') }}"{% endif %}>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.import_dataset_id }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="input-path" class="form-label h4">Dataset Backup File</label>
-            <div class="input-group mb-3">
-                <input
-                    type="text"
-                    id="input-path"
-                    name="input_path"
-                    class="form-control"
-                    placeholder="{{ placeholders.import_dataset_input_path }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if dataset_import_running %}
-                    value="{{ task_formData.get('input_path', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-input-btn"
-                        {% if task_running %} disabled {% endif %}
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.import_dataset_input_path }}"
-                ></i>
+        <div>
+            <label for="input-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Dataset Backup File</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input type="text" id="input-path" name="input_path" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.import_dataset_input_path }}" {% if task_running %}disabled{% endif %} {% if dataset_import_running %}value="{{ form_data.get('input_path', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" id="browse-input-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.import_dataset_input_path }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <h4>Development/Operational Dataset?</h4>
-            <div class="form-check">
-                <input
-                    class="form-check-input"
-                    style="border: 1px solid black;"
-                    type="radio"
-                    name="dataset_type"
-                    id="development"
-                    value="development"
-                >
-                <label class="form-check-label" for="development">Development</label>
-            </div>
-            <div class="form-check mt-2">
-                <input
-                    class="form-check-input"
-                    style="border: 1px solid black;"
-                    type="radio"
-                    name="dataset_type"
-                    id="operational"
-                    value="operational"
-                >
-                <label class="form-check-label" for="operational">Operational</label>
+        <div>
+            <h4 class="text-gray-700 dark:text-gray-300 font-semibold mb-2">Development/Operational Dataset?</h4>
+            <div class="flex flex-wrap gap-4">
+                <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white"><input type="radio" name="dataset_type" id="development" value="development" class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400"> Development</label>
+                <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white"><input type="radio" name="dataset_type" id="operational" value="operational" class="rounded-full border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400"> Operational</label>
             </div>
         </div>
-        <div class="form-group my-5 d-none" id="raw-data-group">
-            <label for="raw-path" class="form-label h4">Raw Dataset Path</label>
-            <div class="input-group mb-3">
-                <input
-                    type="text"
-                    id="raw-path"
-                    name="raw_dataset_path"
-                    class="form-control"
-                    placeholder="{{ placeholders.import_dataset_raw_path }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if dataset_import_running %}
-                    value="{{ task_formData.get('raw_dataset_path', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-raw-btn"
-                        {% if task_running %} disabled {% endif %}
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.import_dataset_raw_path }}"
-                ></i>
+        <div id="raw-data-group" class="hidden">
+            <label for="raw-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Raw Dataset Path</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input type="text" id="raw-path" name="raw_dataset_path" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.import_dataset_raw_path }}" {% if task_running %}disabled{% endif %} {% if dataset_import_running %}value="{{ form_data.get('raw_dataset_path', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" id="browse-raw-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.import_dataset_raw_path }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="text-center mt-5">
-            <button
-                type="button"
-                class="btn btn-success"
-                id="import-dataset-btn"
-                disabled
-            >Import</button>
+        <div class="text-center pt-4">
+            <button id="import-dataset-btn" type="submit" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50" disabled>Import</button>
         </div>
     </form>
 
     {{ modal_macros.add_modal(
         modal_id="folder-picker-modal",
-        modal_body='<ul id="folder-list" class="list-group"></ul>',
+        modal_body='<ul id="folder-list" class="divide-y divide-gray-200 dark:divide-gray-600 max-h-96 overflow-y-auto rounded-lg border border-gray-200 dark:border-gray-600"></ul>',
         modal_footer=True,
-        close_button='<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>',
-        success_button='<button type="button" class="btn btn-primary" id="select-folder-btn">Select</button>'
+        close_button='<button type="button" class="px-4 py-2 rounded-xl bg-gray-200 dark:bg-gray-600 hover:bg-gray-300 dark:hover:bg-gray-500 text-gray-900 dark:text-white font-semibold" data-dismiss-modal="folder-picker-modal">Cancel</button>',
+        success_button='<button type="button" class="px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold" id="select-folder-btn">Select</button>'
     ) }}
 
     {% include "partials/text_content_container.html" %}
     {% include "partials/yaml_container.html" %}
     {% include "partials/prompt_container.html" %}
 </div>
-{% endblock content %}
-
+{% endblock %}
 
 {% block extra_js %}
 <script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
 <script src="{{ url_for('static', path='js/datasets/dataset_import.js') }}"></script>
 <script src="{{ url_for('static', path='js/folder_browsing.js') }}"></script>
-
-{% if task_running and request.app.state.task.name == "dataset_import" and task_formData.get("dataset_id", "") == dataset.id|string %}
+{% if task_running and "import_dataset" in request.app.state.active_tasks and request.app.state.active_tasks["import_dataset"].formData.get("dataset_id", "") == dataset.id|string %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#import-dataset-btn",
-            null,
-            onDatasetImportSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#import-dataset-form");
     });
 </script>
 {% endif %}
-{% endblock extra_js %}
\ No newline at end of file
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/dataset/register_dataset.html b/cli/medperf/web_ui/templates/dataset/register_dataset.html
index 89758e8fb..3dbec4241 100644
--- a/cli/medperf/web_ui/templates/dataset/register_dataset.html
+++ b/cli/medperf/web_ui/templates/dataset/register_dataset.html
@@ -1,215 +1,120 @@
-{# ./cli/medperf/web_ui/templates/dataset/register_dataset.html #}
-
 {% extends "base.html" %}
-
 {% import "constants/forms_placeholders.html" as placeholders %}
 {% import "constants/tooltips.html" as tooltips %}
+{% import "macros/modal_macros.html" as modal_macros %}
 
 {% block title %}Register Dataset{% endblock %}
 
 {% block content %}
-{% set dataset_register_running = (task_running and request.app.state.task.name == "dataset_registration") %}
-<div class="container">
-    <h1 class="text-center">Register a New Dataset</h1>
-    <form class="my-5" id="dataset-register-form">
-        <div class="form-group my-5">
-            <label class="form-label h4" for="benchmark">Select Benchmark</label>
-            <select name="benchmark" id="benchmark" class="form-control" {% if task_running %} disabled {% endif %}>
+{% set dataset_register_running = (task_running and "register_dataset" in request.app.state.active_tasks) %}
+{% if dataset_register_running %}
+{% set form_data = request.app.state.active_tasks["register_dataset"].formData %}
+{% endif %}
+<div class="container mx-auto px-4 py-8 max-w-3xl">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 text-center mb-8">Register a New Dataset</h1>
+
+    <form id="register-dataset-form" class="space-y-6" action="/datasets/register" method="post" data-panel-title="Registering dataset" data-confirm-message="register this dataset?">
+        <input type="hidden" name="task_name" value="register_dataset">
+        {% if request.app.state.ui_mode == request.app.state.EVALUATION_MODE %}
+        <div>
+            <label for="benchmark" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Select Benchmark</label>
+            <select name="benchmark" id="benchmark" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 cursor-pointer" {% if task_running %}disabled{% endif %}>
                 <option value="" disabled selected>Select a benchmark</option>
                 {% for benchmark in benchmarks %}
-                <option
-                    value="{{ benchmark.id }}"
-                    {% if dataset_register_running %}
-                    {% if task_formData.get("benchmark") == benchmark.id|string %} selected {% endif %}
-                    {% endif %}
-                >{{ benchmark.name }}</option>
+                <option value="{{ benchmark.id }}" {% if dataset_register_running and form_data.get("benchmark") == benchmark.id|string %}selected{% endif %}>{{ benchmark.name }}</option>
                 {% endfor %}
             </select>
         </div>
-        <div class="form-group my-5">
-            <label for="name" class="form-label h4">Dataset Name</label>
-            <div class="input-group">
-                <input
-                    type="text"
-                    name="name"
-                    id="name"
-                    class="form-control"
-                    placeholder="{{ placeholders.register_dataset_name }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if dataset_register_running %}
-                    value="{{ task_formData.get('name', '') }}"
+        {% else %}
+        <div>
+            <label for="prep_cube_uid" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Data Preparation Container</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <select name="prep_cube_uid" id="data-preparation-container" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 cursor-pointer" {% if task_running %}disabled{% endif %}>
+                    <option value="" disabled selected>Select a Container</option>
+                    {% if data_prep_containers | length > 0 %}
+                    {% for container in data_prep_containers %}
+                    <option value="{{ container['id'] }}" {% if training_register_running and form_data.get("prep_cube_uid") == container['id']|string %}selected{% endif %}>{{ container.name }}</option>
+                    {% endfor %}
+                    {% else %}
+                    <option value="" disabled>No Data Preparation Containers available</option>
                     {% endif %}
-                    maxlength="128"
-                >
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_dataset_name }}"
-                ></i>
+                </select>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_training_data_preparation_container }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="description" class="form-label h4">Description</label>
-            <div class="input-group">
-                <textarea
-                    name="description"
-                    id="description"
-                    class="form-control"
-                    placeholder="{{ placeholders.register_dataset_description }}"
-                    {% if task_running %} disabled {% endif %}
-                    maxlength="256"
-                >{% if dataset_register_running %} {{ task_formData.get('description', '') }} {% endif %}</textarea>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_dataset_description }}"
-                ></i>
+        {% endif %}
+        <div>
+            <label for="name" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Dataset Name</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input type="text" name="name" id="name" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_dataset_name }}" {% if task_running %}disabled{% endif %} {% if dataset_register_running %}value="{{ form_data.get('name', '') }}"{% endif %} maxlength="128">
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_dataset_name }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="location" class="form-label h4">Location</label>
-            <div class="input-group">
-                <input
-                    type="text"
-                    name="location"
-                    id="location"
-                    class="form-control"
-                    placeholder="{{ placeholders.register_dataset_location }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if dataset_register_running %}
-                    value="{{ task_formData.get('location', '') }}"
-                    {% endif %}
-                    maxlength="128"
-                >
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_dataset_location }}"
-                ></i>
+        <div>
+            <label for="description" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Description</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <textarea name="description" id="description" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_dataset_description }}" {% if task_running %}disabled{% endif %} maxlength="256">{% if dataset_register_running %}{{ form_data.get('description', '') }}{% endif %}</textarea>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_dataset_description }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="data-path" class="form-label h4">Data Folder</label>
-            <div class="input-group mb-3">
-                <input
-                    type="text"
-                    id="data-path"
-                    name="data_path"
-                    class="form-control"
-                    placeholder="{{ placeholders.register_dataset_data_path }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if dataset_register_running %}
-                    value="{{ task_formData.get('data_path', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-data-btn"
-                        {% if task_running %} disabled {% endif %}   
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_dataset_data_path }}"
-                ></i>
+        <div>
+            <label for="location" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Location</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input type="text" name="location" id="location" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_dataset_location }}" {% if task_running %}disabled{% endif %} {% if dataset_register_running %}value="{{ form_data.get('location', '') }}"{% endif %} maxlength="128">
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_dataset_location }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="labels-path" class="form-label h4">Labels Folder</label>
-            <div class="input-group mb-3">
-                <input
-                    type="text"
-                    id="labels-path"
-                    name="labels_path"
-                    class="form-control"
-                    placeholder="{{ placeholders.register_dataset_labels_path }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if dataset_register_running %}
-                    value="{{ task_formData.get('labels_path', '') }}"
-                    {% endif %}
-                >
-                <div class="input-group-append">
-                    <button
-                        type="button"
-                        class="btn btn-outline-secondary"
-                        id="browse-labels-btn"
-                        {% if task_running %} disabled {% endif %}
-                    >Browse</button>
-                </div>
-                <i
-                    class="tooltip-info input-group-text fa fa-info-circle fs-4"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_dataset_labels_path }}"
-                ></i>
+        <div>
+            <label for="data-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Data Folder</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input type="text" id="data-path" name="data_path" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_dataset_data_path }}" {% if task_running %}disabled{% endif %} {% if dataset_register_running %}value="{{ form_data.get('data_path', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" id="browse-data-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_dataset_data_path }}"><i class="fas fa-info-circle text-lg"></i></span>
             </div>
         </div>
-        <div class="form-group my-5">
-            <label for="submit-as-prepared" class="form-label h5">Submit as Prepared</label>
-                <input
-                    type="checkbox"
-                    id="submit-as-prepared"
-                    name="submit_as_prepared"
-                    class="form-check-input ms-2 border-black"
-                    placeholder="{{ placeholders.register_dataset_labels_path }}"
-                    {% if task_running %} disabled {% endif %}
-                    {% if dataset_register_running and task_formData.get('submit_as_prepared') %}
-                    checked
-                    {% endif %}
-                >
-                <i
-                    class="ms-3 tooltip-info fa fa-info-circle fs-5"
-                    data-bs-toggle="tooltip"
-                    data-bs-placement="top"
-                    data-bs-title="{{ tooltips.register_dataset_submit_as_prepared }}"
-                ></i>
+        <div>
+            <label for="labels-path" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Labels Folder</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input type="text" id="labels-path" name="labels_path" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="{{ placeholders.register_dataset_labels_path }}" {% if task_running %}disabled{% endif %} {% if dataset_register_running %}value="{{ form_data.get('labels_path', '') }}"{% endif %}>
+                <button type="button" class="px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" id="browse-labels-btn" {% if task_running %}disabled{% endif %}>Browse</button>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_dataset_labels_path }}"><i class="fas fa-info-circle text-lg"></i></span>
+            </div>
         </div>
-        <div class="text-center mt-5">
-            <button
-                type="button"
-                class="btn btn-success"
-                id="register-dataset-btn"
-                disabled
-            >Register</button>
+        <div class="flex items-center gap-4">
+            <label class="relative inline-flex items-center cursor-pointer" for="submit-as-prepared">
+                <input type="checkbox" id="submit-as-prepared" name="submit_as_prepared" class="sr-only peer" {% if dataset_register_running and form_data.get("submit_as_prepared") %}checked{% endif %} {% if task_running %}disabled{% endif %}>
+                <div class="relative w-14 h-7 bg-gray-200 dark:bg-gray-600 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-green-300 dark:peer-focus:ring-green-800 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:rounded-full after:h-6 after:w-6 after:transition-all peer-checked:bg-green-600"></div>
+                <span class="ml-4 text-gray-700 dark:text-gray-300 font-semibold" title="{{ tooltips.register_dataset_submit_as_prepared }}">Submit as Prepared</span>
+            </label>
+        </div>
+        <div class="text-center pt-4">
+            <button id="register-dataset-btn" type="submit" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer" disabled>Register Dataset</button>
         </div>
     </form>
 
     {{ modal_macros.add_modal(
         modal_id="folder-picker-modal",
-        modal_body='<ul id="folder-list" class="list-group"></ul>',
+        modal_body='<ul id="folder-list" class="divide-y divide-gray-200 dark:divide-gray-600 max-h-96 overflow-y-auto rounded-lg border border-gray-200 dark:border-gray-600"></ul>',
         modal_footer=True,
-        close_button='<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>',
-        success_button='<button type="button" class="btn btn-primary" id="select-folder-btn">Select</button>'
+        close_button='<button type="button" class="px-4 py-2 rounded-xl bg-gray-200 dark:bg-gray-600 hover:bg-gray-300 dark:hover:bg-gray-500 text-gray-900 dark:text-white font-semibold" data-dismiss-modal="folder-picker-modal">Cancel</button>',
+        success_button='<button type="button" class="px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold" id="select-folder-btn">Select</button>'
     ) }}
 
     {% include "partials/text_content_container.html" %}
     {% include "partials/yaml_container.html" %}
     {% include "partials/prompt_container.html" %}
 </div>
-{% endblock content %}
-
+{% endblock %}
 
 {% block extra_js %}
 <script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
 <script src="{{ url_for('static', path='js/datasets/dataset_register.js') }}"></script>
 <script src="{{ url_for('static', path='js/folder_browsing.js') }}"></script>
-
-{% if task_running and request.app.state.task.name == "dataset_registration" %}
+{% if task_running and "register_dataset" in request.app.state.active_tasks %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#register-dataset-btn",
-            null,
-            onDatasetRegisterSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#register-dataset-form");
     });
 </script>
 {% endif %}
-{% endblock extra_js %}
\ No newline at end of file
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/detail_base.html b/cli/medperf/web_ui/templates/detail_base.html
index 58b0db4b9..f034e536d 100644
--- a/cli/medperf/web_ui/templates/detail_base.html
+++ b/cli/medperf/web_ui/templates/detail_base.html
@@ -1,19 +1,11 @@
-{# ./cli/medperf/web_ui/templates/detail_base.html #}
-
 {% extends "base.html" %}
 
 {% block title %}Details{% endblock %}
 
 {% block content %}
-<div class="detail-container">
+<div class="detail-container w-full max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
     <div class="detail-panel">
         {% block detail_panel %}{% endblock %}
     </div>
-    <div class="yaml-panel mt-5" id="yaml-panel">
-        <h5 class="mt-4">YAML Content</h5>
-        <div id="loading-indicator" class="spinner hidden-element"></div>
-        <pre id="yaml-code" class="language-yaml"></pre>
-        <a id="hide-yaml" href="#" class="mt-4 btn btn-outline-dark hidden-element">Hide YAML Content</a>
-    </div>
 </div>
 {% endblock %}
diff --git a/cli/medperf/web_ui/templates/error.html b/cli/medperf/web_ui/templates/error.html
index 06647e7bb..8ce74abd7 100644
--- a/cli/medperf/web_ui/templates/error.html
+++ b/cli/medperf/web_ui/templates/error.html
@@ -1,17 +1,15 @@
-{# ./cli/medperf/web_ui/templates/error.html #}
-
 {% extends "base.html" %}
 
 {% block title %}Error{% endblock %}
 
 {% block content %}
-<div class="container">
-    <h1 class="my-4">An Error Occurred</h1>
-    <div class="alert alert-danger" role="alert">
-        <p><strong>Error:</strong> {{ exception }}</p>
-        <p><strong>Request:</strong> {{ request.url }}</p>
-        <p><strong>Method:</strong> {{ request.method }}</p>
-        <p><strong>Client:</strong> {{ request.client }}</p>
+<div class="container mx-auto px-4 py-12 max-w-3xl">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 mb-6">An Error Occurred</h1>
+    <div class="bg-red-50 dark:bg-red-900/20 border-2 border-red-200 dark:border-red-800 rounded-xl p-6" role="alert">
+        <p class="text-red-800 dark:text-red-200"><strong>Error:</strong> {{ exception }}</p>
+        <p class="text-red-700 dark:text-red-300 mt-2"><strong>Request:</strong> {{ request.url }}</p>
+        <p class="text-red-700 dark:text-red-300"><strong>Method:</strong> {{ request.method }}</p>
+        <p class="text-red-700 dark:text-red-300"><strong>Client:</strong> {{ request.client }}</p>
     </div>
 </div>
 {% endblock %}
diff --git a/cli/medperf/web_ui/templates/macros/aggregator_macros.html b/cli/medperf/web_ui/templates/macros/aggregator_macros.html
new file mode 100644
index 000000000..47009f6be
--- /dev/null
+++ b/cli/medperf/web_ui/templates/macros/aggregator_macros.html
@@ -0,0 +1,19 @@
+{% macro aggregator_card(agg) %}
+<div class="bg-white dark:bg-gray-800 medperf-card dark:border-green-500/50 rounded-xl p-6 shadow-lg hover:shadow-xl transition-all border border-transparent dark:border-gray-700 flex flex-col h-full">
+    <div class="flex items-start justify-between mb-4">
+        <div class="flex-1 min-w-0">
+            <div class="flex items-center mb-2">
+                <i class="fas fa-server medperf-accent dark:text-green-400 mr-2 flex-shrink-0"></i>
+                <h3 class="text-xl font-bold text-gray-900 dark:text-white truncate">
+                    <a href="/aggregators/ui/display/{{ agg.id }}" class="hover:medperf-accent dark:hover:text-green-400 transition-colors" data-testid="agg-name">{{ agg.name }}</a>
+                </h3>
+            </div>
+            <p class="text-sm text-gray-500 dark:text-gray-400" data-testid="agg-id">ID: {{ agg.id }}</p>
+        </div>
+    </div>
+    <p class="text-gray-700 dark:text-gray-300 mb-2"><span class="font-semibold">Address:</span> {{ agg.address }}:{{ agg.port }}</p>
+    <div class="flex items-center justify-between pt-4 mt-auto border-t-2 border-gray-100 dark:border-gray-700">
+        <span class="text-xs text-gray-500 dark:text-gray-400" data-testid="agg-created-at" data-date="{{ agg.created_at }}" data-date-format="timeago"></span>
+    </div>
+</div>
+{% endmacro %}
diff --git a/cli/medperf/web_ui/templates/macros/association_card_macros.html b/cli/medperf/web_ui/templates/macros/association_card_macros.html
index 37e4c7ed6..b8992de7f 100644
--- a/cli/medperf/web_ui/templates/macros/association_card_macros.html
+++ b/cli/medperf/web_ui/templates/macros/association_card_macros.html
@@ -1,54 +1,32 @@
-{# ./cli/medperf/web_ui/templates/macros/association_card_macros.html #}
-
 {% macro association_card(assoc, entity, entity_type) %}
-<div class="card association-card {% if assoc.approval_status == 'REJECTED' %}invalid-card{% endif %}">
-    <div class="card-body">
-        <h5 class="card-title">{{ entity.name }}</h5>
-        <h5 class="card-title">
-            <a href="/{{ entity_type }}s/ui/display/{{ entity.id }}" class="text-primary">{{ entity.name }}</a>
-        </h5>
-        <p class="card-text">
-            <strong>Approval Status:</strong> 
-            {{ assoc.approval_status }}
-            {% if assoc.approval_status == "PENDING" and entity_type!="benchmark"%}
-            <br>
-            <button
-                type="button"
-                class="btn btn-danger"
-                data-{{ entity_type }}-id="{{ entity.id }}"
-                data-benchmark-id="{{ assoc.benchmark }}"
-                data-entity-type="{{ entity_type }}"
-                data-action-name="reject"
-                onclick="showConfirmationPrompt(this, '{{ entity_type }}', 'reject')"
-            >Reject</button>
-            <button
-                type="button"
-                class="btn btn-success"
-                data-{{ entity_type }}-id="{{ entity.id }}"
-                data-benchmark-id="{{ assoc.benchmark }}"
-                data-entity-type="{{ entity_type }}"
-                data-action-name="approve"
-                onclick="showConfirmationPrompt(this)"
-            >Approve</button>
-            {% endif %}
-        </p>
-        <p class="card-text">
-            <strong>Approved:</strong>
-            {% if assoc.approval_status == "PENDING" %}
-            <span class="text-muted small">N/A</span>
-            {% else %}
-            <span class="text-muted small" data-date="{{ assoc.approved_at }}"></span>
-            {% endif %}
-        </p>
-        <p class="card-text">
-            <strong>Modified:</strong> 
-            <span class="text-muted small" data-date="{{ assoc.modified_at }}"></span>
-        </p>
-        <p class="card-text">
-            <strong>Initiated By:</strong> 
-            <i class="fas fa-user"></i> 
-            {{ assoc.initiated_by }}
-        </p>
-    </div>
+<div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-4 {% if assoc.approval_status == 'REJECTED' %}invalid-card{% endif %}" data-testid="associated-benchmark-item">
+    <h3 class="text-lg font-bold text-gray-900 dark:text-white mb-3">
+        <a href="/{{ entity_type }}s/ui/display/{{ entity.id }}" class="medperf-accent dark:text-green-400 hover:underline">{{ entity.name }}</a>
+    </h3>
+    <p class="text-gray-700 dark:text-gray-300 mb-2">
+        <strong>Approval Status:</strong>
+        <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if assoc.approval_status == 'APPROVED' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% elif assoc.approval_status == 'REJECTED' %}bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300 border-red-200 dark:border-red-800{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}">{{ assoc.approval_status }}</span>
+        {% if assoc.approval_status == "PENDING" and entity_type != "benchmark" %}
+        <span class="ml-2 inline-flex gap-2">
+            <form action="/benchmarks/reject" method="post" class="inline benchmark-action-form" data-panel-title="Rejecting association" data-confirm-message="reject this association? This action cannot be undone.">
+                <input type="hidden" name="task_name" value="reject_association">
+                <input type="hidden" name="benchmark_id" value="{{ assoc.benchmark }}">
+                {% if entity_type == "dataset" %}<input type="hidden" name="dataset_id" value="{{ entity.id }}">{% endif %}
+                {% if entity_type == "container" or entity_type == "model" %}<input type="hidden" name="model_id" value="{{ entity.id }}">{% endif %}
+                <button type="submit" class="px-3 py-1.5 rounded-lg bg-red-600 text-white text-sm font-semibold hover:bg-red-700">Reject</button>
+            </form>
+            <form action="/benchmarks/approve" method="post" class="inline benchmark-action-form" data-panel-title="Approving association" data-confirm-message="approve this association? This action cannot be undone.">
+                <input type="hidden" name="task_name" value="approve_association">
+                <input type="hidden" name="benchmark_id" value="{{ assoc.benchmark }}">
+                {% if entity_type == "dataset" %}<input type="hidden" name="dataset_id" value="{{ entity.id }}">{% endif %}
+                {% if entity_type == "container" or entity_type == "model" %}<input type="hidden" name="model_id" value="{{ entity.id }}">{% endif %}
+                <button type="submit" class="px-3 py-1.5 rounded-lg medperf-bg dark:bg-green-600 text-white text-sm font-semibold hover:opacity-90">Approve</button>
+            </form>
+        </span>
+        {% endif %}
+    </p>
+    <p class="text-sm text-gray-600 dark:text-gray-400"><strong>Approved:</strong> {% if assoc.approval_status == "PENDING" %}<span class="text-gray-500">N/A</span>{% else %}<span data-date="{{ assoc.approved_at }}"></span>{% endif %}</p>
+    <p class="text-sm text-gray-600 dark:text-gray-400"><strong>Modified:</strong> <span data-date="{{ assoc.modified_at }}"></span></p>
+    <p class="text-sm text-gray-600 dark:text-gray-400"><strong>Initiated By:</strong> <i class="fas fa-user medperf-accent dark:text-green-400 mr-1"></i>{{ assoc.initiated_by }}</p>
 </div>
 {% endmacro %}
diff --git a/cli/medperf/web_ui/templates/macros/benchmark_macros.html b/cli/medperf/web_ui/templates/macros/benchmark_macros.html
index 5c9ee0887..6a8416409 100644
--- a/cli/medperf/web_ui/templates/macros/benchmark_macros.html
+++ b/cli/medperf/web_ui/templates/macros/benchmark_macros.html
@@ -1,31 +1,32 @@
-{# ./cli/medperf/web_ui/templates/macros/benchmark_macros.html #}
-
 {% macro benchmark_card(benchmark) %}
-<div class="card {% if not benchmark.is_valid %}invalid-card{% endif %}">
-    <div class="card-body">
-        <h5 class="card-title">
-            <a href="/benchmarks/ui/display/{{ benchmark.id }}" class="text-primary" data-testid="bmk-name">{{ benchmark.name }}</a>
-        </h5>
-        <h6 class="card-subtitle mb-2" data-testid="bmk-id">ID: {{benchmark.id}}</h6>
-        <h6 class="card-subtitle mb-2 text-muted" data-testid="bmk-state">{% if benchmark.state == 'OPERATION' %} OPERATIONAL {% else %} {{ benchmark.state }} {% endif %}</h6>
-        <h6 class="card-subtitle mb-2 text-muted" data-testid="bmk-is-valid">Is valid: {{ benchmark.is_valid }}</h6>
-        <p class="card-text" data-testid="bmk-description">
-            <strong>Description:</strong> 
-            {{ benchmark.description }}
-        </p>
-        {% if benchmark.docs_url %}
-        <p class="card-text">
-            <a href="{{ benchmark.docs_url }}" target="_blank" class="text-primary" data-testid="bmk-docs">Documentation</a>
-        </p>
-        {% else %}
-        <p class="card-text text-muted" data-testid="bmk-docs">Documentation: Not Available</p>
-        {% endif %}
-        <p class="card-text" data-testid="bmk-created-at">
-            <small class="text-muted" data-date="{{ benchmark.created_at }}"></small>
-        </p>
-        <p class="card-text" data-testid="bmk-approval-status">
-            <small class="text-muted">Approval Status: {{ benchmark.approval_status }}</small>
-        </p>
+<div class="bg-white dark:bg-gray-800 medperf-card dark:border-green-500/50 rounded-xl p-6 shadow-lg hover:shadow-xl transition-all border border-transparent dark:border-gray-700 {% if not benchmark.is_valid %}invalid-card{% endif %} flex flex-col h-full">
+    <div class="flex items-start justify-between mb-4">
+        <div class="flex-1 min-w-0">
+            <div class="flex items-center mb-2">
+                <i class="fas fa-chart-line medperf-accent dark:text-green-400 mr-2 flex-shrink-0"></i>
+                <h3 class="text-xl font-bold text-gray-900 dark:text-white truncate">
+                    <a href="/benchmarks/ui/display/{{ benchmark.id }}" class="hover:medperf-accent dark:hover:text-green-400 transition-colors" data-testid="bmk-name">{{ benchmark.name }}</a>
+                </h3>
+            </div>
+            <p class="text-sm text-gray-500 dark:text-gray-400" data-testid="bmk-id">ID: {{ benchmark.id }}</p>
+        </div>
+        <span class="px-4 py-1 rounded-full text-xs font-bold border-2 flex-shrink-0 {% if benchmark.state == 'OPERATION' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}" data-testid="bmk-state">
+            {% if benchmark.state == 'OPERATION' %}OPERATIONAL{% else %}{{ benchmark.state }}{% endif %}
+        </span>
+    </div>
+    <p class="text-gray-700 dark:text-gray-300 mb-2 line-clamp-2 flex-1" data-testid="bmk-description"><strong>Description:</strong> {{ benchmark.description }}</p>
+    {% if benchmark.docs_url %}
+    <p class="mb-3"><a href="{{ benchmark.docs_url }}" target="_blank" class="medperf-accent dark:text-green-400 hover:underline text-sm" data-testid="bmk-docs">Documentation</a></p>
+    {% else %}
+    <p class="mb-3 text-gray-500 dark:text-gray-400 text-sm" data-testid="bmk-docs">Documentation: Not Available</p>
+    {% endif %}
+    <p class="text-xs text-gray-500 dark:text-gray-400 mb-3" data-testid="bmk-approval-status">Approval: {{ benchmark.approval_status }}</p>
+    <div class="flex items-center justify-between pt-4 mt-auto border-t-2 border-gray-100 dark:border-gray-700">
+        <div class="flex items-center space-x-2">
+            <i class="fas {% if benchmark.is_valid %}fa-check-circle text-green-600 dark:text-green-400{% else %}fa-times-circle text-red-600 dark:text-red-400{% endif %}"></i>
+            <span class="text-sm font-medium text-gray-700 dark:text-gray-300" data-testid="bmk-is-valid">{{ 'Valid' if benchmark.is_valid else 'Invalid' }}</span>
+        </div>
+        <span class="text-xs text-gray-500 dark:text-gray-400" data-testid="bmk-created-at" data-date="{{ benchmark.created_at }}" data-date-format="timeago"></span>
     </div>
 </div>
 {% endmacro %}
diff --git a/cli/medperf/web_ui/templates/macros/cc_asset_macro.html b/cli/medperf/web_ui/templates/macros/cc_asset_macro.html
index 2dbe72880..af9438f72 100644
--- a/cli/medperf/web_ui/templates/macros/cc_asset_macro.html
+++ b/cli/medperf/web_ui/templates/macros/cc_asset_macro.html
@@ -1,6 +1,7 @@
-{# ./cli/medperf/web_ui/templates/macros/gcp_asset_macro.html #}
-
-{% macro gcp_asset(defaults, configured, entity_id, entity_type, task_running=false) %}
+{# CC asset form: used on model_detail and dataset_detail. Uses our form design: action, task_name, data-panel-title, data-confirm-message, data-success-handler. #}
+{% macro gcp_asset(defaults, configured, initialized, last_synced, entity_id, entity_type, task_running=false) %}
+{% set task_name = "model_update_cc_config" if entity_type == "model" else "data_update_cc_config" %}
+{% set policy_task_name = "model_update_cc_policy" if entity_type == "model" else "data_update_cc_policy" %}
 {% set fields = [
 ("project_id", "GCP Project ID"),
 ("project_number", "GCP Project Number"),
@@ -11,32 +12,55 @@
 ("wip", "GCP Workload Identity Pool Name"),
 ("wip_provider", "GCP Workload Identity Pool Provider"),
 ] %}
-<div id="edit-cc-asset-container">
-    <form id="edit-cc-asset-form" class="mt-5">
-        <div class="row mb-4">
-            <div class="col-12 d-inline-flex justify-content-center">
-                <div class="form-check">
-                    <input type="checkbox" id="require-cc" name="require_cc" class="form-check-input border-black" {% if configured
-                        %}checked{% endif %} {% if task_running %}disabled{% endif %}>
-                    <label class="form-check-label h5" for="require-cc">Configure {{entity_type}} for Confidential Computing</label>
-                </div>
-            </div>
+{% if not initialized and configured %}
+<p class="rounded-xl p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-700 dark:text-red-300 font-semibold">
+    <strong>Misconfigured</strong>
+    <i class="fas fa-exclamation-triangle ml-1" aria-hidden="true"></i>
+</p>
+{% endif %}
+<div id="edit-cc-asset-container" class="mt-6">
+    <form id="edit-cc-asset-form" action="/{{ entity_type }}s/edit_cc_config" method="post" class="cc-asset-form space-y-4"
+          data-panel-title="Updating {{ entity_type|capitalize }} CC configuration"
+          data-confirm-message="edit CC configuration?"
+          data-success-handler="onCCEditRequestSuccess">
+        <input type="hidden" name="task_name" value="{{ task_name }}">
+        <input type="hidden" name="entity_id" value="{{ entity_id }}">
+        <div class="flex items-center gap-4">
+            <label class="relative inline-flex items-center cursor-pointer" for="configure-cc">
+                <input type="checkbox" id="configure-cc" name="configure_cc" value="true" class="sr-only peer" {% if configured %}checked{% endif %} {% if task_running %}disabled{% endif %}>
+                <div class="relative w-14 h-7 bg-gray-200 dark:bg-gray-600 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-green-300 dark:peer-focus:ring-green-800 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:rounded-full after:h-6 after:w-6 after:transition-all peer-checked:bg-green-600"></div>
+                <span class="ml-4 text-gray-700 dark:text-gray-300 font-semibold">Configure {{ entity_type }} for Confidential Computing</span>
+            </label>
         </div>
-        <div id="edit-cc-asset-fields">
+        <div id="edit-cc-asset-fields" class="space-y-4">
             {% for field_name, field_label in fields %}
-            <div class="row mb-4">
-                <label for="cc-{{ field_name }}" class="col-sm-3 col-form-label h5 text-end">{{ field_label }}</label>
-                <div class="col-sm-6">
-                    <input type="text" id="cc-{{ field_name }}" name="{{ field_name }}" class="form-control"
-                        value="{{ defaults.get(field_name, '') }}" {% if task_running %}disabled{% endif %}>
-                </div>
+            <div>
+                <label for="cc-{{ field_name }}" class="block text-gray-700 dark:text-gray-300 font-semibold mb-1">{{ field_label }}</label>
+                <input type="text" id="cc-{{ field_name }}" name="{{ field_name }}" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
+                       value="{{ defaults.get(field_name, '') }}" {% if task_running %}disabled{% endif %}>
             </div>
             {% endfor %}
         </div>
-        <div class="text-center mt-4">
-            <button type="button" id="apply-cc-asset-btn" data-entity-id="{{ entity_id }}"
-                data-entity-type="{{ entity_type }}" class="btn btn-primary mb-3" disabled>Apply Changes</button>
+        <div class="flex flex-wrap gap-3 pt-2">
+            <button type="submit" id="apply-cc-asset-btn" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed" disabled>Configure</button>
         </div>
     </form>
+    {% if initialized %}
+    <div class="flex items-center gap-4 mt-4">
+        <form id="sync-cc-policy-form" action="/{{ entity_type }}s/sync_cc_policy" method="post" class="inline"
+            data-panel-title="Syncing CC policy"
+            data-confirm-message="sync CC policy?"
+            data-success-handler="onCCPolicyRequestSuccess">
+            <input type="hidden" name="task_name" value="{{ policy_task_name }}">
+            <input type="hidden" name="entity_id" value="{{ entity_id }}">
+            <button type="submit" id="sync-cc-policy-btn" class="px-4 py-2 rounded-xl bg-blue-600 dark:bg-blue-500 text-white font-semibold hover:opacity-90 disabled:opacity-50 cursor-pointer" {% if task_running %}disabled{% endif %}>Sync CC policy</button>
+        </form>
+        {% if last_synced %}
+        <div>
+            <p class="text-sm text-green-600 dark:text-green-400"><strong>Last Synced:</strong> <span data-date="{{ last_synced }}"></span></p>
+        </div>
+        {% endif %}
+    </div>
+    {% endif %}
 </div>
-{% endmacro %}
\ No newline at end of file
+{% endmacro %}
diff --git a/cli/medperf/web_ui/templates/macros/cc_operator_macro.html b/cli/medperf/web_ui/templates/macros/cc_operator_macro.html
index 845721233..dd3c2d4ff 100644
--- a/cli/medperf/web_ui/templates/macros/cc_operator_macro.html
+++ b/cli/medperf/web_ui/templates/macros/cc_operator_macro.html
@@ -1,6 +1,6 @@
-{# ./cli/medperf/web_ui/templates/macros/cc_operator_macro.html #}
-
-{% macro cc_operator(defaults, configured, task_running=false) %}
+{# CC operator form: used on settings page. Uses our form design: action, task_name, data-panel-title, data-confirm-message, data-success-handler. #}
+{% import "constants/tooltips.html" as tooltips %}
+{% macro cc_operator(defaults, configured, initialized, task_running=false) %}
 {% set fields = [
 ("project_id", "GCP Project ID"),
 ("service_account_name", "GCP Service Account Name"),
@@ -8,37 +8,38 @@
 ("vm_zone", "VM Zone"),
 ("vm_name", "VM Name"),
 ] %}
-<div id="edit-cc-operator-container">
-    <form id="edit-cc-operator-form" class="mt-5">
-        <div class="row mb-4">
-            <div class="col-12">
-                <h4 class="ms-2">
-                    Confidential Computing Operator Settings
-                </h4>
-            </div>
-            <div class="col-12 d-flex justify-content-center mt-5">
-                <div class="form-check">
-                    <input type="checkbox" id="require-cc-operator" name="require_cc" class="form-check-input border-black" {% if
-                        configured %}checked{% endif %} {% if task_running %}disabled{% endif %}>
-                    <label class="form-check-label h5" for="require-cc-operator">Configure Confidential Computing</label>
-                </div>
-            </div>
+<div id="edit-cc-operator-container" class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 mt-6">
+    <h3 class="text-xl font-bold medperf-accent dark:text-green-400 mb-4">Confidential Computing Operator Settings</h3>
+    {% if not initialized and configured %}
+    <p class="rounded-xl p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-700 dark:text-red-300 font-semibold tooltip-icon mb-4" title="{{ tooltips.cc_misconfigured }}">
+        <strong>Misconfigured</strong>
+        <i class="fas fa-exclamation-triangle ml-1" aria-hidden="true"></i>
+    </p>
+    {% endif %}
+    <form id="edit-cc-operator-form" action="/settings/edit_cc_operator" method="post" class="cc-operator-form space-y-4"
+          data-panel-title="Updating CC operator configuration"
+          data-confirm-message="edit CC operator configuration?"
+          data-success-handler="onCCOperatorEditRequestSuccess">
+        <input type="hidden" name="task_name" value="edit_cc_operator">
+        <div class="flex items-center gap-4">
+            <label class="relative inline-flex items-center cursor-pointer" for="configure-cc-operator">
+                <input type="checkbox" id="configure-cc-operator" name="configure_cc" value="true" class="sr-only peer" {% if configured %}checked{% endif %} {% if task_running %}disabled{% endif %}>
+                <div class="relative w-14 h-7 bg-gray-200 dark:bg-gray-600 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-green-300 dark:peer-focus:ring-green-800 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:rounded-full after:h-6 after:w-6 after:transition-all peer-checked:bg-green-600"></div>
+                <span class="ml-4 text-gray-700 dark:text-gray-300 font-semibold">Configure Confidential Computing</span>
+            </label>
         </div>
-        <div id="edit-cc-operator-fields">
+        <div id="edit-cc-operator-fields" class="space-y-4">
             {% for field_name, field_label in fields %}
-            <div class="row mb-4">
-                <label for="operator-{{ field_name }}" class="col-sm-3 col-form-label h5 text-end">{{ field_label
-                    }}</label>
-                <div class="col-sm-6">
-                    <input type="text" id="operator-{{ field_name }}" name="{{ field_name }}" class="form-control"
-                        value="{{ defaults.get(field_name, '') }}" {% if task_running %}disabled{% endif %}>
-                </div>
+            <div>
+                <label for="operator-{{ field_name }}" class="block text-gray-700 dark:text-gray-300 font-semibold mb-1">{{ field_label }}</label>
+                <input type="text" id="operator-{{ field_name }}" name="{{ field_name }}" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500"
+                       value="{{ defaults.get(field_name, '') }}" {% if task_running %}disabled{% endif %}>
             </div>
             {% endfor %}
         </div>
-        <div class="text-center mt-4">
-            <button type="button" id="apply-cc-operator-btn" class="btn btn-primary" disabled>Apply Changes</button>
+        <div class="pt-2">
+            <button type="submit" id="apply-cc-operator-btn" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed" disabled>Configure</button>
         </div>
     </form>
 </div>
-{% endmacro %}
\ No newline at end of file
+{% endmacro %}
diff --git a/cli/medperf/web_ui/templates/macros/container_macros.html b/cli/medperf/web_ui/templates/macros/container_macros.html
index 7575c0e65..5c2553ec3 100644
--- a/cli/medperf/web_ui/templates/macros/container_macros.html
+++ b/cli/medperf/web_ui/templates/macros/container_macros.html
@@ -1,17 +1,37 @@
-{# ./cli/medperf/web_ui/templates/macros/container_macros.html #}
-
 {% macro container_link(container) %}
-<span class="container-link {% if not container.is_valid %}invalid-card{% endif %} d-inline-flex align-items-center p-1 mb-2 flex-grow-1">
+<span class="inline-flex items-center gap-2 p-2 rounded-lg {% if not container.is_valid %}invalid-card{% endif %}">
     <strong>
-        <a href="/containers/ui/display/{{ container.id }}" class="text-primary">{{ container.name }}</a>
+        <a href="/containers/ui/display/{{ container.id }}" class="medperf-accent dark:text-green-400 hover:underline">{{ container.name }}</a>
     </strong>
-    <small class="text-muted ms-2" data-date="{{ container.modified_at }}"></small>
-    <span class="ms-2">
+    <small class="text-gray-500 dark:text-gray-400" data-date="{{ container.modified_at }}"></small>
     {% if container.state == 'OPERATION' %}
-        <i class="fas fa-check-circle text-success"></i>
+    <i class="fas fa-check-circle text-green-600 dark:text-green-400"></i>
     {% else %}
-        <i class="fas fa-exclamation-circle text-warning"></i>
+    <i class="fas fa-exclamation-circle text-yellow-600 dark:text-yellow-400"></i>
     {% endif %}
-    </span>
 </span>
-{% endmacro %}
\ No newline at end of file
+{% endmacro %}
+
+{% macro container_card(container) %}
+<div class="bg-white dark:bg-gray-800 medperf-card dark:border-green-500/50 rounded-xl p-6 shadow-lg hover:shadow-xl transition-all border border-transparent dark:border-gray-700 {% if not container.is_valid %}invalid-card{% endif %} flex flex-col h-full">
+    <div class="flex items-start justify-between mb-4">
+        <div class="flex-1 min-w-0">
+            <div class="flex items-center mb-2">
+                <i class="fas fa-cube medperf-accent dark:text-green-400 mr-2 flex-shrink-0"></i>
+                <h3 class="text-xl font-bold text-gray-900 dark:text-white truncate">
+                    <a href="/containers/ui/display/{{ container.id }}" class="hover:medperf-accent dark:hover:text-green-400 transition-colors" data-testid="cont-name">{{ container.name }}</a>
+                </h3>
+            </div>
+            <p class="text-sm text-gray-500 dark:text-gray-400" data-testid="cont-id">ID: {{ container.id }}</p>
+        </div>
+        <span class="px-4 py-1 rounded-full text-xs font-bold border-2 flex-shrink-0 {% if container.state == 'OPERATION' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}" data-testid="cont-state">{% if container.state == 'OPERATION' %}OPERATIONAL{% else %}{{ container.state }}{% endif %}</span>
+    </div>
+    <div class="flex items-center justify-between pt-4 mt-auto border-t-2 border-gray-100 dark:border-gray-700">
+        <div class="flex items-center space-x-2">
+            <i class="fas {% if container.is_valid %}fa-check-circle text-green-600 dark:text-green-400{% else %}fa-times-circle text-red-600 dark:text-red-400{% endif %}"></i>
+            <span class="text-sm font-medium text-gray-700 dark:text-gray-300" data-testid="cont-is-valid">{{ 'Valid' if container.is_valid else 'Invalid' }}</span>
+        </div>
+        <span class="text-xs text-gray-500 dark:text-gray-400" data-testid="cont-created-at" data-date="{{ container.created_at }}" data-date-format="timeago"></span>
+    </div>
+</div>
+{% endmacro %}
diff --git a/cli/medperf/web_ui/templates/macros/dataset_macros.html b/cli/medperf/web_ui/templates/macros/dataset_macros.html
new file mode 100644
index 000000000..7410c99f9
--- /dev/null
+++ b/cli/medperf/web_ui/templates/macros/dataset_macros.html
@@ -0,0 +1,25 @@
+{% macro dataset_card(dataset) %}
+<div class="bg-white dark:bg-gray-800 medperf-card dark:border-green-500/50 rounded-xl p-6 shadow-lg hover:shadow-xl transition-all border border-transparent dark:border-gray-700 {% if not dataset.is_valid %}invalid-card{% endif %} flex flex-col h-full">
+    <div class="flex items-start justify-between mb-4">
+        <div class="flex-1 min-w-0">
+            <div class="flex items-center mb-2">
+                <i class="fas fa-database medperf-accent dark:text-green-400 mr-2 flex-shrink-0"></i>
+                <h3 class="text-xl font-bold text-gray-900 dark:text-white truncate">
+                    <a href="/datasets/ui/display/{{ dataset.id }}" class="hover:medperf-accent dark:hover:text-green-400 transition-colors" data-testid="dset-name">{{ dataset.name }}</a>
+                </h3>
+            </div>
+            <p class="text-sm text-gray-500 dark:text-gray-400" data-testid="dset-id">ID: {{ dataset.id }}</p>
+        </div>
+        <span class="px-4 py-1 rounded-full text-xs font-bold border-2 flex-shrink-0 {% if dataset.state == 'OPERATION' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}" data-testid="dset-state">{% if dataset.state == 'OPERATION' %}OPERATIONAL{% else %}{{ dataset.state }}{% endif %}</span>
+    </div>
+    <p class="text-gray-700 dark:text-gray-300 mb-3 line-clamp-2 flex-1" data-testid="dset-description"><strong>Description:</strong> {{ dataset.description }}</p>
+    <p class="text-xs text-gray-500 dark:text-gray-400 mb-3" data-testid="dset-location">Location: {{ dataset.location }}</p>
+    <div class="flex items-center justify-between pt-4 mt-auto border-t-2 border-gray-100 dark:border-gray-700">
+        <div class="flex items-center space-x-2">
+            <i class="fas {% if dataset.is_valid %}fa-check-circle text-green-600 dark:text-green-400{% else %}fa-times-circle text-red-600 dark:text-red-400{% endif %}"></i>
+            <span class="text-sm font-medium text-gray-700 dark:text-gray-300" data-testid="dset-is-valid">{{ 'Valid' if dataset.is_valid else 'Invalid' }}</span>
+        </div>
+        <span class="text-xs text-gray-500 dark:text-gray-400" data-testid="dset-created-at" data-date="{{ dataset.created_at }}" data-date-format="timeago"></span>
+    </div>
+</div>
+{% endmacro %}
diff --git a/cli/medperf/web_ui/templates/macros/modal_macros.html b/cli/medperf/web_ui/templates/macros/modal_macros.html
index c7b9d3ba4..99cf2dd42 100644
--- a/cli/medperf/web_ui/templates/macros/modal_macros.html
+++ b/cli/medperf/web_ui/templates/macros/modal_macros.html
@@ -1,5 +1,3 @@
-{# ./cli/medperf/web_ui/templates/macros/modal_macros.html #}
-
 {% macro add_modal(
     modal_id,
     modal_body,
@@ -8,17 +6,18 @@
     close_button="",
     success_button=""
 ) %}
-<div class="modal fade" id="{{ modal_id }}" tabindex="-1" aria-labelledby="{{ modal_id }}-title" aria-hidden="true">
-    <div class="modal-dialog {{ modal_class }} ">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title fs-5" id="{{ modal_id }}-title"></h5>
+<div class="fixed inset-0 z-50 hidden overflow-y-auto" id="{{ modal_id }}" tabindex="-1" aria-labelledby="{{ modal_id }}-title" aria-hidden="true" role="dialog" aria-modal="true">
+    <div class="fixed inset-0 bg-black/50"></div>
+    <div class="flex min-h-full items-center justify-center p-4">
+        <div class="relative rounded-2xl shadow-xl w-full max-w-lg mx-auto bg-white dark:bg-gray-800 border-2 border-green-100 dark:border-gray-700 {{ modal_class }}">
+            <div class="flex items-center justify-between p-6 border-b border-gray-200 dark:border-gray-700">
+                <h2 class="text-xl font-bold medperf-accent dark:text-green-400" id="{{ modal_id }}-title"></h2>
             </div>
-            <div class="modal-body">
-               {{ modal_body | safe }}
+            <div class="modal-body p-6 overflow-y-auto max-h-[70vh] text-gray-900 dark:text-white">
+                {{ modal_body | safe }}
             </div>
             {% if modal_footer %}
-            <div class="modal-footer">
+            <div class="modal-footer flex flex-wrap gap-2 justify-end p-6 border-t border-gray-200 dark:border-gray-700">
                 {{ close_button | safe }}
                 {{ success_button | safe }}
             </div>
@@ -26,4 +25,4 @@ <h5 class="modal-title fs-5" id="{{ modal_id }}-title"></h5>
         </div>
     </div>
 </div>
-{% endmacro %}
\ No newline at end of file
+{% endmacro %}
diff --git a/cli/medperf/web_ui/templates/macros/model_detail_util_macro.html b/cli/medperf/web_ui/templates/macros/model_detail_util_macro.html
index 9cdf78040..4688037b7 100644
--- a/cli/medperf/web_ui/templates/macros/model_detail_util_macro.html
+++ b/cli/medperf/web_ui/templates/macros/model_detail_util_macro.html
@@ -1,62 +1,28 @@
 {# ./cli/medperf/web_ui/templates/macros/model_detail_util_macro.html #}
 
 {% macro container_detail_util(container) %}
-<p class="card-text">
-    <strong>Container Manifest:</strong> 
-    <button
-        data-field="Container Config"
-        data-yaml-data='{{ container.container_config | tojson }}'
-        class="btn btn-link text-primary yaml-link text-decoration-underline m-0 p-0"
-        >Click to display Container Configuration
-    </button>
-</p>
-<p class="card-text">
-    <strong>Parameters:</strong>
-    {% if container.parameters_config is none %} 
-    <span>Not Available</span>
-    {% else %}
-    <button
-        data-field="Parameters"
-        data-yaml-data='{{ container.parameters_config | tojson }}'
-        class="btn btn-link text-primary yaml-link text-decoration-underline m-0 p-0"
-        >Click to display Parameters
-    </button>
-    {% endif %}
-</p>
-{% if container.additional_files_tarball_url %}
-<p class="card-text">
-    <strong>Additional Files:</strong> 
-    <a
-        href="{{ container.additional_files_tarball_url }}"
-        class="text-primary"
-        target="_blank">Click to Download the File
-    </a>
-</p>
-{% else %}
-<p class="card-text">
-    <strong>Additional Files:</strong> 
-    Not Available
-</p>
-{% endif %}
+<div class="mb-6">
+    <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Container Manifest</p>
+    <button type="button" data-field="Container Config" data-yaml-data='{{ container.container_config | tojson }}' class="yaml-link medperf-accent dark:text-green-400 hover:underline font-medium">Click to display Container Configuration</button>
+</div>
+<div class="mb-6">
+    <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Parameters</p>
+    {% if container.parameters_config is none %}<span class="text-gray-800 dark:text-gray-200">Not Available</span>{% else %}<button type="button" data-field="Parameters" data-yaml-data='{{ container.parameters_config | tojson }}' class="yaml-link medperf-accent dark:text-green-400 hover:underline font-medium">Click to display Parameters</button>{% endif %}
+</div>
+<div class="mb-6">
+    <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Additional Files</p>
+    {% if container.additional_files_tarball_url %}<a href="{{ container.additional_files_tarball_url }}" class="medperf-accent dark:text-green-400 hover:underline" target="_blank">Click to Download the File</a>{% else %}<span class="text-gray-800 dark:text-gray-200">Not Available</span>{% endif %}
+</div>
 {% endmacro %}
 
 
 {% macro asset_detail_util(asset) %}
-
-<p class="card-text">
-    {% if asset._is_local %}
-    <strong>This asset is local</strong>
-    {% else %}
-    <strong>Asset URL:</strong> 
-    <a
-        href="{{ asset.asset_url }}"
-        class="text-primary"
-        target="_blank">Click to Download the File
-    </a>
-    {% endif %}
-</p>
-<p class="card-text">
-    <strong>Asset Hash:</strong> 
-    {{ asset.asset_hash }}
-</p>
+<div class="mb-6">
+    <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Asset</p>
+    {% if asset._is_local %}<span class="text-gray-800 dark:text-gray-200">This asset is local</span>{% else %}<a href="{{ asset.asset_url }}" class="medperf-accent dark:text-green-400 hover:underline" target="_blank">Click to Download the File</a>{% endif %}
+</div>
+<div class="mb-6">
+    <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Asset Hash</p>
+    <span class="text-gray-800 dark:text-white font-medium">{{ asset.asset_hash }}</span>
+</div>
 {% endmacro %}
diff --git a/cli/medperf/web_ui/templates/macros/model_macros.html b/cli/medperf/web_ui/templates/macros/model_macros.html
index 2df240003..8b1dcfca6 100644
--- a/cli/medperf/web_ui/templates/macros/model_macros.html
+++ b/cli/medperf/web_ui/templates/macros/model_macros.html
@@ -1,17 +1,40 @@
 {# ./cli/medperf/web_ui/templates/macros/model_macros.html #}
 
 {% macro model_link(model) %}
-<span class="container-link {% if not model.is_valid %}invalid-card{% endif %} d-inline-flex align-items-center p-1 mb-2 flex-grow-1">
+<span class="inline-flex items-center gap-2 p-2 rounded-lg {% if not model.is_valid %}invalid-card{% endif %}">
     <strong>
-        <a href="/models/ui/display/{{ model.id }}" class="text-primary">{{ model.name }}</a>
+        <a href="/models/ui/display/{{ model.id }}" class="medperf-accent dark:text-green-400 hover:underline" data-testid="cont-name">{{ model.name }}</a>
     </strong>
-    <small class="text-muted ms-2" data-date="{{ model.modified_at }}"></small>
-    <span class="ms-2">
+    <small class="text-gray-500 dark:text-gray-400" data-date="{{ model.modified_at }}"></small>
     {% if model.state == 'OPERATION' %}
-        <i class="fas fa-check-circle text-success"></i>
+    <i class="fas fa-check-circle text-green-600 dark:text-green-400"></i>
     {% else %}
-        <i class="fas fa-exclamation-circle text-warning"></i>
+    <i class="fas fa-exclamation-circle text-yellow-600 dark:text-yellow-400"></i>
     {% endif %}
-    </span>
 </span>
-{% endmacro %}
\ No newline at end of file
+{% endmacro %}
+
+{% macro model_card(model) %}
+<div class="bg-white dark:bg-gray-800 medperf-card dark:border-green-500/50 rounded-xl p-6 shadow-lg hover:shadow-xl transition-all border border-transparent dark:border-gray-700 {% if not model.is_valid %}invalid-card{% endif %} flex flex-col h-full">
+    <div class="flex items-start justify-between mb-4">
+        <div class="flex-1 min-w-0">
+            <div class="flex items-center mb-2">
+                <i class="fas fa-cube medperf-accent dark:text-green-400 mr-2 flex-shrink-0"></i>
+                <h3 class="text-xl font-bold text-gray-900 dark:text-white truncate">
+                    <a href="/models/ui/display/{{ model.id }}" class="hover:medperf-accent dark:hover:text-green-400 transition-colors" data-testid="cont-name">{{ model.name }}</a>
+                </h3>
+            </div>
+            <p class="text-sm text-gray-500 dark:text-gray-400" data-testid="model-id">ID: {{ model.id }}</p>
+            <p class="text-sm text-gray-500 dark:text-gray-400" data-testid="model-type">Type: {{ model.type }}</p>
+        </div>
+        <span class="px-4 py-1 rounded-full text-xs font-bold border-2 flex-shrink-0 {% if model.state == 'OPERATION' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}" data-testid="model-state">{% if model.state == 'OPERATION' %}OPERATIONAL{% else %}{{ model.state }}{% endif %}</span>
+    </div>
+    <div class="flex items-center justify-between pt-4 mt-auto border-t-2 border-gray-100 dark:border-gray-700">
+        <div class="flex items-center space-x-2">
+            <i class="fas {% if model.is_valid %}fa-check-circle text-green-600 dark:text-green-400{% else %}fa-times-circle text-red-600 dark:text-red-400{% endif %}"></i>
+            <span class="text-sm font-medium text-gray-700 dark:text-gray-300" data-testid="model-is-valid">{{ 'Valid' if model.is_valid else 'Invalid' }}</span>
+        </div>
+        <span class="text-xs text-gray-500 dark:text-gray-400" data-testid="model-created-at" data-date="{{ model.created_at }}" data-date-format="timeago"></span>
+    </div>
+</div>
+{% endmacro %}
diff --git a/cli/medperf/web_ui/templates/macros/result_card_macros.html b/cli/medperf/web_ui/templates/macros/result_card_macros.html
index 26824ba9e..6887d3c69 100644
--- a/cli/medperf/web_ui/templates/macros/result_card_macros.html
+++ b/cli/medperf/web_ui/templates/macros/result_card_macros.html
@@ -1,46 +1,18 @@
-{# ./cli/medperf/web_ui/templates/macros/result_card_macros.html #}
-
 {% macro result_card(result) %}
-<div class="card benchmark-result-card {% if not result.finalized %}unfinalized-result-card{% endif %}">
-    <div class="card-body">
-        <h5 class="card-title">{{ result.name }}</h5>
-        {% if result.finalized %}
-        <h5 class="card-title">
-            <button class="btn btn-primary view-result-btn" id="show-{{ result.id }}"
-                data-result='{{ result.results|tojson }}'>
-                🔍 View Result
-            </button>
-        </h5>
-        {% else %}
-        <h5 class="text-muted small">
-            Results not submitted
-        </h5>
-        {% endif %}
-        <p class="card-text">
-            <strong>Data Owner:</strong>
-            <i class="fas fa-user"></i>
-            {{ result.data_owner_email }}
-        </p>
-        <p class="card-text">
-            <strong>Model:</strong>
-            <a href="/containers/ui/display/{{ result.model }}" class="text-primary">ID:{{ result.model }}</a>
-        </p>
-        <p class="card-text">
-            <strong>Dataset:</strong>
-            <a href="/datasets/ui/display/{{ result.dataset }}" class="text-primary">ID:{{ result.dataset }}</a>
-        </p>
-        <p class="card-text">
-            <strong>Inference Status:</strong>
-            {{ result.model_report|tojson }}
-        </p>
-        <p class="card-text">
-            <strong>Metrics Status:</strong>
-            {{ result.evaluation_report|tojson }}
-        </p>
-        <p class="card-text">
-            <strong>Modified:</strong>
-            <span class="text-muted small" data-date="{{ result.modified_at }}"></span>
-        </p>
+<div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-4 {% if not result.finalized %}unfinalized-result-card{% endif %}">
+    <h3 class="text-lg font-bold text-gray-900 dark:text-white mb-3">{{ result.name }}</h3>
+    {% if result.finalized %}
+    <button class="px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 view-result-btn" id="show-{{ result.id }}" data-result='{{ result.results|tojson }}'>View Result</button>
+    {% else %}
+    <p class="text-gray-500 dark:text-gray-400 text-sm">Results not submitted</p>
+    {% endif %}
+    <div class="mt-4 space-y-1 text-sm text-gray-700 dark:text-gray-300">
+        <p><strong>Data Owner:</strong> <i class="fas fa-user medperf-accent dark:text-green-400 mr-1"></i>{{ result.data_owner_email }}</p>
+        <p><strong>Model:</strong> <a href="/containers/ui/display/{{ result.model }}" class="medperf-accent dark:text-green-400 hover:underline">ID:{{ result.model }}</a></p>
+        <p><strong>Dataset:</strong> <a href="/datasets/ui/display/{{ result.dataset }}" class="medperf-accent dark:text-green-400 hover:underline">ID:{{ result.dataset }}</a></p>
+        <p><strong>Inference Status:</strong> {{ result.model_report|tojson }}</p>
+        <p><strong>Metrics Status:</strong> {{ result.evaluation_report|tojson }}</p>
+        <p><strong>Modified:</strong> <span data-date="{{ result.modified_at }}"></span></p>
     </div>
 </div>
-{% endmacro %}
\ No newline at end of file
+{% endmacro %}
diff --git a/cli/medperf/web_ui/templates/macros/training_macros.html b/cli/medperf/web_ui/templates/macros/training_macros.html
new file mode 100644
index 000000000..304eda6c1
--- /dev/null
+++ b/cli/medperf/web_ui/templates/macros/training_macros.html
@@ -0,0 +1,21 @@
+{% macro training_experiment_card(exp) %}
+<div class="bg-white dark:bg-gray-800 medperf-card dark:border-green-500/50 rounded-xl p-6 shadow-lg hover:shadow-xl transition-all border border-transparent dark:border-gray-700 flex flex-col h-full">
+    <div class="flex items-start justify-between mb-4">
+        <div class="flex-1 min-w-0">
+            <div class="flex items-center mb-2">
+                <i class="fas fa-flask medperf-accent dark:text-green-400 mr-2 flex-shrink-0"></i>
+                <h3 class="text-xl font-bold text-gray-900 dark:text-white truncate">
+                    <a href="/training/ui/display/{{ exp.id }}" class="hover:medperf-accent dark:hover:text-green-400 transition-colors" data-testid="training-name">{{ exp.name }}</a>
+                </h3>
+            </div>
+            <p class="text-sm text-gray-500 dark:text-gray-400" data-testid="training-id">ID: {{ exp.id }}</p>
+        </div>
+        <span class="px-4 py-1 rounded-full text-xs font-bold border-2 flex-shrink-0 {% if exp.state == 'OPERATION' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}" data-testid="training-state">{% if exp.state == 'OPERATION' %}OPERATIONAL{% else %}{{ exp.state }}{% endif %}</span>
+    </div>
+    <p class="text-gray-700 dark:text-gray-300 mb-2 line-clamp-2 flex-1">{% if exp.description %}{{ exp.description }}{% else %}—{% endif %}</p>
+    <p class="text-xs text-gray-500 dark:text-gray-400 mb-3" data-testid="training-approval">Approval: {{ exp.approval_status or 'PENDING' }}</p>
+    <div class="flex items-center justify-between pt-4 mt-auto border-t-2 border-gray-100 dark:border-gray-700">
+        <span class="text-xs text-gray-500 dark:text-gray-400" data-testid="training-created-at" data-date="{{ exp.created_at }}" data-date-format="timeago"></span>
+    </div>
+</div>
+{% endmacro %}
diff --git a/cli/medperf/web_ui/templates/medperf_login.html b/cli/medperf/web_ui/templates/medperf_login.html
index 593b22520..e46fee045 100644
--- a/cli/medperf/web_ui/templates/medperf_login.html
+++ b/cli/medperf/web_ui/templates/medperf_login.html
@@ -1,66 +1,85 @@
-{# ./cli/medperf/web_ui/templates/medperf_login.html #}
-
 {% extends "base.html" %}
 
-{% block title %}Medperf Login{% endblock %}
+{% block title %}MedPerf Login{% endblock %}
+
+{% block extra_css %}
+<style>
+.login-page-bg { background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%); }
+.dark .login-page-bg { background: #111827; }
+</style>
+{% endblock %}
 
 {% block content %}
-{% set login_running = (task_running and request.app.state.task.name == "medperf_login") %}
-<div class="container min-vh-100 justify-content-center align-items-center">
-    <div class="row mt-5">
-        {% if redirected %}
-        <div class="col-12">
-            <div class="alert alert-danger text-center" role="alert">
-                You are not logged in
-            </div>
+{% set login_running = (task_running and "medperf_login" in request.app.state.active_tasks) %}
+
+{% if login_running %}
+{% set form_data = request.app.state.active_tasks["medperf_login"].formData %}
+{% endif %}
+<div class="min-h-screen flex items-center justify-center p-4 login-page-bg w-full">
+    <div class="w-full max-w-md">
+        <div class="text-center mb-12">
+            <h1 class="text-5xl font-bold medperf-accent dark:text-green-400 mb-3">MedPerf</h1>
         </div>
-        {% endif %}
-        <div class="col-12 mt-5">
-            <h3 class="text-center mb-4">Login</h3>
-            <form class="my-5" id="medperf-login-form">
-                <div class="form-group my-5">
-                    <label for="email" class="form-label h4">Email</label>
-                    <input
-                        type="email"
-                        id="email"
-                        name="email"
-                        class="form-control"
+
+        <div class="bg-white dark:bg-gray-800 rounded-3xl p-10 shadow-2xl border-2 border-green-100 dark:border-gray-700">
+            <h2 class="text-3xl font-bold medperf-accent dark:text-green-400 mb-2 text-center">Welcome Back</h2>
+            <p class="text-gray-600 dark:text-gray-300 text-center mb-8">Sign in to continue</p>
+
+            {% if redirected %}
+            <div class="mb-6 p-4 rounded-xl bg-red-50 dark:bg-red-900/30 border-2 border-red-200 dark:border-red-800" data-testid="login-error">
+                <p class="text-red-700 dark:text-red-300 text-sm flex items-center font-medium">
+                    <i class="fas fa-exclamation-triangle mr-2"></i>You are not logged in
+                </p>
+            </div>
+            {% elif already_logged_in_msg %}
+            <div class="mb-6 p-4 rounded-xl bg-yellow-50 dark:bg-yellow-900/30 border-2 border-yellow-200 dark:border-yellow-700">
+                <p class="text-yellow-700 dark:text-yellow-300 text-sm flex items-center font-medium">
+                    <i class="fas fa-exclamation-circle mr-2"></i>{{ already_logged_in_msg }}
+                </p>
+            </div>
+            {% endif %}
+
+            <form id="medperf-login-form" class="space-y-6" action="/medperf_login" method="post" data-panel-title="Logging in" data-confirm-message="sign in with this email?" data-success-handler="onLoginSuccess">
+                <input type="hidden" name="task_name" value="medperf_login">
+                <div>
+                    <label for="email" class="block text-gray-700 dark:text-gray-300 text-sm font-semibold mb-3">
+                        <i class="fas fa-envelope medperf-accent dark:text-green-400 mr-2"></i>Email Address
+                    </label>
+                    <input type="email" id="email" name="email"
+                        class="w-full px-4 py-3 rounded-xl border-2 border-gray-200 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 focus:ring-2 focus:ring-green-200 dark:focus:ring-green-900 transition-all"
                         placeholder="name@example.com"
                         {% if task_running %} disabled {% endif %}
-                        {% if login_running %}
-                        value="{{ task_formData.get('email', '') }}"
-                        {% endif %}
-                    >
-                </div>
-                <div class="text-center">
-                    <button
-                        id="medperf-login-btn"
-                        type="button"
-                        class="btn btn-primary"
-                        disabled
-                    >Login</button>
+                        {% if login_running %} value="{{ form_data.get('email', '') }}" {% endif %}>
                 </div>
+                <button id="medperf-login-btn" type="submit"
+                    class="w-full py-4 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold text-lg hover:opacity-90 focus:outline-none focus:ring-4 focus:ring-green-300 dark:focus:ring-green-800 transition-all disabled:opacity-50 disabled:cursor-not-allowed shadow-lg cursor-pointer inline-flex items-center justify-center gap-2"
+                    disabled>
+                    <i class="fas fa-sign-in-alt"></i>Sign In
+                </button>
             </form>
-            <div class="text-center">
-                {% include "partials/text_content_container.html" %}
+
+            <div class="mt-8 pt-6 border-t border-gray-200 dark:border-gray-600">
+                <div class="flex items-center justify-center space-x-2 text-sm text-gray-600 dark:text-gray-400">
+                    <i class="fas fa-shield-alt medperf-accent dark:text-green-400"></i>
+                    <span>Secure authentication powered by Auth0</span>
+                </div>
             </div>
         </div>
+        <div class="mt-6 max-w-xl mx-auto text-center">
+            {% include "partials/text_content_container.html" %}
+        </div>
     </div>
 </div>
-{% endblock content %}
+{% endblock %}
 
 {% block extra_js %}
 <script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
 <script src="{{ url_for('static', path='js/medperf_auth.js') }}"></script>
-{% if task_running and request.app.state.task.name == "medperf_login"  %}
+{% if task_running and "medperf_login" in request.app.state.active_tasks %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#medperf-login-btn",
-            null,
-            onMedperfLoginSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#medperf-login-form");
     });
 </script>
 {% endif %}
-{% endblock extra_js %}
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/model/model_detail.html b/cli/medperf/web_ui/templates/model/model_detail.html
index b6ef924be..8671afeb1 100644
--- a/cli/medperf/web_ui/templates/model/model_detail.html
+++ b/cli/medperf/web_ui/templates/model/model_detail.html
@@ -9,173 +9,121 @@
 {% block title %}Model Details{% endblock %}
 
 {% block detail_panel %}
-<h1 class="my-4">
-    {{ entity.name }} 
-    {% if not owner and entity._encrypted %}
-    <i
-        class="fas fa-lock fs-4"
-        data-bs-toggle="tooltip"
-        data-bs-placement="top"
-        data-bs-title="Encrypted"
-    ></i>
-    {% endif %}
-</h1>
-<div class="{% if entity.is_valid %}card{% else %}invalid-card{% endif %}">
-    <div class="card-body">
-        <div class="d-flex justify-content-between align-items-center mb-3">
-            <h5 class="card-title mb-0">Details</h5>
-            <span class="badge {% if entity.state == 'OPERATION' %}badge-state-operational{% else %}badge-state-development{% endif %}">
-                {% if entity.state == 'OPERATION' %} OPERATIONAL {% else %} {{ entity.state }} {% endif %}
-            </span>
-            <span class="badge {% if entity.is_valid %}badge-valid{% else %}badge-invalid{% endif %}">
-                {% if entity.is_valid %}VALID{% else %}INVALID{% endif %}
-            </span>
+{% set ui_mode = request.app.state.ui_mode %}
+<div class="mb-8">
+    <div class="flex items-center justify-between mb-6">
+        <div class="flex items-center mb-3">
+            <h1 class="text-5xl font-bold medperf-accent dark:text-green-400">{{ entity.name }}</h1>
+            {% if not is_owner and entity._encrypted %}
+            <i class="fas fa-lock text-xl ml-2 text-gray-500 dark:text-gray-400 cursor-help" title="Encrypted"></i>
+            {% endif %}
         </div>
-        <div class="card mb-3">
-            <div class="card-body">
-                <p class="card-text">
-                    <strong>Model ID:</strong> 
-                    {{ entity.id }}
-                </p>
-                
-                {% if entity_is_container %}
-                {{ model_detail_util_macro.container_detail_util(container_object) }}
-                {% else %}
-                {{ model_detail_util_macro.asset_detail_util(asset_object) }}
-                {% endif %}
+    </div>
+</div>
 
-                {% if not is_owner and entity._encrypted %}
-                <p class="card-text mt-3">
-                    <strong>Access:</strong>
-                    {% if entity.access_status["has_access"] %}
-                        <small class="text-success fw-bold ms-2">Access Granted</small>
-                    {% else %}
-                        <small
-                            class="text-danger text-decoration-underline ms-2"
-                            data-bs-toggle="tooltip"
-                            data-bs-placement="top"
-                            data-bs-title="{{ entity.access_status['reason'] }}"
-                        >
-                            Access Pending
-                        </small>
-                    {% endif %}
+<div class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 {% if not entity.is_valid %}invalid-card{% endif %}">
+    <div class="flex flex-wrap justify-between items-center gap-4 mb-6">
+        <h2 class="text-3xl font-bold medperf-accent dark:text-green-400 flex items-center">
+            <i class="fas fa-info-circle mr-3"></i>Details
+        </h2>
+        <div class="flex flex-wrap gap-2">
+            <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if entity.state == 'OPERATION' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}">{% if entity.state == 'OPERATION' %}OPERATIONAL{% else %}{{ entity.state }}{% endif %}</span>
+            <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if entity.is_valid %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300 border-red-200 dark:border-red-800{% endif %}">{% if entity.is_valid %}VALID{% else %}INVALID{% endif %}</span>
+        </div>
+    </div>
+    <div class="info-highlight rounded-xl p-6 mb-6">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Model ID</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">{{ entity.id }}</p>
+            </div>
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Owner</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">
+                    <i class="fas fa-user medperf-accent dark:text-green-400 mr-2"></i>{% if is_owner %} You {% else %}{{ entity.owner }}{% endif %}
                 </p>
-                {% endif %}
             </div>
         </div>
-        <div class="card mb-3">
-            <div class="card-body d-flex justify-content-between flex-wrap">
-                <div class="w-50">
-                    <p class="card-text">
-                        <strong>Owner:</strong> 
-                        <i class="fas fa-user"></i> 
-                        <span class="text-muted small">{{ entity.owner }}</span>
-                    </p>
-                </div>
-                <div class="text-right w-50">
-                    <p class="card-text">
-                        <strong>Created:</strong> 
-                        <span class="text-muted small" data-date="{{ entity.created_at }}"></span>
-                    </p>
-                    <p class="card-text">
-                        <strong>Modified:</strong> 
-                        <span class="text-muted small" data-date="{{ entity.modified_at }}"></span>
-                    </p>
-                </div>
-            </div>
+    </div>
+    {% if entity_is_container %}
+    {{ model_detail_util_macro.container_detail_util(container_object) }}
+    {% else %}
+    {{ model_detail_util_macro.asset_detail_util(asset_object) }}
+    {% endif %}
+    {% if not is_owner and entity._encrypted %}
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Access</p>
+        {% if entity.access_status["has_access"] %}<span class="text-green-600 dark:text-green-400 font-bold">Access Granted</span>{% else %}<span class="text-red-600 dark:text-red-400 underline cursor-help" title="{{ entity.access_status['reason'] }}">Access Pending</span>{% endif %}
+    </div>
+    {% endif %}
+
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 pt-6 border-t-2 border-gray-100 dark:border-gray-700">
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Created</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ entity.created_at }}"></span>
         </div>
-        {% if is_owner %}
-        {% if entity._encrypted %}
-        <div class="p-2 card flex-row mt-5 shadow-sm rounded bg-white py-4 bottom-buttons-panel">
-            <div class="col-12 text-center">
-                    <a class="step-btn btn btn-warning" href="/containers/ui/display/{{ entity.container.id }}/access" data-test-id="manage-access">Manage Access</a>
-                <br>
-                <small class="step-label ms-2">Manage access permissions for this encrypted model</small>
-            </div>
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Modified</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ entity.modified_at }}"></span>
         </div>
+    </div>
+    {% if is_owner %}
+    {% if entity._encrypted %}
+    <div class="mt-6 p-4 rounded-xl bg-gray-50 dark:bg-gray-700/50 text-center">
+        <a class="step-btn inline-block px-6 py-3 rounded-xl bg-yellow-500 text-white font-bold hover:bg-yellow-600" href="/containers/ui/display/{{ entity.container.id }}/access" data-testid="manage-access">Manage Access</a>
+        <p class="step-label mt-2 text-sm text-gray-600 dark:text-gray-400">Manage access permissions for this encrypted model</p>
+    </div>
+    {% endif %}
+    {% if ui_mode == request.app.state.EVALUATION_MODE %}
+    <div class="mt-6 p-4 rounded-xl bg-gray-50 dark:bg-gray-700/50 text-center" x-data="{ associateOpen: false }" @click.outside="associateOpen = false">
+        {% if entity.state == "OPERATION" %}
+        {% set available_benchmarks = [] %}
+        {% for benchmark in benchmarks.values() %}
+        {% if benchmark.id not in benchmark_associations or (benchmark.id in benchmark_associations and benchmark_associations[benchmark.id].approval_status == "REJECTED" ) %}
+        {% set _ = available_benchmarks.append(benchmark) %}
         {% endif %}
-        <div class="p-2 card flex-row mt-5 shadow-sm rounded bg-white py-4 bottom-buttons-panel">
-            <div class="col-12 text-center">
-                {% if entity.state=="OPERATION" %}
-                <div class="dropdown">
-                    <button
-                        class="step-btn btn btn-info dropdown-toggle"
-                        type="button"
-                        id="associate-dropdown-btn"
-                        data-bs-toggle="dropdown"
-                        aria-expanded="false"
-                        {% if task_running %} disabled {% endif %}
-                    >
-                        Associate with Benchmark
-                    </button>
-                    {% set available_benchmarks = [] %}
-                    {% for benchmark in benchmarks.values() %}
-                    {% if benchmark.id not in benchmark_associations or (benchmark.id in benchmark_associations and benchmark_associations[benchmark.id].approval_status == "REJECTED" ) %}
-                    {% set _ = available_benchmarks.append(benchmark) %}
-                    {% endif %}
-                    {% endfor %}
-                    <ul class="dropdown-menu benchmarks-dropdown" aria-labelledby="associate-dropdown-btn" id="dropdown-div">
-                    {% for benchmark in available_benchmarks %}
-                    <li class="dropdown-item d-flex justify-content-between align-items-center">
-                        <div>
-                            <strong>{{ benchmark.id }} - {{ benchmark.name }}</strong>
-                        </div>
-                        <div>
-                            <a href="/benchmarks/ui/display/{{ benchmark.id }}" class="btn btn-secondary ms-3">View Benchmark</a>
-                            <button
-                                type="button"
-                                class="btn btn-primary request-association-btn"
-                                data-benchmark-id="{{ benchmark.id }}"
-                                data-model-id="{{ entity.id }}"
-                                {% if task_running %} disabled {% endif %}
-                            >Request Association</button>
-                        </div>
-                    </li>
-                    {% endfor %}
-                    {% if not available_benchmarks %}
-                    <li class="dropdown-item text-muted">No benchmarks available for association</li>
-                    {% endif %}
-                </ul>
+        {% endfor %}
+        <div class="relative inline-block w-full max-w-lg">
+            <button type="button" id="associate-dropdown-btn" class="step-btn px-6 py-3 rounded-xl bg-blue-600 text-white font-bold hover:bg-blue-700 disabled:opacity-50" @click="associateOpen = !associateOpen" {% if task_running %}disabled{% endif %}>Associate with Benchmark</button>
+            <div id="dropdown-div" class="absolute left-0 right-0 mt-2 rounded-xl bg-white dark:bg-gray-800 shadow-xl border-2 border-gray-200 dark:border-gray-600 py-2 z-20 max-h-[70vh] overflow-y-auto" x-show="associateOpen" x-cloak x-transition style="display: none;">
+                {% for benchmark in available_benchmarks %}
+                <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-700/50 border-b border-gray-100 dark:border-gray-700 last:border-b-0">
+                    <div class="font-semibold text-gray-900 dark:text-white min-w-0 break-words">{{ benchmark.id }} - {{ benchmark.name }}</div>
+                    <div class="flex gap-2 flex-shrink-0">
+                        <a href="/benchmarks/ui/display/{{ benchmark.id }}" class="px-3 py-1.5 rounded-lg bg-gray-200 dark:bg-gray-600 text-gray-800 dark:text-white text-sm font-semibold hover:opacity-90 whitespace-nowrap">View</a>
+                        <form id="model-association-form-{{ benchmark.id }}" action="/models/associate" method="post" class="inline model-action-form" data-panel-title="Requesting model association" data-confirm-message="request model association with this benchmark?">
+                            <input type="hidden" name="task_name" value="model_association">
+                            <input type="hidden" name="model_id" value="{{ entity.id }}">
+                            <input type="hidden" name="benchmark_id" value="{{ benchmark.id }}">
+                            <button type="submit" class="request-association-btn px-3 py-1.5 rounded-lg medperf-bg dark:bg-green-600 text-white text-sm font-semibold hover:opacity-90 whitespace-nowrap cursor-pointer" data-testid="request-bmk-association" {% if task_running %}disabled{% endif %}>Request</button>
+                        </form>
+                    </div>
                 </div>
-                {% else %}
-                <button class="step-btn btn btn-info" disabled>Associate with Benchmark</button>
-                <br>
+                {% endfor %}
+                {% if not available_benchmarks %}
+                <p class="px-4 py-3 text-gray-500 dark:text-gray-400 text-sm">No benchmarks available for association</p>
                 {% endif %}
-                <small class="step-label ms-2">Make a request to the benchmark owner to associate your model with the benchmark</small>
-            </div>
-        </div>
-        <div class="card mb-3 mt-5">
-            <div class="card-title">
-                <h5 class="p-4">Confidential Computing Preferences</h5>
             </div>
-            <div class="card-body">
-            {{cc_asset_macro.gcp_asset(cc_config_defaults, cc_configured, entity.id, "model", task_running) }}
-            </div>
-            {% if cc_configured %}
-            <div class="card-body text-center">
-                <p class="text-muted">Confidential Computing is configured, you can sync the policy.</p>
-                <button
-                    type="button"
-                    class="btn btn-primary"
-                    data-entity-id="{{ entity.id }}"
-                    data-entity-type="model"
-                    id="sync-cc-policy-btn"
-                    {% if task_running %} disabled {% endif %}
-                >Sync CC Policy</button>
-            </div>
-            {% endif %}
         </div>
+        {% else %}
+        <button type="button" class="step-btn px-6 py-3 rounded-xl bg-gray-400 text-white font-bold cursor-not-allowed" disabled>Associate with Benchmark</button>
         {% endif %}
+        <p class="step-label mt-2 text-sm text-gray-600 dark:text-gray-400">Make a request to the benchmark owner to associate your model with the benchmark</p>
     </div>
-</div>
-{% if is_owner %}
-<div class="associations-panel my-5">
-    <div class="associations-column">
-        <h2 class="my-4">Associated Benchmarks</h2>
-        {% for assoc in benchmarks_associations.values() %}
-            {{ association_card_macros.association_card(assoc, benchmarks[assoc.benchmark], "benchmark") }}
-        {% endfor %}
+    <div class="mt-6 bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700">
+        <h3 class="text-xl font-bold medperf-accent dark:text-green-400 mb-4">Confidential Computing Preferences</h3>
+        {{ cc_asset_macro.gcp_asset(cc_config_defaults, cc_configured, cc_initialized, cc_last_synced, entity.id, "model", task_running) }}
     </div>
+    {% endif %}
+    {% endif %}
+</div>
+
+{% if is_owner and ui_mode == request.app.state.EVALUATION_MODE %}
+<div class="my-8" data-testid="benchmark-associations">
+    <h2 class="text-xl font-bold medperf-accent dark:text-green-400 my-4">Associated Benchmarks</h2>
+    {% for assoc in benchmarks_associations.values() %}
+        {{ association_card_macros.association_card(assoc, benchmarks[assoc.benchmark], "benchmark") }}
+    {% endfor %}
 </div>
 {% endif %}
 
@@ -188,34 +136,34 @@ <h2 class="my-4">Associated Benchmarks</h2>
 {% block extra_js %}
 <script>
     window.ccPreferences = {
-        can_apply: {{ cc_configured|tojson }},
+        configured: {{ cc_configured|tojson }},
+        initialized: {{ cc_initialized|tojson }},
         defaults: {{ cc_config_defaults|tojson }}
     }
 </script>
 <script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
 <script src="{{ url_for('static', path='js/models/model_detail.js') }}"></script>
 <script src="{{ url_for('static', path='js/cc.js') }}"></script>
-{% if task_running and request.app.state.task.name == "model_association" and task_formData.get("model_id", "") == entity.id|string %}
+{% if task_running %}
+{% if "model_association" in request.app.state.active_tasks and request.app.state.active_tasks["model_association"].formData.get("model_id", "") == entity.id|string %}
+{% set form_data = request.app.state.active_tasks["model_association"].formData %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#associate-dropdown-btn",
-            `Requesting Model Association...`,
-            onModelAssociationRequestSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#model-association-form-{{ form_data.get('benchmark_id', '') }}");
     });
 </script>
-{% endif %}
-
-{% if task_running and request.app.state.task.name == "model_update_cc_config" and task_formData.get("model_id", "") == entity.id|string %}
+{% elif "model_update_cc_config" in request.app.state.active_tasks and request.app.state.active_tasks["model_update_cc_config"].formData.get("model_id", "") == entity.id|string %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#apply-cc-asset-btn",
-            `Updating Model CC Configuration...`,
-            onCCEditRequestSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#edit-cc-asset-form");
     });
 </script>
+{% elif "model_update_cc_policy" in request.app.state.active_tasks and request.app.state.active_tasks["model_update_cc_policy"].formData.get("model_id", "") == entity.id|string %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#sync-cc-policy-form");
+    });
+</script>
+{% endif %}
 {% endif %}
 {% endblock %}
\ No newline at end of file
diff --git a/cli/medperf/web_ui/templates/model/models.html b/cli/medperf/web_ui/templates/model/models.html
index a4c36f3d5..22d0c8d62 100644
--- a/cli/medperf/web_ui/templates/model/models.html
+++ b/cli/medperf/web_ui/templates/model/models.html
@@ -1,72 +1,43 @@
 {# ./cli/medperf/web_ui/templates/model/models.html #}
 
 {% extends "base.html" %}
+{% import 'macros/model_macros.html' as model_macros %}
 
 {% block title %}Models{% endblock %}
 
 {% block content %}
-<div class="container">
-    <div class="row text-center">
-        <div class="col-12">
-            <a class="btn btn-primary my-4" href="/containers/register/ui" data-testid="reg-model-cont-btn">
-                Register a New Container Model
-            </a>
-        </div>
-        <div class="col-12">
-            <a class="btn btn-primary my-4" href="/assets/register/ui" data-testid="reg-model-asset-btn">
-                Register a New Asset Model
-            </a>
-        </div>
-    </div>
-    <div class="row mt-5">
-        <div class="col-12">
-            <h1 class="mt-4 text-center" data-testid="page-header">Models</h1>
-            <div class="form-check form-switch d-flex flex-column align-items-center">
-                <input
-                    class="form-check-input fs-5"
-                    type="checkbox"
-                    role="switch"
-                    id="switch"
-                    data-entity-name="models"
-                    {% if mine_only %}
-                    checked
-                    {% endif %}
-                >
-                <label class="form-check-label fs-6 mt-2" for="switch">Show only my models</label>
+<div class="container mx-auto px-4 py-12">
+    <div class="mb-12">
+        <div class="flex flex-wrap items-center justify-between gap-6 mb-8">
+            <div>
+                <h1 class="text-5xl font-bold medperf-accent dark:text-green-400 mb-3" data-testid="page-header">Models</h1>
+                <p class="text-gray-700 dark:text-gray-300 text-lg">Manage and explore models</p>
             </div>
+            <div class="flex flex-wrap gap-4">
+                <a class="px-8 py-4 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:bg-green-700 dark:hover:bg-green-500 transition-all shadow-lg hover:shadow-xl inline-flex items-center" href="/containers/register/ui" data-testid="reg-model-cont-btn">
+                    <i class="fas fa-plus mr-2"></i>Register a New Container Model
+                </a>
+                <a class="px-8 py-4 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:bg-green-700 dark:hover:bg-green-500 transition-all shadow-lg hover:shadow-xl inline-flex items-center" href="/assets/register/ui" data-testid="reg-model-asset-btn">
+                    <i class="fas fa-plus mr-2"></i>Register a New Asset Model
+                </a>
+            </div>
+        </div>
+        <div class="bg-white dark:bg-gray-800 p-5 rounded-xl shadow-md border-2 border-green-100 dark:border-gray-700 inline-flex">
+            <label class="relative inline-flex items-center cursor-pointer">
+                <input type="checkbox" class="sr-only peer" id="switch" data-entity-name="models" {% if mine_only %}checked{% endif %}>
+                <div class="w-14 h-7 bg-gray-200 dark:bg-gray-600 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-green-300 dark:peer-focus:ring-green-800 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:rounded-full after:h-6 after:w-6 after:transition-all peer-checked:bg-green-600"></div>
+                <span class="ml-4 text-gray-700 dark:text-gray-300 font-semibold">Show only my models</span>
+            </label>
         </div>
     </div>
-</div>
-<div class="container mt-5" data-testid="cards-model">
-    <div class="row">
+
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         {% if models %}
         {% for model in models %}
-        <div class="col-md-4 mb-4">
-            <div class="card {% if not model.is_valid %}invalid-card{% endif %}">
-                <div class="card-body">
-                    <h5 class="card-title">
-                        <a
-                            href="/models/ui/display/{{ model.id }}"
-                            class="text-primary"
-                            data-testid="model-name">
-                        {{ model.name }}
-                        </a>
-                    </h5>
-                    <h6 class="card-subtitle mb-2" data-testid="model-id">ID: {{ model.id }}</h6>
-                    <h6 class="card-subtitle mb-2 text-muted" data-testid="model-type">Type: {{ model.type }}</h6>
-                    <h6 class="card-subtitle mb-2 text-muted" data-testid="model-state">{% if model.state == 'OPERATION' %} OPERATIONAL {% else %} {{ model.state }} {% endif %}</h6>
-                    <h6 class="card-subtitle mb-2 text-muted" data-testid="model-is-valid">Is valid: {{ model.is_valid }}</h6>
-                    <p class="card-text" data-testid="model-created-at">
-                        <small class="text-muted" data-date="{{ model.created_at }}"></small>
-                    </p>
-                </div>
-            </div>
-        </div>
+        {{ model_macros.model_card(model) }}
         {% endfor %}
         {% else %}
-        <h3 class="col-12 text-center mt-5" data-testid="no-models-msg">
-            No models yet
-        </h3>
+        <h3 class="col-span-full text-center py-12 text-gray-600 dark:text-gray-400 text-xl" data-testid="no-models-msg">No models yet</h3>
         {% endif %}
     </div>
 </div>
@@ -74,8 +45,6 @@ <h3 class="col-12 text-center mt-5" data-testid="no-models-msg">
 
 {% block extra_js %}
 <script>
-    $("#switch").on("change", (e) => {
-        getEntities(e.currentTarget);
-    });
+    document.getElementById("switch").addEventListener("change", function() { getEntities(this); });
 </script>
-{% endblock extra_js %}
\ No newline at end of file
+{% endblock extra_js %}
diff --git a/cli/medperf/web_ui/templates/partials/footer.html b/cli/medperf/web_ui/templates/partials/footer.html
index c267da016..bda00dc99 100644
--- a/cli/medperf/web_ui/templates/partials/footer.html
+++ b/cli/medperf/web_ui/templates/partials/footer.html
@@ -1,16 +1,19 @@
-<footer class="container-fluid p-5 mt-5" style="background-color: #F2F2F2">
-    <div class="d-flex flex-row justify-content-between">
-        <div class="d-flex flex-column justify-content-end ps-0 ps-md-5">
-            <a href="https://medperf.org" target="_blank">
-                <img alt="MedPerf Logo" src="{{ url_for('static', path='images/medperf_logo.svg') }}" style="width: 100px; height: 41px">
-            </a>
-            <span class="text-muted">
-                Powered by <a href="https://mlcommons.org" target="_blank" class="text-muted">ML Commons</a>
-            </span>
-        </div>
-        <div class="text-black d-flex flex-column justify-content-end pe-0 pe-md-5">
-            <span>© 2020 – 2025 MLCommons</span>
-            <a href="https://mlcommons.org/en/policies/" target="_blank" rel="noreferrer" class="text-black">Privacy Policy</a>
+<footer class="mt-auto border-t border-gray-200 dark:border-gray-700 bg-gray-100 dark:bg-gray-800/50">
+    <div class="container mx-auto px-4 py-6">
+        <div class="flex flex-col sm:flex-row justify-between items-center gap-4">
+            <div class="flex flex-col items-center sm:items-start">
+                <a href="https://medperf.org" target="_blank" rel="noreferrer">
+                    <img alt="MedPerf Logo" src="{{ url_for('static', path='images/medperf_logo.svg') }}" class="h-10 w-auto dark:invert">
+                </a>
+                <span class="text-gray-600 dark:text-gray-400 text-sm mt-1">
+                    Powered by <a href="https://mlcommons.org" target="_blank" rel="noreferrer" class="medperf-accent dark:text-green-400 underline">ML Commons</a>
+                </span>
+            </div>
+            <div class="flex flex-col items-center sm:items-end text-gray-700 dark:text-gray-300 text-sm">
+                <span>&copy; 2020 - <span id="footer-current-year">2025</span> MLCommons</span>
+                <a href="https://mlcommons.org/en/policies/" target="_blank" rel="noreferrer" class="medperf-accent dark:text-green-400 underline">Privacy Policy</a>
+            </div>
         </div>
     </div>
-</footer>
\ No newline at end of file
+    <script>(function(){ var el = document.getElementById("footer-current-year"); if (el) el.textContent = new Date().getFullYear(); })();</script>
+</footer>
diff --git a/cli/medperf/web_ui/templates/partials/navbar.html b/cli/medperf/web_ui/templates/partials/navbar.html
index e4969dad5..b28fb58a2 100644
--- a/cli/medperf/web_ui/templates/partials/navbar.html
+++ b/cli/medperf/web_ui/templates/partials/navbar.html
@@ -1,72 +1,104 @@
-{# ./cli/medperf/web_ui/templates/partials/navbar.html #}
+{% set path = request.url.path %}
+{% set ui_mode = request.app.state.ui_mode %}
+{% set is_training_mode = (ui_mode == request.app.state.TRAINING_MODE) %}
+{% set nav_benchmarks = path.startswith("/benchmarks/") %}
+{% set nav_containers = path.startswith("/containers/") %}
+{% set nav_datasets = path.startswith("/datasets/") %}
+{% set nav_training = path.startswith("/training/") %}
+{% set nav_aggregators = path.startswith("/aggregators/") %}
+{% set nav_models = path.startswith("/models/") %}
+{% set evaluation_mode = request.app.state.EVALUATION_MODE %}
+{% set training_mode = request.app.state.TRAINING_MODE %}
 
-<div class="container-fluid py-1" style="background-color: #d0ecd4;">
-    <nav class="navbar navbar-expand-md navbar-light">
-        <a class="navbar-brand ms-3" href="/">
-            <img alt="MedPerf Logo" src="{{ url_for('static', path='images/medperf_logo.svg') }}" style="width: 90px; height: 40px">
-        </a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="navbarNav">
-            <ul class="navbar-nav">
-                <li class="nav-item"><a class="nav-link" href="/benchmarks/ui">Benchmarks</a></li>
-                <li class="nav-item"><a class="nav-link" href="/models/ui">Models</a></li>
-                <li class="nav-item"><a class="nav-link" href="/containers/ui">Containers</a></li>
-                <li class="nav-item"><a class="nav-link" href="/datasets/ui">Datasets</a></li>
-            </ul>
-            <ul class="navbar-nav ms-auto">
-                <li class="nav-item dropdown">
-                    <a class="nav-link me-2 cursor-pointer" href="#" role="button" id="notifiations-dropdown" data-bs-auto-close="outside" data-bs-toggle="dropdown" aria-expanded="false">
-                        <i class="fa fa-bell {% if logged_in %} mt-2 fs-5 {% endif %}"></i>
-                        <span
-                            id="notifications-count"
-                            class="badge rounded-pill badge-notification bg-danger {% if not unread_notifications %} d-none {% endif %}"
-                        >
-                            0
-                        </span>
-                    </a>
-                    <ul id="notifications-list" class="dropdown-menu dropdown-menu-end" aria-labelledby="notifiations-dropdown">
+<nav class="medperf-bg dark:bg-gray-800 shadow-lg sticky top-0 z-40 border-b border-transparent dark:border-gray-700" x-data="{ open: false, notifOpen: false }" data-testid="navbar">
+    <div class="container mx-auto px-4 py-4">
+        <div class="flex items-center justify-between">
+            <div class="flex items-center gap-6">
+                <a href="/" class="text-white text-2xl font-bold flex items-center gap-3">
+                    <img alt="MedPerf Logo" src="{{ url_for('static', path='images/medperf_logo.svg') }}" class="h-10 w-auto brightness-0 invert">
+                </a>
+                <div class="hidden md:flex rounded-lg bg-white/10 p-1 gap-0.5" role="tablist">
+                    <a href="/set_mode?mode={{evaluation_mode}}" class="px-3 py-1.5 rounded-md text-sm font-semibold transition-colors {% if not is_training_mode %}bg-white/25 text-white{% else %}text-white/80 hover:text-white{% endif %}" role="tab">Evaluation</a>
+                    <a href="/set_mode?mode={{training_mode}}" class="px-3 py-1.5 rounded-md text-sm font-semibold transition-colors {% if is_training_mode %}bg-white/25 text-white{% else %}text-white/80 hover:text-white{% endif %}" role="tab">Training</a>
+                </div>
+                <div class="hidden md:flex gap-6">
+                    {% if is_training_mode %}
+                    <a href="/training/ui" class="font-semibold pb-1 border-b-2 {% if nav_training %}text-white border-white{% else %}text-white/80 border-transparent hover:text-white hover:border-white/50{% endif %} transition-colors">Training</a>
+                    <a href="/aggregators/ui" class="font-semibold pb-1 border-b-2 {% if nav_aggregators %}text-white border-white{% else %}text-white/80 border-transparent hover:text-white hover:border-white/50{% endif %} transition-colors">Aggregators</a>
+                    {% else %}
+                    <a href="/benchmarks/ui" class="font-semibold pb-1 border-b-2 {% if nav_benchmarks %}text-white border-white{% else %}text-white/80 border-transparent hover:text-white hover:border-white/50{% endif %} transition-colors">Benchmarks</a>
+                    {% endif %}
+                    <a href="/models/ui" class="font-semibold pb-1 border-b-2 {% if nav_models %}text-white border-white{% else %}text-white/80 border-transparent hover:text-white hover:border-white/50{% endif %} transition-colors">Models</a>
+                    <a href="/containers/ui" class="font-semibold pb-1 border-b-2 {% if nav_containers %}text-white border-white{% else %}text-white/80 border-transparent hover:text-white hover:border-white/50{% endif %} transition-colors">Containers</a>
+                    <a href="/datasets/ui" class="font-semibold pb-1 border-b-2 {% if nav_datasets %}text-white border-white{% else %}text-white/80 border-transparent hover:text-white hover:border-white/50{% endif %} transition-colors">Datasets</a>
+                </div>
+            </div>
+
+            <div class="flex items-center gap-4">
+                <div class="relative" @click.outside="notifOpen = false">
+                    <button type="button" @click="notifOpen = !notifOpen" class="relative p-2 rounded-lg text-white/90 hover:text-white hover:bg-white/10 transition-colors cursor-pointer">
+                        <i class="fa fa-bell text-xl" aria-hidden="true"></i>
+                        <span id="notifications-count" class="absolute -top-0.5 -right-0.5 min-w-[1.25rem] h-5 px-1 bg-red-500 rounded-full flex items-center justify-center text-xs text-white {% if not unread_notifications %}hidden{% endif %}">0</span>
+                    </button>
+                    <ul id="notifications-list" x-show="notifOpen" x-cloak x-transition class="absolute right-0 mt-2 w-96 min-w-[20rem] max-w-[min(24rem,100vw-2rem)] max-h-[70vh] overflow-y-auto overflow-x-hidden bg-white dark:bg-gray-800 rounded-xl shadow-xl border-2 border-gray-200 dark:border-gray-700 py-2 z-50 list-none"
+                        style="display: none;">
                         {% if not notifications %}
-                        <li class="dropdown-item">No notifications yet</li>
+                        <li class="px-4 py-3 text-gray-500 dark:text-gray-400 text-sm">No notifications yet</li>
                         {% endif %}
                     </ul>
-                </li>
+                </div>
+
                 {% if logged_in %}
-                <li class="nav-item dropdown me-3">
-                    <a class="nav-link dropdown-toggle d-flex align-items-center" href="#" id="userDropdown" role="button"
-                    data-bs-toggle="dropdown" aria-expanded="false">
-                        <i class="fas fa-user-circle fs-1"></i>
-                    </a>
-                    <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
-                        <li class="dropdown-item-text text-muted small">
-                            Logged in as:<br>
-                            <strong>{{ request.app.state.user_email }}</strong>
-                        </li>
-                        <li><hr class="dropdown-divider"></li>
-                        <li>
-                            <a class="dropdown-item" href="/settings">
-                                <i class="fas fa-cog mr-2"></i> Settings
-                            </a>
-                        </li>
-                        <li>
-                            <button id="logout-btn" type="button" class="dropdown-item text-danger">
-                                <i class="fas fa-sign-out-alt mr-2"></i> Logout
-                            </button>
-                        </li>
-                    </ul>
-                </li>
+                <div class="relative" x-data="{ userOpen: false }" @click.outside="userOpen = false">
+                    <button type="button" @click="userOpen = !userOpen" class="w-10 h-10 rounded-full bg-white/25 flex items-center justify-center border-2 border-white/40 text-white hover:bg-white/35 transition-colors shadow-md cursor-pointer" title="Account" data-testid="user-menu-button">
+                        <i class="fas fa-user text-lg" aria-hidden="true"></i>
+                    </button>
+                    <div x-show="userOpen" x-cloak x-transition class="absolute right-0 mt-2 min-w-56 max-w-[20rem] w-64 bg-white dark:bg-gray-800 rounded-xl shadow-xl border-2 border-gray-200 dark:border-gray-700 py-2 z-50 overflow-hidden" style="display: none;">
+                        <div class="px-4 py-2 text-gray-500 dark:text-gray-400 text-sm border-b border-gray-200 dark:border-gray-700 min-w-0">
+                            Logged in as:<br><strong class="block truncate text-gray-900 dark:text-white" title="{{ request.app.state.user_email }}">{{ request.app.state.user_email }}</strong>
+                        </div>
+                        <a href="/settings" class="flex items-center px-4 py-2 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700">
+                            <i class="fas fa-cog mr-2 medperf-accent dark:text-green-400"></i> Settings
+                        </a>
+                        <button id="logout-btn" type="button" class="w-full text-left flex items-center px-4 py-2 text-red-600 dark:text-red-400 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer">
+                            <i class="fas fa-sign-out-alt mr-2"></i> Logout
+                        </button>
+                    </div>
+                </div>
                 {% else %}
-                <li class="nav-item">
-                  <a class="nav-link" href="/medperf_login">Login</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link" href="/settings">
-                        <i class="fas fa-cog mr-2"></i> Settings
-                    </a>
-                </li>
+                <a href="/medperf_login" class="text-white font-semibold px-4 py-2 rounded-lg hover:bg-white/10 transition-colors">Login</a>
+                <a href="/settings" class="p-2 rounded-lg text-white/90 hover:text-white hover:bg-white/10 transition-colors">
+                    <i class="fas fa-cog" aria-hidden="true"></i>
+                </a>
                 {% endif %}
-            </ul>
+
+                <button type="button" @click="document.documentElement.classList.toggle('dark'); const isDark = document.documentElement.classList.contains('dark'); localStorage.setItem('medperf-dark', isDark ? '1' : '0'); document.getElementById('prism-light-theme').disabled = isDark; document.getElementById('prism-dark-theme').disabled = !isDark;" class="p-2 rounded-lg bg-white/10 hover:bg-white/20 text-white transition-colors inline-flex items-center justify-center w-10 h-10 cursor-pointer" aria-label="Toggle dark mode">
+                    <span class="dark:hidden inline-block" aria-hidden="true"><i class="fas fa-moon"></i></span>
+                    <span class="hidden dark:inline-block" aria-hidden="true"><i class="fas fa-sun"></i></span>
+                </button>
+
+                <button type="button" @click="open = !open" class="md:hidden p-2 text-white rounded-lg hover:bg-white/10 cursor-pointer" aria-label="Menu">
+                    <i class="fas fa-bars" aria-hidden="true"></i>
+                </button>
+            </div>
+        </div>
+        <div x-show="open" x-cloak x-transition class="md:hidden mt-4 pt-4 border-t border-white/20" style="display: none;">
+            <div class="flex gap-2 mb-3">
+                <a href="/set_mode?mode=evaluation" class="px-3 py-1.5 rounded-lg text-sm font-semibold {% if not is_training_mode %}bg-white/25 text-white{% else %}text-white/80{% endif %}">Evaluation</a>
+                <a href="/set_mode?mode=training" class="px-3 py-1.5 rounded-lg text-sm font-semibold {% if is_training_mode %}bg-white/25 text-white{% else %}text-white/80{% endif %}">Training</a>
+            </div>
+            {% if is_training_mode %}
+            <a href="/training/ui" class="block py-2 text-white/90 hover:text-white">Training</a>
+            <a href="/aggregators/ui" class="block py-2 text-white/90 hover:text-white">Aggregators</a>
+            <a href="/datasets/ui" class="block py-2 text-white/90 hover:text-white">Datasets</a>
+            <a href="/containers/ui" class="block py-2 text-white/90 hover:text-white">Containers</a>
+            <a href="/models/ui" class="block py-2 text-white/90 hover:text-white">Models</a>
+            {% else %}
+            <a href="/benchmarks/ui" class="block py-2 text-white/90 hover:text-white">Benchmarks</a>
+            <a href="/models/ui" class="block py-2 text-white/90 hover:text-white">Models</a>
+            <a href="/containers/ui" class="block py-2 text-white/90 hover:text-white">Containers</a>
+            <a href="/datasets/ui" class="block py-2 text-white/90 hover:text-white">Datasets</a>
+            {% endif %}
         </div>
-    </nav>
-</div>
\ No newline at end of file
+    </div>
+</nav>
diff --git a/cli/medperf/web_ui/templates/partials/panel_container.html b/cli/medperf/web_ui/templates/partials/panel_container.html
index cf97819a9..4e109cb3c 100644
--- a/cli/medperf/web_ui/templates/partials/panel_container.html
+++ b/cli/medperf/web_ui/templates/partials/panel_container.html
@@ -1,13 +1,9 @@
-{# ./cli/medperf/web_ui/templates/partials/panel_container.html #}
-
-<div id="panel" class="my-5 hidden-element">
-    <h2 id="panel-title"></h2>
-    <div class="stages">
-        <ul class="list-group mb-3" id="stages-list"></ul>
+<div id="panel" class="my-8 hidden" style="display: none;">
+    <h2 id="panel-title" class="text-xl font-bold medperf-accent dark:text-green-400 mb-4"></h2>
+    <div class="mb-4">
+        <ul id="stages-list" class="space-y-2 text-gray-900 dark:text-gray-100"></ul>
     </div>
-    <div class="card mt-5">
-        <div class="card-body">
-            <pre id="log-panel"></pre>
-        </div>
+    <div class="bg-white dark:bg-gray-800 rounded-xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 mt-6">
+        <pre id="log-panel" class="text-sm overflow-x-auto whitespace-pre-wrap font-mono bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-gray-100 p-4 rounded-lg max-h-[300px] overflow-y-auto"></pre>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/cli/medperf/web_ui/templates/partials/prompt_container.html b/cli/medperf/web_ui/templates/partials/prompt_container.html
index b1d73484f..eaa38a3e5 100644
--- a/cli/medperf/web_ui/templates/partials/prompt_container.html
+++ b/cli/medperf/web_ui/templates/partials/prompt_container.html
@@ -1,9 +1,7 @@
-{# ./cli/medperf/web_ui/templates/partials/prompt_container.html #}
-
-<div id="prompt-container" class="my-5 hidden-element">
-    <div id="prompt-text"></div>
-    <div class="text-center mt-5">
-        <button type="button" class="btn btn-danger mx-3" id="respond-no-btn">No</button>
-        <button type="button" class="btn btn-success mx-3" id="respond-yes-btn">Yes</button>
+<div id="prompt-container" class="my-8 hidden" style="display: none;">
+    <div id="prompt-text" class="mb-6 text-gray-900 dark:text-white"></div>
+    <div class="flex justify-center gap-4">
+        <button type="button" class="px-6 py-3 rounded-xl bg-red-600 text-white font-semibold hover:bg-red-700 transition-colors cursor-pointer" id="respond-no-btn">No</button>
+        <button type="button" class="px-6 py-3 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 transition-colors cursor-pointer" id="respond-yes-btn">Yes</button>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/cli/medperf/web_ui/templates/partials/text_content_container.html b/cli/medperf/web_ui/templates/partials/text_content_container.html
index 126add159..59acec999 100644
--- a/cli/medperf/web_ui/templates/partials/text_content_container.html
+++ b/cli/medperf/web_ui/templates/partials/text_content_container.html
@@ -1,5 +1,3 @@
-{# ./cli/medperf/web_ui/templates/partials/text_content_container.html #}
-
-<div id="text-content" class="mt-5 hidden-element">
-    <div id="content"></div>
+<div id="text-content" class="mt-6 hidden text-gray-900 dark:text-white px-4">
+    <div id="content" class="space-y-3"></div>
 </div>
\ No newline at end of file
diff --git a/cli/medperf/web_ui/templates/partials/yaml_container.html b/cli/medperf/web_ui/templates/partials/yaml_container.html
index 044787be9..fc5012bdc 100644
--- a/cli/medperf/web_ui/templates/partials/yaml_container.html
+++ b/cli/medperf/web_ui/templates/partials/yaml_container.html
@@ -1,5 +1,3 @@
-{# ./cli/medperf/web_ui/templates/partials/yaml_container.html #}
-
-<div id="yaml-container" class="mt-5 hidden-element">
-    <pre id="yaml-content" class="language-yaml"></pre>
-</div>
\ No newline at end of file
+<div id="yaml-container" class="mt-8 hidden" style="display: none;">
+    <pre id="yaml-content" class="language-yaml overflow-x-auto p-4 rounded-lg bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-gray-100 text-sm max-h-[300px] overflow-y-auto"></pre>
+</div>
diff --git a/cli/medperf/web_ui/templates/security_check.html b/cli/medperf/web_ui/templates/security_check.html
index cd52b4ad0..4569f315e 100644
--- a/cli/medperf/web_ui/templates/security_check.html
+++ b/cli/medperf/web_ui/templates/security_check.html
@@ -1,71 +1,49 @@
-{# ./cli/medperf/web_ui/templates/security_check.html #}
-
 {% extends "base.html" %}
 
 {% block title %}Security Check{% endblock %}
 
 {% block content %}
-<div class="container min-vh-100 d-flex justify-content-center align-items-center">
-    <div class="row">
-        <div class="card shadow-sm">
-            <div class="card-body">
-                <h2 class="text-center mb-4">Security Check</h2>
-
-                <!-- Error message (if any) -->
-                {% if error %}
-                    <div class="alert alert-danger text-center" role="alert">
-                        {{ error }}
-                    </div>
-                {% endif %}
+<div class="min-h-[80vh] flex items-center justify-center px-4 py-12">
+    <div class="w-full max-w-md">
+        <div class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-xl border-2 border-green-100 dark:border-gray-700">
+            <h2 class="text-2xl font-bold medperf-accent dark:text-green-400 text-center mb-6">Security Check</h2>
+
+            {% if error %}
+            <div class="mb-6 p-4 rounded-xl bg-red-50 dark:bg-red-900/30 border-2 border-red-200 dark:border-red-800 text-red-700 dark:text-red-300 text-center" role="alert">
+                {{ error }}
+            </div>
+            {% endif %}
 
-                <!-- Security Check form -->
-                <form id="security-check-form" method="POST" action="/security_check">
-                    <input type="hidden" name="redirect_url" value="{{ redirect_url }}">
-                    <div class="form-group">
-                        <label for="token" class="form-label h5">Enter your Security Token printed in MedPerf CLI output</label>
-                        <input type="text" id="token" name="token" class="form-control mt-3" placeholder="security token" required>
-                    </div>
-                    <div class="text-center mt-4">
-                        <button id="security-check-btn" type="button" class="btn btn-primary">Access Web UI</button>
-                    </div>
-                </form>
-                <div class="text-center mt-4">
-                    <button type="button" class="btn btn-link" id="show-help-modal">
-                        Why is this required?
-                      </button>
+            <form id="security-check-form" method="POST" action="/security_check">
+                <input type="hidden" name="redirect_url" value="{{ redirect_url }}">
+                <div class="mb-6">
+                    <label for="token" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Enter your Security Token printed in MedPerf CLI output</label>
+                    <input type="text" id="token" name="token" class="w-full px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="security token" required>
+                </div>
+                <div class="text-center">
+                    <button id="security-check-btn" type="button" class="w-full py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 transition-all">Access Web UI</button>
                 </div>
+            </form>
+            <div class="text-center mt-4">
+                <button type="button" class="text-medperf-accent dark:text-green-400 hover:underline font-medium" id="show-help-modal">Why is this required?</button>
             </div>
         </div>
     </div>
 </div>
-
 {% endblock %}
 
 {% block extra_js %}
 <script>
-    $(document).ready(() => {
-        $("#security-check-btn").on("click", (e) => {
-            e.currentTarget.setAttribute("disabled", true);
-            $("#security-check-form")[0].submit();
-        });
-
-        $("#show-help-modal").on("click", () => {
-            const modalTitle = "Security Check Help";
-            const modalBody = `<p class="fs-5">
-                This token is a simple way to make sure that only the person who started the app, can access this page.
-                <br><br>
-                When the app starts, it shows a one-time code (the security token) in the terminal. You just copy that code and paste it here.
-                <br><br>
-                It is a safety step to prevent other users on the same computer from seeing your data or using the app without permission.
-            </p>`;
-            const modalFooter = '<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>';
-            showModal({
-                title: modalTitle,
-                body: modalBody,
-                footer: modalFooter,
-                modalClasses: "modal-lg"
-            });
-        });
+(function() {
+    document.getElementById("security-check-btn").addEventListener("click", function(e) {
+        e.currentTarget.disabled = true;
+        document.getElementById("security-check-form").submit();
     });
+    document.getElementById("show-help-modal").addEventListener("click", function() {
+        var modalBody = "<p class=\"text-lg\">This token is a simple way to make sure that only the person who started the app, can access this page.<br><br>When the app starts, it shows a one-time code (the security token) in the terminal. You just copy that code and paste it here.<br><br>It is a safety step to prevent other users on the same computer from seeing your data or using the app without permission.</p>";
+        var modalFooter = "<button type=\"button\" class=\"px-4 py-2 rounded-xl bg-red-600 text-white font-semibold close-modal-btn\">Close</button>";
+        showModal({ title: "Security Check Help", body: modalBody, footer: modalFooter, modalClasses: "max-w-2xl w-full" });
+    });
+})();
 </script>
-{% endblock extra_js %}
\ No newline at end of file
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/settings.html b/cli/medperf/web_ui/templates/settings.html
index f630dc3f7..3f942b51d 100644
--- a/cli/medperf/web_ui/templates/settings.html
+++ b/cli/medperf/web_ui/templates/settings.html
@@ -1,189 +1,123 @@
-{# ./cli/medperf/web_ui/templates/settings.html #}
-
 {% extends "base.html" %}
-
 {% import "constants/tooltips.html" as tooltips %}
 {% import 'macros/cc_operator_macro.html' as cc_operator_macro %}
 
 {% block title %}Settings{% endblock %}
 
 {% block content %}
-<div class="container">
-    <div class="row mt-3">
-        <div class="col-12">
-            <h1 class="text-center">Settings</h1>
-        </div>
-        <div class="col-12 mt-4">
-            <h4 class="text-end col-sm-3">Profile Settings</h4>
-        </div>
-        <div class="col-12 mt-5">
-            <h4 class="text-center">
-                Current Profile: 
-                <strong data-testid="current-profile">{{ profiles.active_profile_name.title() }}</strong>
-            </h4>
-            <form id="profiles-form">
-                <div class="row">
-                    <label for="profile" class="h5 col-form-label col-sm-3 text-end">
-                        Select Profile
-                    </label>
-                    <div class="col-sm-6">
-                        <select name="profile" id="profile" class="form-select" {% if task_running %}disabled{% endif %}>
-                            <option value="" disabled>Select Profile</option>
-                            {% for profile in profiles %}
-                            <option
-                                value="{{ profile }}"
-                                {% if profile == profiles.active_profile_name %}
-                                selected
-                                {% endif %}
-                            >{{ profile.title() }}</option>
-                            {% endfor %}
-                        </select>
-                    </div>
-                </div>
-                <div class="text-center mt-5">
-                    <button type="button" class="btn btn-primary mx-3" id="activate-profile-btn" disabled>Activate Profile</button>
-                    <button type="button" class="btn btn-secondary mx-3" id="view-profile-btn" {% if task_running %}disabled{% endif %}>View Profile</button>
-                </div>
-            </form>
-        </div>
-        <div id="edit-config-container" class="mt-5" style="display: none;">
-            <form id="edit-config-form" class="mt-5">
-                <div class="row mb-4">
-                    <label for="gpus" class="col-sm-3 col-form-label h5 text-end">GPUs</label>
-                    <div class="col-sm-6">
-                        <input type="text" id="gpus" name="gpus" class="form-control" value="{{ default_gpus }}" {% if task_running %}disabled{% endif %}>
-                    </div>
+<div class="container mx-auto px-4 py-8 max-w-4xl">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 text-center mb-8">Settings</h1>
+
+    <section class="mb-12">
+        <h2 class="text-xl font-bold text-gray-800 dark:text-gray-200 mb-4">Profile Settings</h2>
+        <p class="text-center text-gray-700 dark:text-gray-300 mb-6">
+            Current Profile: <strong data-testid="current-profile" class="medperf-accent dark:text-green-400">{{ profiles.active_profile_name.title() }}</strong>
+        </p>
+        <form id="profiles-form" class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700">
+            <div class="flex flex-col sm:flex-row sm:items-center gap-4 mb-6">
+                <label for="profile" class="sm:w-48 font-semibold text-gray-700 dark:text-gray-300">Select Profile</label>
+                <select name="profile" id="profile" class="flex-1 max-w-md px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 cursor-pointer">
+                    <option value="" disabled>Select Profile</option>
+                    {% for profile in profiles %}
+                    <option value="{{ profile }}" {% if profile == profiles.active_profile_name %}selected{% endif %}>{{ profile.title() }}</option>
+                    {% endfor %}
+                </select>
+            </div>
+            <div class="flex flex-wrap justify-center gap-3">
+                <button type="button" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed" id="activate-profile-btn" disabled>Activate Profile</button>
+                <button type="button" class="px-6 py-3 bg-gray-200 dark:bg-gray-600 text-gray-800 dark:text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed" id="view-profile-btn" {% if task_running %}disabled{% endif %} title="{{ tooltips.view_profile_btn if tooltips.view_profile_btn is defined else '' }}">View Profile</button>
+            </div>
+        </form>
+
+        <div id="edit-config-container" class="mt-8 hidden">
+            <form id="edit-config-form" class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 space-y-6">
+                <div class="flex flex-col sm:flex-row sm:items-center gap-4">
+                    <label for="gpus" class="sm:w-48 font-semibold text-gray-700 dark:text-gray-300">GPUs</label>
+                    <input type="text" id="gpus" name="gpus" class="flex-1 max-w-md px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white" value="{{ default_gpus }}" {% if task_running %}disabled{% endif %}>
                 </div>
-                <div class="row mb-4">
-                    <label for="platform" class="col-sm-3 col-form-label h5 text-end">Platform</label>
-                    <div class="col-sm-6">
-                        <input type="text" id="platform" name="platform" class="form-control" value="{{ default_platform }}" {% if task_running %}disabled{% endif %}>
-                    </div>
+                <div class="flex flex-col sm:flex-row sm:items-center gap-4">
+                    <label for="platform" class="sm:w-48 font-semibold text-gray-700 dark:text-gray-300">Platform</label>
+                    <input type="text" id="platform" name="platform" class="flex-1 max-w-md px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white" value="{{ default_platform }}" {% if task_running %}disabled{% endif %}>
                 </div>
-                <div class="row mb-4">
-                    <label for="ca" class="col-sm-3 col-form-label h5 text-end">Certificate Authority</label>
-                    <div class="col-sm-6">
-                        <select name="ca" id="ca" class="form-select" {% if not logged_in or task_running %}disabled{% endif %}>
-                            {% if not logged_in %}
-                            <option value="">Log in to select CA</option>
-                            {% else %}
-                            <option value="" disabled>Select CA</option>
-                            {% for ca in cas %}
-                            <option
-                                value="{{ ca }}"
-                                {% if ca == default_ca %}
-                                selected
-                                {% endif %}
-                            >{{ cas[ca] }}</option>
-                            {% endfor %}
-                            {% endif %}
-                        </select>
-                    </div>
+                <div class="flex flex-col sm:flex-row sm:items-center gap-4">
+                    <label for="ca" class="sm:w-48 font-semibold text-gray-700 dark:text-gray-300">Certificate Authority</label>
+                    <select name="ca" id="ca" class="flex-1 max-w-md px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white" {% if not logged_in or task_running %}disabled{% endif %}>
+                        {% if not logged_in %}<option value="">Log in to select CA</option>{% else %}
+                        <option value="" disabled>Select CA</option>
+                        {% for ca in cas %}<option value="{{ ca }}" {% if ca == default_ca %}selected{% endif %}>{{ cas[ca] }}</option>{% endfor %}
+                        {% endif %}
+                    </select>
                 </div>
-                <div class="row mb-4">
-                    <label for="fingerprint" class="col-sm-3 col-form-label h5 text-end">Fingerprint</label>
-                    <div class="col-sm-6">
-                        <input
-                            type="text"
-                            id="fingerprint"
-                            name="fingerprint"
-                            class="form-control"
-                            {% if not logged_in or task_running %}disabled{% endif %}
-                            value="{% if not logged_in %}Log in to change fingerprint{% else %}{{ default_fingerprint }}{% endif %}">
-                    </div>
+                <div class="flex flex-col sm:flex-row sm:items-center gap-4">
+                    <label for="fingerprint" class="sm:w-48 font-semibold text-gray-700 dark:text-gray-300">Fingerprint</label>
+                    <input type="text" id="fingerprint" name="fingerprint" class="flex-1 max-w-md px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white" {% if not logged_in or task_running %}disabled{% endif %} value="{% if not logged_in %}Log in to change fingerprint{% else %}{{ default_fingerprint }}{% endif %}">
                 </div>
-                <div class="text-center mt-4">
-                    <button type="button" id="apply-profile-changes-btn" class="btn btn-primary" disabled>Apply Changes</button>
+                <div class="flex justify-center pt-4">
+                    <button type="button" id="apply-profile-changes-btn" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed" disabled>Apply Changes</button>
                 </div>
-            </form>   
+            </form>
         </div>
-    </div>
-</div>
+    </section>
 
-<div id="user-certificate" class="container">
-    <div class="row my-5">
-        <div class="col-12 mt-4">
-            <h4 class="text-end col-sm-3">Certificate Settings</h4>
-        </div>
-        <div id="certificate-settings" class="col-12 my-5 text-center">
+    <section id="user-certificate">
+        <h2 class="text-xl font-bold text-gray-800 dark:text-gray-200 mb-4">Certificate Settings</h2>
+        <div id="certificate-settings" class="bg-white dark:bg-gray-800 rounded-2xl p-6 shadow-lg border-2 border-green-100 dark:border-gray-700 text-center text-gray-900 dark:text-white">
             {% if not logged_in %}
-            <h5>Log in to view certificate settings</h5>
+            <p class="text-gray-600 dark:text-gray-400">Log in to view certificate settings</p>
             {% else %}
             {% if certificate_status["no_certs_found"] %}
-            <h5>No Certificate Found</h5>
-            <button
-                id="get-cert-btn"
-                class="btn btn-dark mt-3"
-                {% if task_running %}disabled{% endif %}
-                data-bs-toggle="tooltip"
-                data-bs-placement="top"
-                data-bs-title="{{ tooltips.get_client_certificate_btn }}"
-                >Get User Certificate
-            </button>
+            <p class="text-gray-700 dark:text-gray-300 mb-4">No Certificate Found</p>
+            <form id="get-cert-form" action="/settings/get_certificate" method="post" class="inline settings-action-form" data-panel-title="Getting Client Certificate" data-confirm-message="get a new certificate?" >
+                <input type="hidden" name="task_name" value="get_client_certificate">
+                <button id="get-cert-btn" type="submit" class="px-6 py-3 bg-gray-700 dark:bg-gray-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed" {% if task_running %}disabled{% endif %} title="{{ tooltips.get_client_certificate_btn }}">Get User Certificate</button>
+            </form>
             {% else %}
-            <h5>Certificate Exists</h5>
+            <p class="text-gray-700 dark:text-gray-300 mb-4">Certificate Exists</p>
             {% if certificate_status["should_be_submitted"] %}
-            <p class="fs-5">
-                <strong>Status:</strong> 
-                <span class="badge bg-warning" data-testid="cert-status">to be uploaded</span>
-            </p>
-            <button
-                id="submit-cert-btn"
-                class="btn btn-primary mt-3"
-                {% if task_running %}disabled{% endif %}
-                data-bs-toggle="tooltip"
-                data-bs-placement="top"
-                data-bs-title="{{ tooltips.submit_certificate_btn }}"
-                >Submit Certificate
-            </button>
+            <p class="mb-4 text-gray-700 dark:text-gray-300"><strong>Status:</strong> <span class="px-4 py-1 rounded-full text-xs font-bold border-2 bg-yellow-100 dark:bg-yellow-900/50 text-yellow-800 dark:text-yellow-200 border-yellow-200 dark:border-yellow-700" data-testid="cert-status">to be uploaded</span></p>
+            <form id="submit-cert-form" action="/settings/submit_certificate" method="post" class="inline settings-action-form" data-panel-title="Submitting Client Certificate" data-confirm-message="submit the certificate?">
+                <input type="hidden" name="task_name" value="submit_client_certificate">
+                <button id="submit-cert-btn" type="submit" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed" {% if task_running %}disabled{% endif %} title="{{ tooltips.submit_certificate_btn }}">Submit Certificate</button>
+            </form>
             {% elif certificate_status["should_be_invalidated"] %}
-            <p class="fs-5">
-                <strong>Status:</strong> 
-                <span class="badge bg-danger" data-testid="cert-status">invalid</span>
-            </p>
+            <p class="mb-4 text-gray-700 dark:text-gray-300"><strong>Status:</strong> <span class="px-4 py-1 rounded-full text-xs font-bold border-2 bg-red-100 dark:bg-red-900/50 text-red-800 dark:text-red-200 border-red-200 dark:border-red-800" data-testid="cert-status">invalid</span></p>
             {% else %}
-            <p class="fs-5">
-                <strong>Status:</strong> 
-                <span class="badge bg-success" data-testid="cert-status">valid</span>
-            </p>
+            <p class="mb-4 text-gray-700 dark:text-gray-300"><strong>Status:</strong> <span class="px-4 py-1 rounded-full text-xs font-bold border-2 bg-green-100 dark:bg-green-900/50 text-green-800 dark:text-green-200 border-green-200 dark:border-green-700" data-testid="cert-status">valid</span></p>
             {% endif %}
-            <button
-                id="delete-cert-btn"
-                class="btn btn-danger mt-3"
-                {% if task_running %}disabled{% endif %}
-                data-bs-toggle="tooltip"
-                data-bs-placement="top"
-                data-bs-title="{{ tooltips.invalidate_certificate_btn }}"
-                >Delete
-            </button>
+            <form id="delete-cert-form" action="/settings/delete_certificate" method="post" class="inline settings-action-form" data-panel-title="Deleting Client Certificate" data-confirm-message="delete the certificate?">
+                <input type="hidden" name="task_name" value="delete_client_certificate">
+                <button id="delete-cert-btn" type="submit" class="px-6 py-3 bg-red-600 text-white rounded-xl font-bold hover:bg-red-700 disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed" {% if task_running %}disabled{% endif %} title="{{ tooltips.invalidate_certificate_btn }}">Delete</button>
+            </form>
             {% endif %}
             {% endif %}
         </div>
-    </div>
+    </section>
+
+    {% if logged_in %}
+    <section class="mb-12">
+        {{ cc_operator_macro.cc_operator(cc_config_defaults, cc_configured, cc_initialized, task_running=task_running) }}
+    </section>
+    {% endif %}
+
     {% include "partials/panel_container.html" %}
-    <div class="text-center">
+    <div class="text-center my-8">
         {% include "partials/text_content_container.html" %}
     </div>
     {% include "partials/prompt_container.html" %}
 </div>
-<div class="container">
-{% if logged_in %}
-    {{ cc_operator_macro.cc_operator(cc_config_defaults, cc_configured, task_running=task_running) }}
-{% endif %}
-</div>
 {% endblock content %}
 
 {% block extra_js %}
 <script>
     window.ccPreferences = {
-        can_apply: {{ cc_configured|tojson }},
+        configured: {{ cc_configured|tojson }},
+        initialized: {{ cc_initialized|tojson }},
         defaults: {{ cc_config_defaults|tojson }}
     }
 </script>
 <script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
-<script src="/static/js/cc_operator.js"></script>
+<script src="{{ url_for('static', path='js/cc_operator.js') }}"></script>
 <script>
-    // Save some global variables to be accessible by js scripts
     window.currentSettings = {
         activeProfile: "{{ profiles.active_profile_name }}",
         defaultGpus: "{{ default_gpus }}",
@@ -192,38 +126,26 @@ <h5>Certificate Exists</h5>
         defaultFingerprint: "{{ default_fingerprint }}"
     };
 </script>
-<script src="/static/js/settings.js"></script>
+<script src="{{ url_for('static', path='js/settings.js') }}"></script>
 {% if task_running %}
-{% if request.app.state.task.name == "get_client_certificate" %}
+{% if "get_client_certificate" in request.app.state.active_tasks %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#get-cert-btn",
-            null,
-            onGetCertSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#get-cert-form");
     });
 </script>
-{% elif request.app.state.task.name == "delete_client_certificate" %}
+{% elif "delete_client_certificate" in request.app.state.active_tasks %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#delete-cert-btn",
-            "Deleting Client Certificate...",
-            onDeleteCertSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#delete-cert-form");
     });
 </script>
-{% elif request.app.state.task.name == "submit_client_certificate" %}
+{% elif "submit_client_certificate" in request.app.state.active_tasks %}
 <script>
-    $(document).ready(() => {
-        resumeRunningTask(
-            "#submit-cert-btn",
-            "Submitting Client Certificate...",
-            onSubmitCertSuccess
-        );
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#submit-cert-form");
     });
 </script>
 {% endif %}
 {% endif %}
-{% endblock extra_js %}
\ No newline at end of file
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/training/register_training_experiment.html b/cli/medperf/web_ui/templates/training/register_training_experiment.html
new file mode 100644
index 000000000..3c7f00336
--- /dev/null
+++ b/cli/medperf/web_ui/templates/training/register_training_experiment.html
@@ -0,0 +1,116 @@
+{% extends "base.html" %}
+{% import "constants/forms_placeholders.html" as placeholders %}
+{% import "constants/tooltips.html" as tooltips %}
+
+{% block title %}Register Training Experiment{% endblock %}
+
+{% block content %}
+{% set training_register_running = (task_running and "register_training_experiment" in request.app.state.active_tasks) %}
+{% if training_register_running %}
+{% set form_data = request.app.state.active_tasks["register_training_experiment"].formData %}
+{% endif %}
+<div class="container mx-auto px-4 py-8 max-w-3xl">
+    <h1 class="text-3xl font-bold medperf-accent dark:text-green-400 text-center mb-4">Register New Training Experiment</h1>
+    <p class="text-center text-gray-700 dark:text-gray-300 mb-8">
+        Register a new training experiment with data preparation, FL, and optional FL admin containers.
+    </p>
+
+    <form id="register-training-form" class="space-y-6" action="/training/register" method="post" data-panel-title="Registering training experiment" data-confirm-message="register this training experiment?">
+        <input type="hidden" name="task_name" value="register_training_experiment">
+        <div>
+            <label for="name" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Name</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="name" type="text" id="name" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="Training experiment name" {% if task_running %}disabled{% endif %} {% if training_register_running %}value="{{ form_data.get('name', '') }}"{% endif %} maxlength="128">
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_training_name }}"><i class="fas fa-info-circle text-lg"></i></span>
+            </div>
+        </div>
+        <div>
+            <label for="description" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Description</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <textarea name="description" id="description" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="Short description" {% if task_running %}disabled{% endif %} maxlength="256">{% if training_register_running %}{{ form_data.get('description', '') }}{% endif %}</textarea>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_training_description }}"><i class="fas fa-info-circle text-lg"></i></span>
+            </div>
+        </div>
+        <div>
+            <label for="docs_url" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Documentation URL (optional)</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <input name="docs_url" type="text" id="docs_url" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="https://..." {% if task_running %}disabled{% endif %} {% if training_register_running %}value="{{ form_data.get('docs_url', '') }}"{% endif %}>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_training_docs_url }}"><i class="fas fa-info-circle text-lg"></i></span>
+            </div>
+        </div>
+        <div>
+            <label for="data_preparation_container" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">Data Preparation Container</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <select name="data_preparation_container" id="data-preparation-container" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 cursor-pointer" {% if task_running %}disabled{% endif %}>
+                    <option value="" disabled selected>Select a Container</option>
+                    {% if data_prep_containers | length > 0 %}
+                    {% for container in data_prep_containers %}
+                    <option value="{{ container['id'] }}" {% if training_register_running and form_data.get("data_preparation_container") == container['id']|string %}selected{% endif %}>{{ container.name }}</option>
+                    {% endfor %}
+                    {% else %}
+                    <option value="" disabled>No Data Preparation Containers available</option>
+                    {% endif %}
+                </select>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_training_data_preparation_container }}"><i class="fas fa-info-circle text-lg"></i></span>
+            </div>
+        </div>
+        <div>
+            <label for="fl_container" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">FL Container</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <select name="fl_container" id="fl-container" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 cursor-pointer" {% if task_running %}disabled{% endif %}>
+                    <option value="" disabled selected>Select a Container</option>
+                    {% if all_containers | length > 0 %}
+                    {% for container in all_containers %}
+                    <option value="{{ container['id'] }}" {% if training_register_running and form_data.get("fl_container") == container['id']|string %}selected{% endif %}>{{ container.name }}</option>
+                    {% endfor %}
+                    {% else %}
+                    <option value="" disabled>No containers available</option>
+                    {% endif %}
+                </select>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_training_fl_container }}"><i class="fas fa-info-circle text-lg"></i></span>
+            </div>
+        </div>
+        <div>
+            <label for="fl_admin_container" class="block text-gray-700 dark:text-gray-300 font-semibold mb-2">FL Admin Container (optional)</label>
+            <div class="flex flex-wrap items-stretch gap-2">
+                <select name="fl_admin_container" id="fl-admin-container" class="flex-1 min-w-0 px-4 py-3 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 cursor-pointer" {% if task_running %}disabled{% endif %}>
+                    <option value="">None</option>
+                    {% if all_containers | length > 0 %}
+                    {% for container in all_containers %}
+                    <option value="{{ container['id'] }}" {% if training_register_running and form_data.get("fl_admin_container") == container['id']|string %}selected{% endif %}>{{ container.name }}</option>
+                    {% endfor %}
+                    {% endif %}
+                </select>
+                <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_training_fl_admin_container }}"><i class="fas fa-info-circle text-lg"></i></span>
+            </div>
+        </div>
+        <div class="flex flex-wrap items-center gap-2">
+            <label class="inline-flex items-center gap-2 cursor-pointer text-gray-900 dark:text-white">
+                <input type="checkbox" name="operational" value="true" class="rounded border-gray-400 text-green-600 focus:ring-green-500 dark:border-gray-500 accent-green-600 dark:accent-green-400" {% if task_running %}disabled{% endif %}>
+                Submit as OPERATIONAL
+            </label>
+            <span class="inline-flex items-center px-3 tooltip-icon medperf-accent dark:text-green-400" title="{{ tooltips.register_training_operational }}"><i class="fas fa-info-circle text-lg"></i></span>
+        </div>
+        <div class="text-center pt-4">
+            <button id="register-training-btn" type="submit" class="px-6 py-3 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:opacity-90 disabled:opacity-50 cursor-pointer" disabled>Register Training Experiment</button>
+        </div>
+    </form>
+
+    {% include "partials/panel_container.html" %}
+    {% include "partials/text_content_container.html" %}
+    {% include "partials/yaml_container.html" %}
+    {% include "partials/prompt_container.html" %}
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
+<script src="{{ url_for('static', path='js/training/training_register.js') }}"></script>
+{% if task_running and "register_training_experiment" in request.app.state.active_tasks %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#register-training-form");
+    });
+</script>
+{% endif %}
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/training/training_experiment_detail.html b/cli/medperf/web_ui/templates/training/training_experiment_detail.html
new file mode 100644
index 000000000..2e39819cd
--- /dev/null
+++ b/cli/medperf/web_ui/templates/training/training_experiment_detail.html
@@ -0,0 +1,323 @@
+{% extends "detail_base.html" %}
+{% import 'macros/container_macros.html' as container_macros %}
+{% import "macros/modal_macros.html" as modal_macros %}
+
+{% block title %}Training Experiment Details{% endblock %}
+
+{% block detail_panel %}
+<div class="mb-8">
+    <div class="flex items-center justify-between mb-6">
+        <div class="flex items-center mb-3">
+            <h1 class="text-5xl font-bold medperf-accent dark:text-green-400">{{ entity.name }}</h1>
+        </div>
+    </div>
+</div>
+
+<div class="bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6">
+    <div class="flex flex-wrap justify-between items-center gap-4 mb-6">
+        <h2 class="text-3xl font-bold medperf-accent dark:text-green-400 flex items-center">
+            <i class="fas fa-info-circle mr-3"></i>Details
+        </h2>
+        <div class="flex flex-wrap gap-2">
+            <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if entity.state == 'OPERATION' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}">{% if entity.state == 'OPERATION' %}OPERATIONAL{% else %}{{ entity.state }}{% endif %}</span>
+            <span class="px-4 py-1 rounded-full text-xs font-bold border-2 {% if entity.approval_status == 'APPROVED' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 border-green-200 dark:border-green-700{% elif entity.approval_status == 'REJECTED' %}bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300 border-red-200 dark:border-red-800{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300 border-yellow-200 dark:border-yellow-700{% endif %}">{{ entity.approval_status or 'PENDING' }}</span>
+        </div>
+    </div>
+    <div class="info-highlight rounded-xl p-6 mb-6">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Experiment ID</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">{{ entity.id }}</p>
+            </div>
+            <div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-1 font-semibold">Owner</p>
+                <p class="text-xl font-bold text-gray-900 dark:text-white">
+                    <i class="fas fa-user medperf-accent dark:text-green-400 mr-2"></i>{% if is_owner %} You {% else %}{{ entity.owner }}{% endif %}
+                </p>
+            </div>
+        </div>
+    </div>
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Description</p>
+        <p class="text-gray-800 dark:text-gray-200 leading-relaxed">{% if entity.description %}{{ entity.description }}{% else %}—{% endif %}</p>
+    </div>
+    <div class="mb-6">
+        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Documentation</p>
+        {% if entity.docs_url %}
+        <a href="{{ entity.docs_url }}" class="medperf-accent dark:text-green-400 hover:text-green-700 dark:hover:text-green-300 font-bold text-lg break-all inline-flex items-center" target="_blank"><i class="fas fa-external-link-alt mr-2"></i>{{ entity.docs_url }}</a>
+        {% else %}
+        <span class="text-gray-500 dark:text-gray-400">Not Available</span>
+        {% endif %}
+    </div>
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 pt-6 border-t-2 border-gray-100 dark:border-gray-700">
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Data Preparation Container</p>
+            {{ container_macros.container_link(prep_cube) }}
+        </div>
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">FL Container</p>
+            {{ container_macros.container_link(fl_cube) }}
+        </div>
+        {% if fl_admin_cube %}
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">FL Admin Container</p>
+            {{ container_macros.container_link(fl_admin_cube) }}
+        </div>
+        {% endif %}
+    </div>
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 pt-6 border-t-2 border-gray-100 dark:border-gray-700">
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Created</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ entity.created_at }}"></span>
+        </div>
+        <div>
+            <p class="text-sm text-gray-600 dark:text-gray-400 mb-2 font-semibold">Modified</p>
+            <span class="text-gray-800 dark:text-white font-medium" data-date="{{ entity.modified_at }}"></span>
+        </div>
+    </div>
+</div>
+
+{% if is_owner %}
+<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 overflow-hidden">
+    <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/50">
+        <h3 class="mb-0 text-gray-900 dark:text-white font-bold">Aggregator</h3>
+    </div>
+    <div class="p-6">
+        {% if aggregator %}
+        <div class="flex flex-wrap items-center justify-between gap-4">
+            <div>
+                <a href="/aggregators/ui/display/{{ aggregator.id }}" class="medperf-accent dark:text-green-400 hover:underline font-semibold text-lg">{{ aggregator.name }}</a>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mt-1">Address: {{ aggregator.address }}:{{ aggregator.port }}</p>
+            </div>
+        </div>
+        {% else %}
+        <p class="text-gray-600 dark:text-gray-400 mb-4">No aggregator set yet.</p>
+        {% if available_aggregators %}
+        <form id="set-aggregator-form" action="/training/add_aggregator" method="post" class="training-action-form" data-panel-title="Setting aggregator" data-confirm-message="set this aggregator for this training experiment?">
+            <input type="hidden" name="training_exp_id" value="{{ entity.id }}">
+            <input type="hidden" name="task_name" value="set_training_aggregator">
+            <div class="flex flex-wrap items-center gap-3">
+                <select name="aggregator_id" class="flex-1 min-w-[200px] px-4 py-2.5 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500 cursor-pointer" required>
+                    <option value="" disabled selected>Select an aggregator</option>
+                    {% for agg in available_aggregators %}
+                    <option value="{{ agg.id }}">{{ agg.name }} ({{ agg.address }}:{{ agg.port }})</option>
+                    {% endfor %}
+                </select>
+                <button type="submit" class="px-5 py-2.5 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 cursor-pointer inline-flex items-center gap-2">
+                    <i class="fas fa-link"></i> Set aggregator
+                </button>
+            </div>
+        </form>
+        {% else %}
+        <a href="/aggregators/register/ui" class="inline-flex items-center gap-2 px-5 py-2.5 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 cursor-pointer">
+            <i class="fas fa-plus"></i> Register an aggregator
+        </a>
+        <p class="text-sm text-gray-500 dark:text-gray-400 mt-2">No aggregators registered. Register an aggregator first, then set it for this experiment.</p>
+        {% endif %}
+        {% endif %}
+    </div>
+</div>
+
+<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 overflow-hidden">
+    <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/50">
+        <h3 class="mb-0 text-gray-900 dark:text-white font-bold">Actions</h3>
+    </div>
+    <div class="p-6">
+        {% if not aggregator %}
+        <p class="text-sm text-amber-600 dark:text-red-400 mb-4 font-bold">Set an aggregator for this experiment first.</p>
+        {% endif %}
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+            <div class="rounded-xl border-2 border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 p-5 col-span-2 flex flex-col {% if not aggregator %}opacity-60{% endif %}">
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg medperf-bg dark:bg-green-600/20 text-green-600 dark:text-green-400"><i class="fas fa-cog"></i></span>
+                    <span class="font-semibold text-gray-900 dark:text-white">Set training plan</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4">Path to a YAML config file to set the experiment plan.</p>
+                <form id="set-plan-form" action="/training/set_plan" method="post" class="flex flex-col flex-1 gap-3" data-panel-title="Setting training plan" data-confirm-message="set the training plan?">
+                    <input type="hidden" name="task_name" value="set_training_plan">
+                    <input type="hidden" name="training_exp_id" value="{{ entity.id }}">
+                    <fieldset class="flex flex-col flex-1 gap-3 border-0 p-0 m-0 min-w-0" {% if not aggregator %}disabled{% endif %}>
+                        <div class="flex flex-wrap items-stretch gap-2">
+                            <input name="path" type="text" id="set-plan-path" class="flex-1 min-w-0 px-3 py-2.5 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="Path to plan config (e.g. plan.yaml)" required>
+                            <button type="button" class="px-4 py-2.5 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" id="browse-set-plan-btn">Browse</button>
+                        </div>
+                        <button type="submit" class="cursor-pointer w-full px-4 py-2.5 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 mt-auto">Set plan</button>
+                    </fieldset>
+                </form>
+            </div>
+
+            <div class="rounded-xl border-2 border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 p-5 col-span-2 flex flex-col {% if not plan_exists %}opacity-60{% endif %}">
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400"><i class="fas fa-edit"></i></span>
+                    <span class="font-semibold text-gray-900 dark:text-white">Update plan</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4">Runtime-update of a scalar field of the training plan.</p>
+                <form id="update-plan-form" action="/training/update_plan" method="post" class="flex flex-col flex-1 gap-3" data-panel-title="Updating training plan" data-confirm-message="update the training plan with this field?">
+                    <input type="hidden" name="task_name" value="update_training_plan">
+                    <input type="hidden" name="training_exp_id" value="{{ entity.id }}">
+                    <fieldset class="flex flex-col flex-1 gap-3 border-0 p-0 m-0 min-w-0" {% if not plan_exists %}disabled{% endif %}>
+                        <div class="flex flex-wrap gap-3">
+                            <input type="text" name="field_name" placeholder="Field name" class="flex-1 min-w-[120px] px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:ring-2 focus:ring-green-500" required>
+                            <input type="text" name="field_value" placeholder="Value" class="flex-1 min-w-[120px] px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:ring-2 focus:ring-green-500" required>
+                        </div>
+                        <button type="submit" class="cursor-pointer w-full px-4 py-2.5 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 mt-auto">Update</button>
+                    </fieldset>
+                </form>
+            </div>
+
+            {% if not has_active_event %}
+            <div class="rounded-xl border-2 border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 p-5 col-span-2 flex flex-col {% if not plan_exists %}opacity-60{% endif %}">
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400"><i class="fas fa-play"></i></span>
+                    <span class="font-semibold text-gray-900 dark:text-white">Start event</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4">Start a new training event for this experiment. Optionally provide a participants list file (YAML).</p>
+                <form id="start-event-form" action="/training/start_event" method="post" class="flex flex-col flex-1 gap-3" data-panel-title="Starting event" data-confirm-message="start this training event?">
+                    <input type="hidden" name="task_name" value="start_training_event">
+                    <input type="hidden" name="training_exp_id" value="{{ entity.id }}">
+                    <fieldset class="flex flex-col flex-1 gap-3 border-0 p-0 m-0 min-w-0" {% if not plan_exists %}disabled{% endif %}>
+                        <input type="text" name="event_name" placeholder="Event name" class="w-full px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:ring-2 focus:ring-green-500" required>
+                        <div class="flex flex-wrap items-stretch gap-2">
+                            <input name="participants_list_file" type="text" id="start-event-participants-path" class="flex-1 min-w-0 px-3 py-2.5 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white focus:outline-none focus:border-green-500" placeholder="Participants list file path (optional)">
+                            <button type="button" class="px-4 py-2.5 rounded-xl border-2 border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 cursor-pointer" id="browse-start-event-participants-btn">Browse</button>
+                        </div>
+                        <button type="submit" class="cursor-pointer w-full px-4 py-2.5 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 mt-auto">Start event</button>
+                    </fieldset>
+                </form>
+            </div>
+            {% else %}
+            <div class="rounded-xl border-2 border-amber-200 dark:border-amber-700 bg-amber-50 dark:bg-amber-900/20 p-5 col-span-2 flex flex-col">
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-amber-100 dark:bg-amber-900/40 text-amber-600 dark:text-amber-400"><i class="fas fa-stop-circle"></i></span>
+                    <span class="font-semibold text-gray-900 dark:text-white">Close event</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4">End the current training event.</p>
+                <form id="close-event-form" action="/training/close_event" method="post" class="flex flex-col flex-1" data-panel-title="Closing event" data-confirm-message="close the current training event?">
+                    <input type="hidden" name="task_name" value="close_training_event">
+                    <input type="hidden" name="training_exp_id" value="{{ entity.id }}">
+                    <button type="submit" class="cursor-pointer w-full px-4 py-2.5 rounded-xl bg-amber-600 dark:bg-amber-500 text-white font-semibold hover:opacity-90 mt-auto">Close event</button>
+                </form>
+            </div>
+            {% endif %}
+
+            <div class="rounded-xl border-2 border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30 p-5 col-span-2 flex flex-col {% if not plan_exists %}opacity-60{% endif %}">
+                <div class="flex items-center gap-2 mb-3">
+                    <span class="flex items-center justify-center w-10 h-10 rounded-lg bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400"><i class="fas fa-chart-line"></i></span>
+                    <span class="font-semibold text-gray-900 dark:text-white">Experiment status</span>
+                </div>
+                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4">Fetch and display current experiment status.</p>
+                <form id="get-status-form" action="/training/get_experiment_status" method="post" class="flex flex-col flex-1" data-panel-title="Getting experiment status" data-confirm-message="get the experiment status?">
+                    <input type="hidden" name="task_name" value="get_training_status">
+                    <input type="hidden" name="training_exp_id" value="{{ entity.id }}">
+                    <fieldset class="flex flex-col flex-1 border-0 p-0 m-0 min-w-0" {% if not plan_exists %}disabled{% endif %}>
+                        <button type="submit" class="cursor-pointer w-full px-4 py-2.5 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold hover:opacity-90 mt-auto">Get status</button>
+                    </fieldset>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg border-2 border-green-100 dark:border-gray-700 mb-6 overflow-hidden">
+    <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/50 flex flex-wrap justify-between items-center gap-2">
+        <h3 class="mb-0 text-gray-900 dark:text-white font-bold">Dataset Associations</h3>
+        {% if dataset_assoc_pending %}<span class="text-sm text-amber-600 dark:text-amber-400 font-semibold">Pending approvals</span>{% endif %}
+    </div>
+    <div class="p-6">
+        {% if dataset_associations %}
+        <ul class="space-y-4">
+            {% for assoc in dataset_associations %}
+            <li class="flex flex-wrap items-center justify-between gap-4 p-4 rounded-xl border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700/30">
+                <div>
+                    {% if assoc.dataset and assoc.dataset in datasets %}
+                    <a href="/datasets/ui/display/{{ assoc.dataset }}" class="medperf-accent dark:text-green-400 hover:underline font-semibold">{{ datasets[assoc.dataset].name }}</a>
+                    <span class="text-gray-500 dark:text-gray-400 text-sm ml-2">ID: {{ assoc.dataset }}</span>
+                    {% else %}
+                    <span class="font-semibold text-gray-900 dark:text-white">Dataset {{ assoc.dataset }}</span>
+                    {% endif %}
+                </div>
+                <div class="flex items-center gap-2">
+                    <span class="px-3 py-1 rounded-full text-xs font-bold {% if assoc.approval_status == 'APPROVED' %}bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300{% elif assoc.approval_status == 'REJECTED' %}bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300{% else %}bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300{% endif %}">{{ assoc.approval_status }}</span>
+                    {% if assoc.approval_status == 'PENDING' %}
+                    <form action="/training/approve" method="post" class="inline training-approve-reject-form" data-panel-title="Approving association" data-confirm-message="approve this dataset association?">
+                        <input type="hidden" name="task_name" value="approve_training_dataset_association">
+                        <input type="hidden" name="training_exp_id" value="{{ entity.id }}">
+                        <input type="hidden" name="dataset_id" value="{{ assoc.dataset }}">
+                        <button type="submit" class="px-3 py-1.5 rounded-lg medperf-bg dark:bg-green-600 text-white text-sm font-semibold hover:opacity-90 cursor-pointer">Approve</button>
+                    </form>
+                    <form action="/training/reject" method="post" class="inline training-approve-reject-form" data-panel-title="Rejecting association" data-confirm-message="reject this dataset association?">
+                        <input type="hidden" name="task_name" value="reject_training_dataset_association">
+                        <input type="hidden" name="training_exp_id" value="{{ entity.id }}">
+                        <input type="hidden" name="dataset_id" value="{{ assoc.dataset }}">
+                        <button type="submit" class="px-3 py-1.5 rounded-lg bg-red-600 text-white text-sm font-semibold hover:opacity-90 cursor-pointer">Reject</button>
+                    </form>
+                    {% endif %}
+                </div>
+            </li>
+            {% endfor %}
+        </ul>
+        {% else %}
+        <p class="text-gray-600 dark:text-gray-400">No datasets associated yet.</p>
+        {% endif %}
+    </div>
+</div>
+{% endif %}
+
+{% include "partials/panel_container.html" %}
+{% include "partials/text_content_container.html" %}
+{% include "partials/yaml_container.html" %}
+{% include "partials/prompt_container.html" %}
+
+{{ modal_macros.add_modal(
+    modal_id="folder-picker-modal",
+    modal_body='<ul id="folder-list" class="divide-y divide-gray-200 dark:divide-gray-600 max-h-96 overflow-y-auto rounded-lg border border-gray-200 dark:border-gray-600"></ul>',
+    modal_footer=True,
+    close_button='<button type="button" class="px-4 py-2 rounded-xl bg-gray-200 dark:bg-gray-600 hover:bg-gray-300 dark:hover:bg-gray-500 text-gray-900 dark:text-white font-semibold" data-dismiss-modal="folder-picker-modal">Cancel</button>',
+    success_button='<button type="button" class="px-4 py-2 rounded-xl medperf-bg dark:bg-green-600 text-white font-semibold" id="select-folder-btn">Select</button>'
+) }}
+{% endblock %}
+
+{% block extra_js %}
+<script src="{{ url_for('static', path='js/event_handler.js') }}"></script>
+<script src="{{ url_for('static', path='js/folder_browsing.js') }}"></script>
+<script src="{{ url_for('static', path='js/training/training_detail.js') }}"></script>
+{% if task_running%}
+{% if "set_training_plan" in request.app.state.active_tasks %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#set-plan-form");
+    });
+</script>
+{% elif "set_training_aggregator" in request.app.state.active_tasks %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#set-aggregator-form");
+    });
+</script>
+{% elif "start_training_event" in request.app.state.active_tasks %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#start-event-form");
+    });
+</script>
+{% elif "get_training_status" in request.app.state.active_tasks %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#get-status-form");
+    });
+</script>
+{% elif "update_training_plan" in request.app.state.active_tasks %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#update-plan-form");
+    });
+</script>
+{% elif "close_training_event" in request.app.state.active_tasks %}
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        resumeRunningTask("#close-event-form");
+    });
+</script>
+{% endif %}
+{% endif %}
+{% endblock %}
diff --git a/cli/medperf/web_ui/templates/training/training_experiments.html b/cli/medperf/web_ui/templates/training/training_experiments.html
new file mode 100644
index 000000000..f8f94e3d6
--- /dev/null
+++ b/cli/medperf/web_ui/templates/training/training_experiments.html
@@ -0,0 +1,43 @@
+{% extends "base.html" %}
+{% import 'macros/training_macros.html' as training_macros %}
+
+{% block title %}Training Experiments{% endblock %}
+
+{% block content %}
+<div class="container mx-auto px-4 py-12">
+    <div class="mb-12">
+        <div class="flex items-center justify-between mb-8">
+            <div>
+                <h1 class="text-5xl font-bold medperf-accent dark:text-green-400 mb-3" data-testid="page-header">Training Experiments</h1>
+                <p class="text-gray-700 dark:text-gray-300 text-lg">Manage and explore training experiments</p>
+            </div>
+            <a class="px-8 py-4 medperf-bg dark:bg-green-600 text-white rounded-xl font-bold hover:bg-green-700 dark:hover:bg-green-500 transition-all shadow-lg hover:shadow-xl inline-flex items-center" href="/training/register/ui" data-testid="reg-training-btn">
+                <i class="fas fa-plus mr-2"></i>Register New Training Experiment
+            </a>
+        </div>
+        <div class="bg-white dark:bg-gray-800 p-5 rounded-xl shadow-md border-2 border-green-100 dark:border-gray-700 inline-flex">
+            <label class="relative inline-flex items-center cursor-pointer">
+                <input type="checkbox" class="sr-only peer" id="switch" data-entity-name="training" {% if mine_only %}checked{% endif %}>
+                <div class="w-14 h-7 bg-gray-200 dark:bg-gray-600 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-green-300 dark:peer-focus:ring-green-800 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:rounded-full after:h-6 after:w-6 after:transition-all peer-checked:bg-green-600"></div>
+                <span class="ml-4 text-gray-700 dark:text-gray-300 font-semibold">Show only my experiments</span>
+            </label>
+        </div>
+    </div>
+
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" data-testid="cards-container">
+        {% if experiments %}
+        {% for exp in experiments %}
+        {{ training_macros.training_experiment_card(exp) }}
+        {% endfor %}
+        {% else %}
+        <h3 class="col-span-full text-center py-12 text-gray-600 dark:text-gray-400 text-xl" data-testid="no-exps-msg">No training experiments yet</h3>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<script>
+    document.getElementById("switch").addEventListener("change", function() { getEntities(this); });
+</script>
+{% endblock %}
diff --git a/cli/medperf/web_ui/tests/e2e/functions/common.py b/cli/medperf/web_ui/tests/e2e/functions/common.py
index 478bbe7cc..19691a64b 100644
--- a/cli/medperf/web_ui/tests/e2e/functions/common.py
+++ b/cli/medperf/web_ui/tests/e2e/functions/common.py
@@ -18,7 +18,6 @@ def login(page: BasePage, url: str, email: str):
     page.wait_for_visibility_element(page_modal)
 
     assert page.get_text(page.PAGE_MODAL_TITLE) == "Confirmation Prompt"
-    assert email in page.get_text(page.CONFIRM_TEXT)
 
     old_url = page.current_url
     page.confirm_run_task()
@@ -26,7 +25,7 @@ def login(page: BasePage, url: str, email: str):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Successfully Logged In"
+    assert page.get_text(page.PAGE_MODAL_TITLE) == "Logged in successfully"
 
     page.wait_for_staleness_element(page_modal)
     page.wait_for_url_change(old_url)
diff --git a/cli/medperf/web_ui/tests/e2e/test_medperf_tutorial_workflow.py b/cli/medperf/web_ui/tests/e2e/test_medperf_tutorial_workflow.py
index d98892b3e..3d00a549b 100644
--- a/cli/medperf/web_ui/tests/e2e/test_medperf_tutorial_workflow.py
+++ b/cli/medperf/web_ui/tests/e2e/test_medperf_tutorial_workflow.py
@@ -129,7 +129,10 @@ def test_benchmark_register_data_prep_container(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Container Registered Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Registering container completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
     page.wait_for_url_change(old_url)
@@ -138,7 +141,7 @@ def test_benchmark_register_data_prep_container(driver):
 
 
 @pytest.mark.dependency(name="register_ref_model", depends=["register_data_prep"])
-def test_benchmark_register_reference_model_container(driver):
+def test_benchmark_register_reference_model(driver):
     page = RegContainerPage(driver)
     page.open(BASE_URL.format("/containers/ui"))
 
@@ -170,7 +173,10 @@ def test_benchmark_register_reference_model_container(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Container Registered Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Registering container completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
     page.wait_for_url_change(old_url)
@@ -211,7 +217,10 @@ def test_benchmark_register_metrics_container(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Container Registered Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Registering container completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
     page.wait_for_url_change(old_url)
@@ -259,7 +268,10 @@ def test_benchmark_registration(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Benchmark Successfully Registered"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Registering benchmark completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
     page.wait_for_url_change(old_url)
@@ -332,7 +344,10 @@ def test_dataset_registration(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Dataset Registered Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Registering dataset completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
     page.wait_for_url_change(old_url)
@@ -363,7 +378,10 @@ def test_dataset_preparation(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Dataset Prepared Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Preparing dataset completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
 
@@ -405,7 +423,8 @@ def test_dataset_set_operational(driver):
         time.sleep(0.2)
 
     assert (
-        page.get_text(page.PAGE_MODAL_TITLE) == "Dataset Set to Operation Successfully"
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Setting dataset to operational completed successfully"
     )
 
     page.wait_for_staleness_element(page_modal)
@@ -420,6 +439,7 @@ def test_dataset_association(driver):
     page = DatasetDetailsPage(
         driver, dataset=tests_config.DATASET_NAME, benchmark=tests_config.BMK_NAME
     )
+    page.open(BASE_URL.format("/datasets/ui/display/1"))
 
     page_modal = page.find(page.PAGE_MODAL)
     panel = page.find(page.PANEL)
@@ -436,7 +456,9 @@ def test_dataset_association(driver):
     page.wait_for_visibility_element(page_modal)
 
     assert page.is_confirmation_modal() is True
-    assert "request dataset association?" in page.get_text(page.CONFIRM_TEXT)
+    assert "request association with this benchmark?" in page.get_text(
+        page.CONFIRM_TEXT
+    )
 
     page.confirm_run_task()
     page.wait_for_visibility_element(panel)
@@ -452,7 +474,10 @@ def test_dataset_association(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Association Requested Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Requesting association completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
 
@@ -484,7 +509,10 @@ def test_dataset_get_certificate(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Certificate Retrieved Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Getting Client Certificate completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
 
@@ -526,7 +554,10 @@ def test_dataset_submit_certificate(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Certificate Submitted Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Submitting Client Certificate completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
 
@@ -549,8 +580,8 @@ def test_model_login(driver):
     login(page=page, url=url, email=tests_config.MODEL_OWNER_EMAIL)
 
 
-@pytest.mark.dependency(name="container_registration", depends=["model_login"])
-def test_container_registration(driver):
+@pytest.mark.dependency(name="model_registration", depends=["model_login"])
+def test_model_registration(driver):
     page = RegContainerPage(driver)
     page.open(BASE_URL.format("/containers/ui"))
 
@@ -582,7 +613,10 @@ def test_container_registration(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Container Registered Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Registering container completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
     page.wait_for_url_change(old_url)
@@ -590,10 +624,8 @@ def test_container_registration(driver):
     assert "/models/ui/display/" in page.current_url
 
 
-@pytest.mark.dependency(
-    name="container_association", depends=["container_registration"]
-)
-def test_container_association(driver):
+@pytest.mark.dependency(name="model_association", depends=["model_registration"])
+def test_model_association(driver):
     page = ContainerDetailsPage(
         driver,
         container=tests_config.MODEL.name,
@@ -614,7 +646,9 @@ def test_container_association(driver):
     page.wait_for_visibility_element(page_modal)
 
     assert page.is_confirmation_modal() is True
-    assert "request model association?" in page.get_text(page.CONFIRM_TEXT)
+    assert "request model association with this benchmark?" in page.get_text(
+        page.CONFIRM_TEXT
+    )
 
     page.confirm_run_task()
     page.wait_for_visibility_element(panel)
@@ -630,7 +664,10 @@ def test_container_association(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Association Requested Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Requesting model association completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
 
@@ -639,9 +676,9 @@ def test_container_association(driver):
 
 
 @pytest.mark.dependency(
-    name="encrypted_container_registration", depends=["container_association"]
+    name="encrypted_model_registration", depends=["model_association"]
 )
-def test_encrypted_container_registration(driver):
+def test_encrypted_model_registration(driver):
     page = RegContainerPage(driver)
     page.open(BASE_URL.format("/containers/ui"))
 
@@ -676,7 +713,10 @@ def test_encrypted_container_registration(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Container Registered Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Registering container completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
     page.wait_for_url_change(old_url)
@@ -685,9 +725,9 @@ def test_encrypted_container_registration(driver):
 
 
 @pytest.mark.dependency(
-    name="encrypted_container_association", depends=["encrypted_container_registration"]
+    name="encrypted_model_association", depends=["encrypted_model_registration"]
 )
-def test_encrypted_container_association(driver):
+def test_encrypted_model_association(driver):
     page = ContainerDetailsPage(
         driver,
         container=tests_config.ENCRYPTED_MODEL.name,
@@ -708,7 +748,9 @@ def test_encrypted_container_association(driver):
     page.wait_for_visibility_element(page_modal)
 
     assert page.is_confirmation_modal() is True
-    assert "request model association?" in page.get_text(page.CONFIRM_TEXT)
+    assert "request model association with this benchmark?" in page.get_text(
+        page.CONFIRM_TEXT
+    )
 
     page.confirm_run_task()
     page.wait_for_visibility_element(panel)
@@ -724,7 +766,10 @@ def test_encrypted_container_association(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Association Requested Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Requesting model association completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
 
@@ -732,9 +777,7 @@ def test_encrypted_container_association(driver):
     assert tests_config.BMK_NAME in page.get_association_cards_titles()
 
 
-@pytest.mark.dependency(
-    name="model_logout", depends=["encrypted_container_association"]
-)
+@pytest.mark.dependency(name="model_logout", depends=["encrypted_model_association"])
 def test_model_logout(driver):
     page = BasePage(driver)
     page.open(BASE_URL.format("/benchmarks/ui"))
@@ -780,7 +823,10 @@ def test_benchmark_approve_dataset(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Association Approved Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Approving association completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
 
@@ -788,9 +834,9 @@ def test_benchmark_approve_dataset(driver):
 
 
 @pytest.mark.dependency(
-    name="benchmark_approve_container", depends=["benchmark_approve_dataset"]
+    name="benchmark_approve_model", depends=["benchmark_approve_dataset"]
 )
-def test_benchmark_approve_container(driver):
+def test_benchmark_approve_model(driver):
     page = BenchmarkDetailsPage(
         driver,
         benchmark=tests_config.BMK_NAME,
@@ -813,7 +859,10 @@ def test_benchmark_approve_container(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Association Approved Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Approving association completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
 
@@ -821,10 +870,10 @@ def test_benchmark_approve_container(driver):
 
 
 @pytest.mark.dependency(
-    name="benchmark_approve_encrypted_container",
-    depends=["benchmark_approve_container"],
+    name="benchmark_approve_encrypted_model",
+    depends=["benchmark_approve_model"],
 )
-def test_benchmark_approve_encrypted_container(driver):
+def test_benchmark_approve_encrypted_model(driver):
     page = BenchmarkDetailsPage(
         driver,
         benchmark=tests_config.BMK_NAME,
@@ -847,7 +896,10 @@ def test_benchmark_approve_encrypted_container(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Association Approved Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Approving association completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
 
@@ -855,7 +907,7 @@ def test_benchmark_approve_encrypted_container(driver):
 
 
 @pytest.mark.dependency(
-    name="benchmark_logout1", depends=["benchmark_approve_encrypted_container"]
+    name="benchmark_logout1", depends=["benchmark_approve_encrypted_model"]
 )
 def test_benchmark_logout1(driver):
     page = BasePage(driver)
@@ -909,7 +961,7 @@ def test_container_grant_access(driver):
     page.wait_for_visibility_element(page_modal)
 
     assert page.is_confirmation_modal() is True
-    assert "grant access to the emails added?" in page.get_text(page.CONFIRM_TEXT)
+    assert "grant access to the email(s) added?" in page.get_text(page.CONFIRM_TEXT)
 
     page.confirm_run_task()
     page.wait_for_visibility_element(panel)
@@ -925,8 +977,7 @@ def test_container_grant_access(driver):
         time.sleep(0.2)
 
     assert (
-        page.get_text(page.PAGE_MODAL_TITLE)
-        == "Successfully Granted Access to the Selected Users"
+        page.get_text(page.PAGE_MODAL_TITLE) == "Granting access completed successfully"
     )
 
     page.wait_for_staleness_element(page_modal)
@@ -983,7 +1034,10 @@ def test_dataset_run_execution(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Execution Ran Successfully"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE)
+        == "Running benchmark execution completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
 
@@ -1036,7 +1090,10 @@ def test_dataset_submit_results(driver):
         while not page_modal.is_displayed():
             time.sleep(0.2)
 
-        assert page.get_text(page.PAGE_MODAL_TITLE) == "Results Successfully Submitted"
+        assert (
+            page.get_text(page.PAGE_MODAL_TITLE)
+            == "Submitting result completed successfully"
+        )
 
         page.wait_for_staleness_element(page_modal)
 
@@ -1137,7 +1194,9 @@ def test_container_delete_keys(driver):
     while not page_modal.is_displayed():
         time.sleep(0.2)
 
-    assert page.get_text(page.PAGE_MODAL_TITLE) == "Successfully Deleted Keys"
+    assert (
+        page.get_text(page.PAGE_MODAL_TITLE) == "Deleting keys completed successfully"
+    )
 
     page.wait_for_staleness_element(page_modal)
 
diff --git a/cli/medperf/web_ui/tests/pages/base_page.py b/cli/medperf/web_ui/tests/pages/base_page.py
index 6159daf5f..9348e673d 100644
--- a/cli/medperf/web_ui/tests/pages/base_page.py
+++ b/cli/medperf/web_ui/tests/pages/base_page.py
@@ -4,8 +4,8 @@
 
 
 class BasePage:
-    NAVBAR = (By.CSS_SELECTOR, "nav.navbar")
-    USER_DROPDOWN = (By.ID, "userDropdown")
+    NAVBAR = (By.CSS_SELECTOR, "nav[data-testid='navbar']")
+    USER_DROPDOWN = (By.CSS_SELECTOR, "button[data-testid='user-menu-button']")
     LOGOUT_BTN = (By.ID, "logout-btn")
     PAGE_MODAL = (By.ID, "page-modal")
     PAGE_MODAL_TITLE = (By.ID, "page-modal-title")
diff --git a/cli/medperf/web_ui/tests/pages/benchmark/details_page.py b/cli/medperf/web_ui/tests/pages/benchmark/details_page.py
index b69ad4bfd..b773edb78 100644
--- a/cli/medperf/web_ui/tests/pages/benchmark/details_page.py
+++ b/cli/medperf/web_ui/tests/pages/benchmark/details_page.py
@@ -3,17 +3,24 @@
 
 
 class BenchmarkDetailsPage(BasePage):
-    DATASETS_TITLE = (By.ID, "datasets-associations-title")
+    DATASETS_ASSOCIATIONS_BTN = (
+        By.CSS_SELECTOR,
+        "button[data-testid='datasets-associations-btn']",
+    )
     DATASETS_ASSOCIATIONS = (By.ID, "datasets-associations")
 
-    MODELS_TITLE = (By.ID, "models-associations-title")
+    MODELS_ASSOCIATIONS_BTN = (
+        By.CSS_SELECTOR,
+        "button[data-testid='models-associations-btn']",
+    )
     MODELS_ASSOCIATIONS = (By.ID, "models-associations")
 
-    RESULTS_TITLE = (By.ID, "benchmark-results-title")
+    RESULTS_BTN = (By.CSS_SELECTOR, "button[data-testid='benchmark-results-btn']")
     RESULTS = (By.ID, "benchmark-results")
 
-    RESULT_MODAL = (By.ID, "result-modal")
-    CLOSE_BTN = (By.CSS_SELECTOR, 'button[data-bs-dismiss="modal"][aria-label="Close"]')
+    RESULT_MODAL = (By.ID, "page-modal")
+    # New design: result modal uses page-modal, footer has button.close-modal-btn
+    CLOSE_BTN = (By.CSS_SELECTOR, "#page-modal-footer button.close-modal-btn")
 
     RESULT_BTN = (By.CLASS_NAME, "view-result-btn")
 
@@ -25,18 +32,18 @@ def __init__(self, driver, benchmark, entity_name=""):
         )
         self.APPROVE_BTN = (
             By.XPATH,
-            f'//div[contains(@class,"association-card")] [.//h5[contains(text(), "{entity_name}")]]'
-            + ' //button[@data-action-name="approve"]',
+            f'//div[@data-testid="associated-benchmark-item"][.//a[contains(normalize-space(.), "{entity_name}")]]'
+            '//form[contains(@action,"/benchmarks/approve")]//button[normalize-space(text())="Approve"]',
         )
 
     def approve_dataset(self):
-        self.click(self.DATASETS_TITLE)
+        self.click(self.DATASETS_ASSOCIATIONS_BTN)
         associations = self.find(self.DATASETS_ASSOCIATIONS)
         self.wait_for_visibility_element(associations)
         self.click(self.APPROVE_BTN)
 
     def approve_container(self):
-        self.click(self.MODELS_TITLE)
+        self.click(self.MODELS_ASSOCIATIONS_BTN)
         associations = self.find(self.MODELS_ASSOCIATIONS)
         self.wait_for_visibility_element(associations)
         self.click(self.APPROVE_BTN)
@@ -50,8 +57,9 @@ def __view_result(self, result_btn):
         self.wait_for_invisibility_element(view_modal)
 
     def view_results(self):
-        self.click(self.RESULTS_TITLE)
+        self.click(self.RESULTS_BTN)
         associations = self.find(self.RESULTS)
         self.wait_for_visibility_element(associations)
         for result_btn in associations.find_elements(*self.RESULT_BTN):
             self.__view_result(result_btn)
+            self.click(self.RESULTS_BTN)
diff --git a/cli/medperf/web_ui/tests/pages/container/details_page.py b/cli/medperf/web_ui/tests/pages/container/details_page.py
index 84663fcc8..73f5babea 100644
--- a/cli/medperf/web_ui/tests/pages/container/details_page.py
+++ b/cli/medperf/web_ui/tests/pages/container/details_page.py
@@ -4,8 +4,11 @@
 
 class ContainerDetailsPage(BasePage):
     DROPDOWN_BTN = (By.ID, "associate-dropdown-btn")
-    ASSOCIATION_CARDS = (By.CSS_SELECTOR, "div.card.association-card .card-title > a")
-    MANAGE_ACCESS = (By.CSS_SELECTOR, "a[data-test-id='manage-access']")
+    ASSOCIATION_CARDS = (
+        By.CSS_SELECTOR,
+        "div[data-testid='benchmark-associations'] div[data-testid='associated-benchmark-item'] a",
+    )
+    MANAGE_ACCESS = (By.CSS_SELECTOR, "a[data-testid='manage-access']")
 
     BENCHMARK = (By.ID, "benchmark")
     EMAILS = (By.ID, "email-input")
@@ -16,11 +19,11 @@ def __init__(self, driver, container, benchmark):
         super().__init__(driver)
         self.CONTAINER_BTN = (
             By.XPATH,
-            f'//h5//a[@data-testid="cont-name" and contains(text(), "{container}")]',
+            f'//h3//a[@data-testid="cont-name" and contains(text(), "{container}")]',
         )
         self.ASSOCIATE_BTN = (
             By.XPATH,
-            f'//li[.//strong[contains(text(), "{benchmark}")]]//button[contains(@class, "request-association-btn")]',
+            f'//div[div[contains(text(), "{benchmark}")]]//button[@data-testid="request-bmk-association"]',
         )
 
     def request_association(self):
diff --git a/cli/medperf/web_ui/tests/pages/dataset/details_page.py b/cli/medperf/web_ui/tests/pages/dataset/details_page.py
index c2fc8a511..8f031bbf1 100644
--- a/cli/medperf/web_ui/tests/pages/dataset/details_page.py
+++ b/cli/medperf/web_ui/tests/pages/dataset/details_page.py
@@ -5,47 +5,42 @@
 class DatasetDetailsPage(BasePage):
 
     PREPARE_BTN = (By.ID, "prepare-dataset")
-    PREPARED_TEXT = (
-        By.XPATH,
-        '//div[contains(@class, "bottom-buttons-panel")]'
-        + '//span[contains(@class, "text-success") and contains(text(), "Prepared")]',
-    )
+    PREPARED_TEXT = (By.CSS_SELECTOR, 'div[data-testid="prepared-section"]')
 
     SET_OPERATIONAL_BTN = (By.ID, "set-operational")
-    SET_OPERATIONAL_TEXT = (
-        By.XPATH,
-        '//div[contains(@class, "bottom-buttons-panel")]'
-        + '//span[contains(@class, "text-success") and contains(text(), "Operational")]',
-    )
+    SET_OPERATIONAL_TEXT = (By.CSS_SELECTOR, 'div[data-testid="operational-section"]')
 
     DROPDOWN_BTN = (By.ID, "associate-dropdown-btn")
-    ASSOCIATION_CARDS = (By.CSS_SELECTOR, "div.benchmark-section li a")
+    ASSOCIATION_CARDS = (
+        By.CSS_SELECTOR,
+        "div[data-testid='benchmark-associations'] div[data-testid='associated-benchmark-item'] a",
+    )
 
-    CLOSE_BTN = (By.CSS_SELECTOR, 'button[data-bs-dismiss="modal"][aria-label="Close"]')
+    CLOSE_BTN = (By.CSS_SELECTOR, "#page-modal-footer button.close-modal-btn")
 
     def __init__(self, driver, dataset, benchmark=""):
         super().__init__(driver)
         self.DATASET_NAME_BTN = (
             By.XPATH,
-            f'//h5//a[@data-testid="dset-name" and contains(text(), "{dataset}")]',
+            f'//h3//a[@data-testid="dset-name" and contains(text(), "{dataset}")]',
         )
         self.RUN_BTN = (
             By.XPATH,
-            f'//div[contains(@class,"card")][.//h4//a/strong[text()="{benchmark}"]]'
-            + '//button[contains(@class,"run-all-btn")]',
+            f'//div[.//h4//a/strong[contains(normalize-space(.), "{benchmark}")]]//button[contains(@class,"run-all-btn")]',
         )
         self.VIEW_BTNS = (
             By.XPATH,
-            f'//div[contains(@class,"card")][.//h4//a/strong[text()="{benchmark}"]]//button[contains(text(),"View Result")]',
+            f'//div[.//h4//a/strong[contains(normalize-space(.), "{benchmark}")]]//button[contains(@class,"view-result-btn")]',
         )
         self.SUBMIT_BTNS = (
             By.XPATH,
-            f'//div[contains(@class,"card")][.//h4//a/strong[text()="{benchmark}"]]//button[contains(text(),"Submit")]',
+            f'//div[.//h4//a/strong[contains(normalize-space(.), "{benchmark}")]]'
+            + '//form[contains(@action,"submit_result")]//button',
         )
 
         self.ASSOCIATE_BTN = (
             By.XPATH,
-            f'//li[.//strong[contains(text(), "{benchmark}")]]//button[contains(@class, "request-association-btn")]',
+            f'//div[.//div[contains(normalize-space(.), "{benchmark}")]]//button[@data-testid="request-bmk-association"]',
         )
 
     def prepare_dataset(self):
diff --git a/cli/medperf/web_ui/tests/pages/login_page.py b/cli/medperf/web_ui/tests/pages/login_page.py
index d98daf11d..b86ed896e 100644
--- a/cli/medperf/web_ui/tests/pages/login_page.py
+++ b/cli/medperf/web_ui/tests/pages/login_page.py
@@ -8,7 +8,7 @@ class LoginPage(BasePage):
     EMAIL_LABEL = (By.CSS_SELECTOR, 'label[for="email"]')
     EMAIL = (By.ID, "email")
     LOGIN = (By.ID, "medperf-login-btn")
-    NOT_LOGGED_IN_ALERT = (By.CSS_SELECTOR, "div.alert.alert-danger")
+    NOT_LOGGED_IN_ALERT = (By.CSS_SELECTOR, "div[data-testid='login-error']")
     CONFIRM_TEXT = (By.ID, "confirm-text")
 
     def login(self, email):
diff --git a/cli/medperf/web_ui/training/routes.py b/cli/medperf/web_ui/training/routes.py
new file mode 100644
index 000000000..ee98ae10e
--- /dev/null
+++ b/cli/medperf/web_ui/training/routes.py
@@ -0,0 +1,487 @@
+import logging
+import os
+from typing import Optional
+
+import yaml
+from fastapi import APIRouter, Depends, Form, Request
+from fastapi.responses import HTMLResponse, JSONResponse
+
+import medperf.config as config
+from medperf.account_management import get_medperf_user_data
+from medperf.commands.association.approval import Approval
+from medperf.commands.association.utils import get_experiment_associations
+from medperf.commands.training.submit import SubmitTrainingExp
+from medperf.commands.training.set_plan import SetPlan
+from medperf.commands.training.start_event import StartEvent
+from medperf.commands.training.get_experiment_status import GetExperimentStatus
+from medperf.commands.training.update_plan import UpdatePlan
+from medperf.commands.training.close_event import CloseEvent
+from medperf.commands.training.set_aggregator import SetAggregator
+from medperf.entities.training_exp import TrainingExp
+from medperf.entities.aggregator import Aggregator
+from medperf.entities.dataset import Dataset
+from medperf.entities.cube import Cube
+from medperf.enums import Status
+from medperf.web_ui.common import (
+    check_user_api,
+    check_user_ui,
+    initialize_state_task,
+    reset_state_task,
+    sort_associations_display,
+    templates,
+)
+from medperf.web_ui.utils import get_container_type
+
+router = APIRouter()
+logger = logging.getLogger(__name__)
+
+
+@router.get("/register/ui", response_class=HTMLResponse)
+def register_training_ui(
+    request: Request,
+    current_user: bool = Depends(check_user_ui),
+):
+    my_user_id = get_medperf_user_data()["id"]
+    filters = {"owner": my_user_id}
+    my_containers = Cube.all(filters=filters)
+    containers = []
+    for container in my_containers:
+        container_obj = {
+            "id": container.id,
+            "name": container.name,
+            "type": get_container_type(container),
+        }
+        containers.append(container_obj)
+    data_prep_containers = [c for c in containers if c["type"] == "data-prep-container"]
+    all_containers = [c for c in containers if c not in data_prep_containers]
+    return templates.TemplateResponse(
+        "training/register_training_experiment.html",
+        {
+            "request": request,
+            "data_prep_containers": data_prep_containers,
+            "all_containers": all_containers,
+        },
+    )
+
+
+@router.post("/register", response_class=JSONResponse)
+def register_training(
+    request: Request,
+    name: str = Form(...),
+    description: str = Form(""),
+    docs_url: str = Form(""),
+    data_preparation_container: str = Form(...),
+    fl_container: str = Form(...),
+    fl_admin_container: Optional[str] = Form(None),
+    operational: str = Form(""),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="register_training_experiment")
+    return_response = {"status": "", "error": "", "entity_id": None}
+    training_id = None
+    try:
+        training_exp_info = {
+            "name": name,
+            "description": description or "",
+            "docs_url": (docs_url or "").strip() or None,
+            "demo_dataset_tarball_url": "link",
+            "demo_dataset_tarball_hash": "hash",
+            "demo_dataset_generated_uid": "uid",
+            "data_preparation_mlcube": int(data_preparation_container),
+            "fl_mlcube": int(fl_container),
+            "fl_admin_mlcube": int(fl_admin_container) if fl_admin_container else None,
+            "state": (
+                "OPERATION"
+                if (operational and operational.lower() == "true")
+                else "DEVELOPMENT"
+            ),
+        }
+        training_id = SubmitTrainingExp.run(training_exp_info)
+        return_response["status"] = "success"
+        return_response["entity_id"] = training_id
+        notification_message = "Training experiment successfully registered"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to register training experiment"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=(
+            f"/training/ui/display/{training_id}"
+            if training_id
+            else "/training/register/ui"
+        ),
+    )
+    return return_response
+
+
+@router.get("/ui", response_class=HTMLResponse)
+def training_ui(
+    request: Request,
+    mine_only: bool = False,
+    current_user: bool = Depends(check_user_ui),
+):
+    filters = {}
+    my_user_id = get_medperf_user_data()["id"]
+    if mine_only:
+        filters["owner"] = my_user_id
+
+    experiments = TrainingExp.all(filters=filters)
+    experiments = sorted(experiments, key=lambda x: x.created_at or "", reverse=True)
+    mine_exps = [e for e in experiments if e.owner == my_user_id]
+    other_exps = [e for e in experiments if e.owner != my_user_id]
+    experiments = mine_exps + other_exps
+
+    return templates.TemplateResponse(
+        "training/training_experiments.html",
+        {"request": request, "experiments": experiments, "mine_only": mine_only},
+    )
+
+
+@router.get("/ui/display/{training_id}", response_class=HTMLResponse)
+def training_detail_ui(  # noqa
+    request: Request,
+    training_id: int,
+    current_user: bool = Depends(check_user_ui),
+):
+    entity = TrainingExp.get(training_id)
+    my_user_id = get_medperf_user_data()["id"]
+    is_owner = entity.owner == my_user_id
+
+    # Containers
+    prep_cube = Cube.get(cube_uid=entity.data_preparation_mlcube)
+    fl_cube = Cube.get(cube_uid=entity.fl_mlcube)
+    fl_admin_cube = (
+        Cube.get(cube_uid=entity.fl_admin_mlcube) if entity.fl_admin_mlcube else None
+    )
+
+    # Dataset associations (for owner: show pending and approved)
+    dataset_associations = []
+    datasets = {}
+    dataset_assoc_pending = False
+    try:
+        dataset_associations = get_experiment_associations(
+            experiment_id=training_id,
+            experiment_type="training_exp",
+            component_type="dataset",
+        )
+        dataset_associations = sort_associations_display(dataset_associations)
+        dataset_assoc_pending = any(
+            a.get("approval_status") == "PENDING" for a in dataset_associations
+        )
+        for a in dataset_associations:
+            if a.get("dataset"):
+                try:
+                    datasets[a["dataset"]] = Dataset.get(a["dataset"])
+                except Exception:
+                    pass
+    except Exception as e:
+        logger.warning("Could not load training dataset associations: %s", e)
+
+    # Aggregator (one per experiment, from server)
+    aggregator = None
+    try:
+        agg_meta = config.comms.get_experiment_aggregator(training_id)
+        if agg_meta:
+            aggregator = Aggregator(**agg_meta)
+    except Exception:
+        pass
+
+    # Current event: show Start vs Close based on whether there's an active (non-finished) event
+    has_active_event = False
+    try:
+        event_meta = config.comms.get_experiment_event(training_id)
+        if event_meta and not event_meta.get("finished", True):
+            has_active_event = True
+    except Exception:
+        pass
+
+    # For owner: list of aggregators to choose from when adding aggregator
+    available_aggregators = []
+    if is_owner:
+        try:
+            available_aggregators = Aggregator.all()
+            available_aggregators = sorted(
+                available_aggregators,
+                key=lambda a: (a.owner != my_user_id, a.name or ""),
+            )
+        except Exception:
+            pass
+
+    plan_exists = bool(entity.plan)
+
+    return templates.TemplateResponse(
+        "training/training_experiment_detail.html",
+        {
+            "request": request,
+            "entity": entity,
+            "prep_cube": prep_cube,
+            "fl_cube": fl_cube,
+            "fl_admin_cube": fl_admin_cube,
+            "dataset_associations": dataset_associations,
+            "datasets": datasets,
+            "dataset_assoc_pending": dataset_assoc_pending,
+            "aggregator": aggregator,
+            "is_owner": is_owner,
+            "has_active_event": has_active_event,
+            "available_aggregators": available_aggregators,
+            "plan_exists": plan_exists,
+        },
+    )
+
+
+@router.post("/set_plan", response_class=JSONResponse)
+def set_plan(
+    request: Request,
+    training_exp_id: int = Form(...),
+    path: str = Form(...),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="set_training_plan")
+    return_response = {"status": "", "error": ""}
+    try:
+        SetPlan.run(training_exp_id, path)
+        return_response["status"] = "success"
+        notification_message = "Training plan set successfully"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to set training plan"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    redirect_url = f"/training/ui/display/{training_exp_id}"
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=redirect_url,
+    )
+    return return_response
+
+
+@router.post("/add_aggregator", response_class=JSONResponse)
+def add_aggregator(
+    request: Request,
+    training_exp_id: int = Form(...),
+    aggregator_id: int = Form(...),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="set_training_aggregator")
+    return_response = {"status": "", "error": ""}
+    try:
+        SetAggregator.run(training_exp_id, aggregator_id)
+        return_response["status"] = "success"
+        notification_message = "Aggregator set successfully"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to set aggregator"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    redirect_url = f"/training/ui/display/{training_exp_id}"
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=redirect_url,
+    )
+    return return_response
+
+
+@router.post("/start_event", response_class=JSONResponse)
+def start_event(
+    request: Request,
+    training_exp_id: int = Form(...),
+    event_name: str = Form(...),
+    participants_list_file: Optional[str] = Form(None),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="start_training_event")
+    return_response = {"status": "", "error": ""}
+    try:
+        StartEvent.run(
+            training_exp_id, event_name, participants_list_file=participants_list_file
+        )
+        return_response["status"] = "success"
+        notification_message = "Training event started successfully"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to start training event"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    redirect_url = f"/training/ui/display/{training_exp_id}"
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=redirect_url,
+    )
+    return return_response
+
+
+@router.post("/get_experiment_status", response_class=JSONResponse)
+def get_experiment_status(
+    request: Request,
+    training_exp_id: int = Form(...),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="get_training_status")
+    return_response = {"status": "", "error": "", "status_content": None}
+    try:
+        GetExperimentStatus.run(training_exp_id, silent=True)
+        exp = TrainingExp.get(training_exp_id)
+        if exp.status_path and os.path.exists(exp.status_path):
+            with open(exp.status_path) as f:
+                return_response["status_content"] = yaml.safe_load(f)
+        return_response["status"] = "success"
+        notification_message = "Experiment status retrieved"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to get experiment status"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    redirect_url = f"/training/ui/display/{training_exp_id}"
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=redirect_url,
+    )
+    return return_response
+
+
+@router.post("/update_plan", response_class=JSONResponse)
+def update_plan(
+    request: Request,
+    training_exp_id: int = Form(...),
+    field_name: str = Form(...),
+    field_value: str = Form(...),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="update_training_plan")
+    return_response = {"status": "", "error": ""}
+    try:
+        UpdatePlan.run(training_exp_id, field_name, field_value)
+        return_response["status"] = "success"
+        notification_message = "Plan updated successfully"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to update plan"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    redirect_url = f"/training/ui/display/{training_exp_id}"
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=redirect_url,
+    )
+    return return_response
+
+
+@router.post("/close_event", response_class=JSONResponse)
+def close_event(
+    request: Request,
+    training_exp_id: int = Form(...),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="close_training_event")
+    return_response = {"status": "", "error": ""}
+    try:
+        CloseEvent.run(training_exp_id)
+        return_response["status"] = "success"
+        notification_message = "Event closed successfully"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to close event"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    redirect_url = f"/training/ui/display/{training_exp_id}"
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=redirect_url,
+    )
+    return return_response
+
+
+@router.post("/approve", response_class=JSONResponse)
+def approve_association(
+    request: Request,
+    training_exp_id: int = Form(...),
+    dataset_id: Optional[int] = Form(None),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="approve_training_dataset_association")
+    return_response = {"status": "", "error": ""}
+    try:
+        Approval.run(
+            training_exp_uid=training_exp_id,
+            approval_status=Status.APPROVED,
+            dataset_uid=dataset_id,
+        )
+        return_response["status"] = "success"
+        notification_message = "Association approved"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to approve association"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=f"/training/ui/display/{training_exp_id}",
+    )
+    return return_response
+
+
+@router.post("/reject", response_class=JSONResponse)
+def reject_association(
+    request: Request,
+    training_exp_id: int = Form(...),
+    dataset_id: Optional[int] = Form(None),
+    current_user: bool = Depends(check_user_api),
+):
+    initialize_state_task(request, task_name="reject_training_dataset_association")
+    return_response = {"status": "", "error": ""}
+    try:
+        Approval.run(
+            training_exp_uid=training_exp_id,
+            approval_status=Status.REJECTED,
+            dataset_uid=dataset_id,
+        )
+        return_response["status"] = "success"
+        notification_message = "Association rejected"
+    except Exception as exp:
+        return_response["status"] = "failed"
+        return_response["error"] = str(exp)
+        notification_message = "Failed to reject association"
+        logger.exception(exp)
+
+    config.ui.end_task(return_response)
+    reset_state_task(request)
+    config.ui.add_notification(
+        message=notification_message,
+        return_response=return_response,
+        url=f"/training/ui/display/{training_exp_id}",
+    )
+    return return_response
diff --git a/cli/requirements.txt b/cli/requirements.txt
index 1c54cb3ba..005e639a4 100644
--- a/cli/requirements.txt
+++ b/cli/requirements.txt
@@ -34,4 +34,5 @@ google-cloud-storage==3.9.0
 google-cloud-iam==2.21.0
 google-cloud-kms==3.11.0
 google-cloud-compute==1.46.0
-google-api-python-client==2.192.0
\ No newline at end of file
+google-api-python-client==2.192.0
+tqdm==4.67.3
\ No newline at end of file
diff --git a/docs/concepts/confidential_computing.md b/docs/concepts/confidential_computing.md
index 341975d34..1945a90d8 100644
--- a/docs/concepts/confidential_computing.md
+++ b/docs/concepts/confidential_computing.md
@@ -15,7 +15,7 @@ In the web UI, login by clicking on the `login` button and follow the required s
 
 ## Get a certificate
 
-1. Navigate to the `settings` page
+1. Navigate to the `settings` page by clicking on the user icon on the top right.
 2. Scroll down to the `Certificate Settings` section.
 3. If you already have a certificate, skip this step. Otherwise, click the button and follow the required steps to get a certificate.
 
@@ -54,7 +54,7 @@ Note: This step should be done in a terminal.
 2. Scroll down to the `Confidential Computing Operator Settings`
 3. Check the box `Configure confidential Computing`
 4. Fill in the required information.
-5. Click `Apply Changes`.
+5. Click `Configure`.
 
 ### Configure Medperf with your Dataset cloud resources settings
 
@@ -62,7 +62,7 @@ Note: This step should be done in a terminal.
 2. Scroll down to the section `Confidential Computing Preferences`.
 3. Check the box `Configure dataset for Confidential Computing`
 4. Fill in the required information.
-5. Click `Apply Changes`.
+5. Click `Configure`.
 6. After step 5, a new button will appear. Click on the new button `Sync CC policy`.
 
 ## What's next?
diff --git a/server/aggregator/urls.py b/server/aggregator/urls.py
index 8641718c7..76fe33ed9 100644
--- a/server/aggregator/urls.py
+++ b/server/aggregator/urls.py
@@ -1,12 +1,10 @@
 from django.urls import path
 from . import views
-import aggregator_association.views as tviews
 
 app_name = "aggregator"
 
 urlpatterns = [
     path("", views.AggregatorList.as_view()),
     path("<int:pk>/", views.AggregatorDetail.as_view()),
-    path("training/", tviews.ExperimentAggregatorList.as_view()),
-    path("<int:pk>/training/<int:tid>/", tviews.AggregatorApproval.as_view()),
+    path("<int:pk>/training_experiments/", views.AggregatorTrainingExperimentList.as_view()),
 ]
diff --git a/server/aggregator/views.py b/server/aggregator/views.py
index 940d87252..2b5e4d4b0 100644
--- a/server/aggregator/views.py
+++ b/server/aggregator/views.py
@@ -5,6 +5,7 @@
 
 from .models import Aggregator
 from .serializers import AggregatorSerializer
+from training.serializers import ReadTrainingExperimentSerializer
 from drf_spectacular.utils import extend_schema
 
 
@@ -33,6 +34,28 @@ def post(self, request, format=None):
         return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
 
 
+class AggregatorTrainingExperimentList(GenericAPIView):
+    serializer_class = ReadTrainingExperimentSerializer
+    queryset = ""
+
+    def get_object(self, pk):
+        try:
+            return Aggregator.objects.get(pk=pk)
+        except Aggregator.DoesNotExist:
+            raise Http404
+
+    @extend_schema(operation_id="aggregator_training_experiments_list")
+    def get(self, request, pk, format=None):
+        """
+        Retrieve training experiments that have this aggregator set.
+        """
+        aggregator = self.get_object(pk)
+        training_exps = aggregator.training_experiments.all()
+        training_exps = self.paginate_queryset(training_exps)
+        serializer = ReadTrainingExperimentSerializer(training_exps, many=True)
+        return self.get_paginated_response(serializer.data)
+
+
 class AggregatorDetail(GenericAPIView):
     serializer_class = AggregatorSerializer
     queryset = ""
diff --git a/server/aggregator_association/admin.py b/server/aggregator_association/admin.py
deleted file mode 100644
index 33bbd2b50..000000000
--- a/server/aggregator_association/admin.py
+++ /dev/null
@@ -1,7 +0,0 @@
-from django.contrib import admin
-from .models import ExperimentAggregator
-
-
-@admin.register(ExperimentAggregator)
-class ExperimentAggregatorAdmin(admin.ModelAdmin):
-    list_display = [field.name for field in ExperimentAggregator._meta.fields]
diff --git a/server/aggregator_association/migrations/0003_delete_experimentaggregator.py b/server/aggregator_association/migrations/0003_delete_experimentaggregator.py
new file mode 100644
index 000000000..eccf2eda0
--- /dev/null
+++ b/server/aggregator_association/migrations/0003_delete_experimentaggregator.py
@@ -0,0 +1,16 @@
+# Generated by Django 4.2.23 on 2026-03-15 20:12
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('aggregator_association', '0002_initial'),
+    ]
+
+    operations = [
+        migrations.DeleteModel(
+            name='ExperimentAggregator',
+        ),
+    ]
diff --git a/server/aggregator_association/models.py b/server/aggregator_association/models.py
deleted file mode 100644
index 3642679c1..000000000
--- a/server/aggregator_association/models.py
+++ /dev/null
@@ -1,27 +0,0 @@
-from django.db import models
-from django.contrib.auth import get_user_model
-
-User = get_user_model()
-
-
-class ExperimentAggregator(models.Model):
-    MODEL_STATUS = (
-        ("PENDING", "PENDING"),
-        ("APPROVED", "APPROVED"),
-        ("REJECTED", "REJECTED"),
-    )
-    aggregator = models.ForeignKey("aggregator.Aggregator", on_delete=models.PROTECT)
-    training_exp = models.ForeignKey(
-        "training.TrainingExperiment", on_delete=models.CASCADE
-    )
-    initiated_by = models.ForeignKey(User, on_delete=models.PROTECT)
-    metadata = models.JSONField(default=dict)
-    approval_status = models.CharField(
-        choices=MODEL_STATUS, max_length=100, default="PENDING"
-    )
-    approved_at = models.DateTimeField(null=True, blank=True)
-    created_at = models.DateTimeField(auto_now_add=True)
-    modified_at = models.DateTimeField(auto_now=True)
-
-    class Meta:
-        ordering = ["created_at"]
diff --git a/server/aggregator_association/permissions.py b/server/aggregator_association/permissions.py
deleted file mode 100644
index a4723b0fe..000000000
--- a/server/aggregator_association/permissions.py
+++ /dev/null
@@ -1,54 +0,0 @@
-from rest_framework.permissions import BasePermission
-from training.models import TrainingExperiment
-from aggregator.models import Aggregator
-
-
-class IsAdmin(BasePermission):
-    def has_permission(self, request, view):
-        return request.user.is_superuser
-
-
-class IsAggregatorOwner(BasePermission):
-    def get_object(self, pk):
-        try:
-            return Aggregator.objects.get(pk=pk)
-        except Aggregator.DoesNotExist:
-            return None
-
-    def has_permission(self, request, view):
-        if request.method == "POST":
-            pk = request.data.get("aggregator", None)
-        else:
-            pk = view.kwargs.get("pk", None)
-        if not pk:
-            return False
-        aggregator = self.get_object(pk)
-        if not aggregator:
-            return False
-        if aggregator.owner.id == request.user.id:
-            return True
-        else:
-            return False
-
-
-class IsExpOwner(BasePermission):
-    def get_object(self, pk):
-        try:
-            return TrainingExperiment.objects.get(pk=pk)
-        except TrainingExperiment.DoesNotExist:
-            return None
-
-    def has_permission(self, request, view):
-        if request.method == "POST":
-            pk = request.data.get("training_exp", None)
-        else:
-            pk = view.kwargs.get("tid", None)
-        if not pk:
-            return False
-        training_exp = self.get_object(pk)
-        if not training_exp:
-            return False
-        if training_exp.owner.id == request.user.id:
-            return True
-        else:
-            return False
diff --git a/server/aggregator_association/serializers.py b/server/aggregator_association/serializers.py
deleted file mode 100644
index 712d7e3b7..000000000
--- a/server/aggregator_association/serializers.py
+++ /dev/null
@@ -1,120 +0,0 @@
-from rest_framework import serializers
-from django.utils import timezone
-from training.models import TrainingExperiment
-
-from .models import ExperimentAggregator
-from utils.associations import (
-    validate_approval_status_on_creation,
-    validate_approval_status_on_update,
-)
-
-
-class ExperimentAggregatorListSerializer(serializers.ModelSerializer):
-    class Meta:
-        model = ExperimentAggregator
-        read_only_fields = ["initiated_by", "approved_at"]
-        fields = "__all__"
-
-    def validate(self, data):
-        tid = self.context["request"].data.get("training_exp")
-        aggregator = self.context["request"].data.get("aggregator")
-        approval_status = self.context["request"].data.get("approval_status", "PENDING")
-
-        training_exp = TrainingExperiment.objects.get(pk=tid)
-
-        # training_exp approval status
-        training_exp_approval_status = training_exp.approval_status
-        if training_exp_approval_status != "APPROVED":
-            raise serializers.ValidationError(
-                "Association requests can be made only on an approved training experiment"
-            )
-
-        # training_exp event status
-        event = training_exp.event
-        if event and not event.finished:
-            raise serializers.ValidationError(
-                "The training experiment does not currently accept associations"
-            )
-
-        # An already approved aggregator
-        exp_aggregator = training_exp.aggregator
-        if exp_aggregator and exp_aggregator.id != aggregator:
-            raise serializers.ValidationError(
-                "The training experiment already has an aggregator"
-            )
-
-        # approval status
-        last_experiment_aggregator = (
-            ExperimentAggregator.objects.filter(
-                training_exp__id=tid, aggregator__id=aggregator
-            )
-            .order_by("-created_at")
-            .first()
-        )
-        validate_approval_status_on_creation(
-            last_experiment_aggregator, approval_status
-        )
-
-        return data
-
-    def create(self, validated_data):
-        approval_status = validated_data.get("approval_status", "PENDING")
-        if approval_status != "PENDING":
-            validated_data["approved_at"] = timezone.now()
-        else:
-            same_owner = (
-                validated_data["aggregator"].owner.id
-                == validated_data["training_exp"].owner.id
-            )
-            if same_owner:
-                validated_data["approval_status"] = "APPROVED"
-                validated_data["approved_at"] = timezone.now()
-        return ExperimentAggregator.objects.create(**validated_data)
-
-
-class AggregatorApprovalSerializer(serializers.ModelSerializer):
-    class Meta:
-        model = ExperimentAggregator
-        read_only_fields = ["initiated_by", "approved_at"]
-        fields = [
-            "approval_status",
-            "initiated_by",
-            "approved_at",
-            "created_at",
-            "modified_at",
-        ]
-
-    def validate(self, data):
-        if not self.instance:
-            raise serializers.ValidationError("No aggregator association found")
-        # check if there is already an approved aggregator
-        exp_aggregator = self.instance.training_exp.aggregator
-        if exp_aggregator and exp_aggregator.id != self.instance.aggregator.id:
-            raise serializers.ValidationError(
-                "The training experiment already has an aggregator"
-            )
-        return data
-
-    def validate_approval_status(self, cur_approval_status):
-        last_approval_status = self.instance.approval_status
-        initiated_user = self.instance.initiated_by
-        current_user = self.context["request"].user
-        validate_approval_status_on_update(
-            last_approval_status, cur_approval_status, initiated_user, current_user
-        )
-
-        event = self.instance.training_exp.event
-        if event and not event.finished:
-            raise serializers.ValidationError(
-                "User cannot approve or reject an association when the experiment is ongoing"
-            )
-        return cur_approval_status
-
-    def update(self, instance, validated_data):
-        if "approval_status" in validated_data:
-            if validated_data["approval_status"] != instance.approval_status:
-                instance.approval_status = validated_data["approval_status"]
-                if instance.approval_status != "PENDING":
-                    instance.approved_at = timezone.now()
-        instance.save()
-        return instance
diff --git a/server/aggregator_association/views.py b/server/aggregator_association/views.py
deleted file mode 100644
index 0ab6dca75..000000000
--- a/server/aggregator_association/views.py
+++ /dev/null
@@ -1,81 +0,0 @@
-from .models import ExperimentAggregator
-from django.http import Http404
-from rest_framework.generics import GenericAPIView
-from rest_framework.response import Response
-from rest_framework import status
-
-from .permissions import IsAdmin, IsAggregatorOwner, IsExpOwner
-from .serializers import (
-    ExperimentAggregatorListSerializer,
-    AggregatorApprovalSerializer,
-)
-
-
-class ExperimentAggregatorList(GenericAPIView):
-    permission_classes = [IsAdmin | IsExpOwner | IsAggregatorOwner]
-    serializer_class = ExperimentAggregatorListSerializer
-    queryset = ""
-
-    def post(self, request, format=None):
-        """
-        Associate a aggregator to a training_exp
-        """
-        serializer = ExperimentAggregatorListSerializer(
-            data=request.data, context={"request": request}
-        )
-        if serializer.is_valid():
-            serializer.save(initiated_by=request.user)
-            return Response(serializer.data, status=status.HTTP_201_CREATED)
-        return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
-
-
-class AggregatorApproval(GenericAPIView):
-    serializer_class = AggregatorApprovalSerializer
-    queryset = ""
-
-    def get_permissions(self):
-        self.permission_classes = [IsAdmin | IsExpOwner | IsAggregatorOwner]
-        if self.request.method == "DELETE":
-            self.permission_classes = [IsAdmin]
-        return super(self.__class__, self).get_permissions()
-
-    def get_object(self, aggregator_id, training_exp_id):
-        try:
-            return ExperimentAggregator.objects.filter(
-                aggregator__id=aggregator_id, training_exp__id=training_exp_id
-            )
-        except ExperimentAggregator.DoesNotExist:
-            raise Http404
-
-    def get(self, request, pk, tid, format=None):
-        """
-        Retrieve approval status of training_exp aggregator associations
-        """
-        training_expaggregator = (
-            self.get_object(pk, tid).order_by("-created_at").first()
-        )
-        serializer = AggregatorApprovalSerializer(training_expaggregator)
-        return Response(serializer.data)
-
-    def put(self, request, pk, tid, format=None):
-        """
-        Update approval status of the last training_exp aggregator association
-        """
-        training_expaggregator = (
-            self.get_object(pk, tid).order_by("-created_at").first()
-        )
-        serializer = AggregatorApprovalSerializer(
-            training_expaggregator, data=request.data, context={"request": request}
-        )
-        if serializer.is_valid():
-            serializer.save()
-            return Response(serializer.data)
-        return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
-
-    def delete(self, request, pk, tid, format=None):
-        """
-        Delete a training_exp aggregator association
-        """
-        training_expaggregator = self.get_object(pk, tid)
-        training_expaggregator.delete()
-        return Response(status=status.HTTP_204_NO_CONTENT)
diff --git a/server/training/migrations/0004_trainingexperiment_aggregator.py b/server/training/migrations/0004_trainingexperiment_aggregator.py
new file mode 100644
index 000000000..599121ed4
--- /dev/null
+++ b/server/training/migrations/0004_trainingexperiment_aggregator.py
@@ -0,0 +1,20 @@
+# Generated by Django 4.2.26 on 2026-02-24 22:15
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('aggregator', '0002_alter_aggregator_name'),
+        ('training', '0003_alter_trainingexperiment_description_and_more'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='trainingexperiment',
+            name='aggregator',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.PROTECT, related_name='training_experiments', to='aggregator.aggregator'),
+        ),
+    ]
diff --git a/server/training/models.py b/server/training/models.py
index 98f28f25c..9dfcba78e 100644
--- a/server/training/models.py
+++ b/server/training/models.py
@@ -47,6 +47,13 @@ class TrainingExperiment(models.Model):
         choices=EXP_STATUS, max_length=100, default="PENDING"
     )
     plan = models.JSONField(blank=True, null=True)
+    aggregator = models.ForeignKey(
+        "aggregator.Aggregator",
+        on_delete=models.PROTECT,
+        related_name="training_experiments",
+        null=True,
+        blank=True,
+    )
 
     user_metadata = models.JSONField(default=dict, blank=True, null=True)
     approved_at = models.DateTimeField(null=True, blank=True)
@@ -60,13 +67,5 @@ def __str__(self):
     def event(self):
         return self.events.all().order_by("created_at").last()
 
-    @property
-    def aggregator(self):
-        aggregator_assoc = (
-            self.experimentaggregator_set.all().order_by("created_at").last()
-        )
-        if aggregator_assoc and aggregator_assoc.approval_status == "APPROVED":
-            return aggregator_assoc.aggregator
-
     class Meta:
         ordering = ["modified_at"]
diff --git a/server/utils/urls.py b/server/utils/urls.py
index 4b4ccd505..15b337e09 100644
--- a/server/utils/urls.py
+++ b/server/utils/urls.py
@@ -21,9 +21,6 @@
         "datasets/training_associations/",
         views.DatasetTrainingAssociationList.as_view(),
     ),
-    path(
-        "aggregators/training_associations/", views.AggregatorAssociationList.as_view()
-    ),
     path("certificates/", views.CertificateList.as_view()),
     path("encrypted_keys/", views.EncryptedKeyList.as_view()),
 ]
diff --git a/server/utils/views.py b/server/utils/views.py
index 837479541..941232043 100644
--- a/server/utils/views.py
+++ b/server/utils/views.py
@@ -29,8 +29,6 @@
 from aggregator.serializers import AggregatorSerializer
 from traindataset_association.models import ExperimentDataset
 from traindataset_association.serializers import ExperimentDatasetListSerializer
-from aggregator_association.models import ExperimentAggregator
-from aggregator_association.serializers import ExperimentAggregatorListSerializer
 from trainingevent.serializers import EventDetailSerializer
 from ca.serializers import CASerializer
 from trainingevent.models import TrainingEvent
@@ -365,28 +363,6 @@ def get(self, request, format=None):
         return self.get_paginated_response(serializer.data)
 
 
-class AggregatorAssociationList(GenericAPIView):
-    serializer_class = ExperimentAggregatorListSerializer
-    queryset = ""
-
-    def get_object(self, pk):
-        try:
-            return ExperimentAggregator.objects.filter(
-                Q(aggregator__owner__id=pk) | Q(training_exp__owner__id=pk)
-            )
-        except ExperimentAggregator.DoesNotExist:
-            raise Http404
-
-    def get(self, request, format=None):
-        """
-        Retrieve all aggregator associations involving an asset of mine
-        """
-        experiment_aggs = self.get_object(request.user.id)
-        experiment_aggs = self.paginate_queryset(experiment_aggs)
-        serializer = ExperimentAggregatorListSerializer(experiment_aggs, many=True)
-        return self.get_paginated_response(serializer.data)
-
-
 class ServerAPIVersion(GenericAPIView):
     permission_classes = (AllowAny,)
     queryset = ""