diff --git a/collectoss/api/README.md b/collectoss/api/README.md
index af8c4561e..9c71cb40d 100644
--- a/collectoss/api/README.md
+++ b/collectoss/api/README.md
@@ -19,7 +19,7 @@ So then Gunicorn uses this app to load the server. Note: Those three lines above
 
 ### Config
 
-The config located in `collectoss/api/gunicorn_conf.py` loads a default configuration and then if the config table in the augur_operation schema contains gunicorn config values they override the defaults. 
+The config located in `collectoss/api/gunicorn_conf.py` loads a default configuration and then if the config table in the operations schema contains gunicorn config values they override the defaults. 
 
 ### Routes
 
diff --git a/collectoss/api/routes/config.py b/collectoss/api/routes/config.py
index c6b68a5d1..c648ec5c8 100644
--- a/collectoss/api/routes/config.py
+++ b/collectoss/api/routes/config.py
@@ -1,21 +1,27 @@
-#SPDX-License-Identifier: MIT
+# SPDX-License-Identifier: MIT
 """
 Creates routes for config functionality
 """
 import logging
-from flask import request, jsonify, current_app
+import httpx
+
 import sqlalchemy as s
+from flask import current_app, jsonify, request
 
 # Disable the requirement for SSL by setting env["COLLECTOSS_DEV"] = True
 from collectoss.application.config import get_development_flag
-from collectoss.application.db.lib import get_session
+from collectoss.application.db.lib import get_session, remove_setting, remove_worker_oauth_key
+from collectoss.api.util import ssl_required, admin_required
 from collectoss.application.db.models import Config
 from collectoss.application.config import SystemConfig
 from collectoss.application.db.session import DatabaseSession
+from collectoss.application.db.models.operations import WorkerOauth
+from keyman.KeyClient import KeyPublisher
+from collectoss.tasks.github.util.github_api_key_handler import GithubApiKeyHandler
+from collectoss.tasks.gitlab.gitlab_api_key_handler import GitlabApiKeyHandler
 from ..server import app
 
 logger = logging.getLogger(__name__)
-development = get_development_flag()
 
 from collectoss.api.routes import API_VERSION
 
@@ -28,34 +34,57 @@ def generate_upgrade_request():
     return response, 426
 
 @app.route(f"/{API_VERSION}/config/get", methods=['GET', 'POST'])
+@ssl_required
 def get_config():
-    if not development and not request.is_secure:
-        return generate_upgrade_request()
-
     with DatabaseSession(logger, engine=current_app.engine) as session:
         
         config_dict = SystemConfig(logger, session).config.load_config()
 
     return jsonify(config_dict), 200
 
+@app.route(f"/{API_VERSION}/config/set", methods=['GET', 'POST'])
+@ssl_required
+@admin_required
+def set_config_item():
+    setting = request.args.get("setting")
+    section = request.args.get("section")
+    value = request.values.get("value")
+    
+    result = {
+        "section_name": section,
+        "setting_name": setting,
+        "value": value
+    }
+    
+    if not setting or not section or not value:
+        return jsonify({"status": "Missing argument"}), 400
+
+    with get_session() as session:
+        config = SystemConfig(logger, session)
+        config.add_or_update_settings([result])
+
+    return jsonify({"status": "success"})
 
 @app.route(f"/{API_VERSION}/config/update", methods=['POST'])
+@ssl_required
 def update_config():
-    if not development and not request.is_secure:
-        return generate_upgrade_request()
-
     update_dict = request.get_json()
 
     with get_session() as session:
-
         for section, data in update_dict.items():
-
             for key, value in data.items():
-
                 try:
-                    config_setting = session.query(Config).filter(Config.section_name == section, Config.setting_name == key).one()
+                    config_setting = (
+                        session.query(Config)
+                        .filter(
+                            Config.section_name == section, Config.setting_name == key
+                        )
+                        .one()
+                    )
                 except s.orm.exc.NoResultFound:
-                    return jsonify({"status": "Bad Request", "section": section, "setting": key}), 400
+                    return jsonify(
+                        {"status": "Bad Request", "section": section, "setting": key}
+                    ), 400
 
                 config_setting.value = value
 
@@ -66,3 +95,159 @@ def update_config():
     return jsonify({"status": "success"}), 200
 
 
+@app.route(f"/{API_VERSION}/workeroauth/get/keys", methods=['GET'])
+@ssl_required
+@admin_required
+def get_oauth_keys():
+    """
+    Retrieve all worker oauth keys from the configuration table in the database.
+    The keys from the "Keys" section are normalized and returned such that they follow the format:
+      {
+         "github_api_key": "ghp_XXXXXXXXXXXXXXX",
+         "gitlab_api_key": "glpat_XXXXXXXXXXXXXXX"
+      }
+    """
+    # Open a database session using the current application engine
+    with DatabaseSession(logger, engine=current_app.engine) as session:
+        config = AugurConfig(logger, session)
+        # Get the Keys section if it exists; otherwise, key list remains empty.
+        if config.is_section_in_config("Keys"):
+            keys_section = config.get_section("Keys")
+        else:
+            keys_section = {}
+
+    # Normalize the key names (append '_api_key' if needed)
+    keys_dict = {}
+    for platform, key_value in keys_section.items():
+        platform_lower = platform.lower()
+        if "github" in platform_lower:
+            platform_lower = "github"
+        elif "gitlab" in platform_lower:
+            platform_lower = "gitlab"
+        keys_dict[f"{platform_lower}_api_key"] = key_value
+
+    return jsonify(keys_dict), 200
+
+
+@app.route(f"/{API_VERSION}/workeroauth/get/invalidkeys", methods=["GET"])
+@ssl_required
+@admin_required
+def get_invalid_keys():
+    """
+    Retrieve all invalid worker OAuth keys by comparing the keys loaded 
+    in the KeyPublisher at startup with those stored in the database, 
+    and by checking the live keys with the is_bad_api_key function.
+    
+    A key is considered valid if it appears in the set of live keys and passes 
+    the is_bad_api_key test; any key that fails is considered invalid.
+    """
+    keypub = KeyPublisher()
+
+    invalid_keys = {}
+    live_keys = {}
+    for platform in keypub.list_platforms():
+        platform_lower = platform.lower()
+        tokens = keypub.list_keys(platform)
+        if tokens is not None:
+            live_keys[platform_lower] = set(tokens)
+
+    # Instantiate the API key handlers and HTTP client.
+    ghkeyman = GithubApiKeyHandler(logger)
+    glkeyman = GitlabApiKeyHandler(logger)
+    client = httpx.Client()
+
+    github_db_keys = ghkeyman.get_api_keys_from_database()
+    # For GitHub, we check keys published under both channels.
+    github_live = live_keys.get("github_rest", set()) | live_keys.get("github_graphql", set())
+    for token in github_db_keys:
+        if token not in github_live or ghkeyman.is_bad_api_key(client, token):
+            invalid_keys.setdefault("github", []).append(token)
+
+    gitlab_db_keys = glkeyman.get_api_keys_from_database()
+    gitlab_live = live_keys.get("gitlab_rest", set())
+    for token in gitlab_db_keys:
+        if token not in gitlab_live or glkeyman.is_bad_api_key(client, token):
+            invalid_keys.setdefault("gitlab", []).append(token)
+
+    # This ensures that even if a key is live, we verify it using is_bad_api_key.
+    for token in live_keys.get("github_rest", set()):
+        if ghkeyman.is_bad_api_key(client, token) and token not in invalid_keys.get("github", []):
+            invalid_keys.setdefault("github", []).append(token)
+    for token in live_keys.get("github_graphql", set()):
+        if ghkeyman.is_bad_api_key(client, token) and token not in invalid_keys.get("github", []):
+            invalid_keys.setdefault("github", []).append(token)
+    for token in live_keys.get("gitlab_rest", set()):
+        if glkeyman.is_bad_api_key(client, token) and token not in invalid_keys.get("gitlab", []):
+            invalid_keys.setdefault("gitlab", []).append(token)
+
+    for platform, tokens in invalid_keys.items():
+        invalid_keys[platform] = [{"id": token, "token": token} for token in tokens]
+
+    return jsonify(invalid_keys), 200
+
+
+
+@app.route(f"/{API_VERSION}/workeroauth/delete/key", methods=["POST"])
+@ssl_required
+@admin_required
+def delete_oauth_key():
+    """
+    Delete a worker oauth key from the KeyPublisher, config table and worker oauth table
+    Expects a JSON payload with the platform and token properties.
+    """
+    data = request.get_json()
+
+    if not data or "platform" not in data or "token" not in data:
+        return jsonify(
+            {"status": "Bad Request", "message": "Missing platform or token"}
+        ), 400
+
+    keypub = KeyPublisher()
+
+    platform = data.get("platform").lower()
+    if platform == "github":
+        keypub.unpublish(data["token"], "github_rest")
+        keypub.unpublish(data["token"], "github_graphql")
+    elif platform == "gitlab":
+        keypub.unpublish(data["token"], "gitlab_rest")
+
+    remove_worker_oauth_key(platform=data["platform"].lower())
+    remove_setting(section_name="Keys", setting_name=data["platform"].lower() + "_api_key")
+
+    return jsonify({"status": "success"}), 200
+
+
+
+@app.route(f"/{API_VERSION}/workeroauth/new/keys", methods=["POST"])
+@ssl_required
+@admin_required
+def new_oauth_keys():
+    """
+    Add new worker oauth keys to the KeyPublisher.
+    Expects a JSON payload with the platform and token properties.
+    """
+    data = request.get_json()
+
+    if not data or "platform" not in data or "token" not in data:
+        return jsonify(
+            {"status": "Bad Request", "message": "Missing platform or token"}
+        ), 400
+    
+    ghkeyman = GithubApiKeyHandler(logger)
+    glkeyman = GitlabApiKeyHandler(logger)
+
+    keypub = KeyPublisher()
+    client = httpx.Client()
+
+    if data.get("platform") == "github":
+        if ghkeyman.is_bad_api_key(client, data["token"]):
+            return jsonify({"status": "Bad Request", "message": "Invalid GitHub API key"}), 400
+        keypub.publish(data["token"], "github_rest")
+        keypub.publish(data["token"], "github_graphql")
+
+    elif data.get("platform") == "gitlab":
+        if glkeyman.is_bad_api_key(client, data["token"]):
+            return jsonify({"status": "Bad Request", "message": "Invalid GitLab API key"}), 400
+        keypub.publish(data["token"], "gitlab_rest")
+
+    return jsonify({"status": "success"}), 200
diff --git a/collectoss/api/ssl/README.md b/collectoss/api/ssl/README.md
index 10c3c9597..dfc3df7b8 100644
--- a/collectoss/api/ssl/README.md
+++ b/collectoss/api/ssl/README.md
@@ -22,9 +22,3 @@ Let's Encrypt/Certbot
 ~~~~~~~~~~~~~~~~~~~~~
 
 The easiest way to get an HTTPS server up is to make use of `Let's Encrypt <https://letsencrypt.org/>`_'s `Certbot <https://certbot.eff.org/>`_ tool. It is an open source tool that is so good it will even alter the nginx configuration for you automatically to enable HTTPS. Following their guide for ``Ubuntu 20.04``, run ``sudo snap install --classic certbot``, ``sudo ln -s /snap/bin/certbot /usr/bin/certbot``, and then ``sudo certbot --nginx``.
-
-~~~~~~~~~~~~~~~~~~~~
-Fixing the Backend
-~~~~~~~~~~~~~~~~~~~~
-
-Now our server is configured properly and our frontend is being served over HTTPS, but there's an extra problem: the backend APIs are still being served over HTTP resulting in a ``blocked loading mixed active content`` error. This issue is currently being looked into by our developers. Some files that are candidates for causing issues here are ``collectoss/application.py``, ``frontend/src/AugurAPI.ts``, and ``frontend/src/router.ts``.
diff --git a/collectoss/api/util.py b/collectoss/api/util.py
index f2dea539b..44aaadf3d 100644
--- a/collectoss/api/util.py
+++ b/collectoss/api/util.py
@@ -6,7 +6,7 @@
 import re
 import beaker
 
-from flask import request, jsonify, current_app
+from flask import request, jsonify, current_app, abort
 
 from collectoss.application.db import get_session
 from functools import wraps
@@ -14,6 +14,8 @@
 from collectoss.application.config import get_development_flag
 from collectoss.application.db.models import ClientApplication
 
+from flask_login import login_required, current_user
+
 development = get_development_flag()
 
 __ROOT = os.path.abspath(os.path.dirname(__file__))
@@ -112,7 +114,6 @@ def get_client_token():
     
     return token
 
-
 # usage:
 """
 @app.route("/path")
@@ -155,4 +156,22 @@ def wrapper(*args, **kwargs):
             return generate_upgrade_request()
         return fun(*args, **kwargs)
     
-    return wrapper
\ No newline at end of file
+    return wrapper
+
+def admin_required(func):
+    @login_required
+    @wraps(func)
+    def inner_function(*args, **kwargs):
+        if current_user.admin:
+            return func(*args, **kwargs)
+        else:
+            abort(403)
+    return inner_function
+
+def development_required(func):
+    @wraps(func)
+    def inner_function(*args, **kwargs):
+        if not development:
+            abort(403)
+        return func(*args, **kwargs)
+    return inner_function
\ No newline at end of file
diff --git a/collectoss/api/view/api_view.py b/collectoss/api/view/api_view.py
index b2f5a2925..0eccef7b2 100644
--- a/collectoss/api/view/api_view.py
+++ b/collectoss/api/view/api_view.py
@@ -1,10 +1,12 @@
 from flask import render_template, redirect, url_for, session, request, jsonify
-from flask_login import LoginManager
+from flask_login import LoginManager, current_user, login_required
 from io import StringIO
 from .utils import *
 from .init import logger
 from .url_converters import *
 
+from functools import wraps
+
 # from .server import User
 from ..server import app, db_session
 from collectoss.application.db.models import User, UserSessionToken
@@ -38,6 +40,13 @@ def unsupported_method(error):
     
     return render_message("405 - Method not supported", "The resource you are trying to access does not support the request method used"), 405
 
+@app.errorhandler(403)
+def forbidden(error):
+    if API_VERSION in str(request.url_rule):
+        return jsonify({"status": "Forbidden"}), 403
+    
+    return render_message("403 - Forbidden", "You do not have permission to view this page"), 403
+
 @app.errorhandler(500)
 def internal_server_error(error):
     if API_VERSION in str(request.path):
@@ -52,8 +61,21 @@ def internal_server_error(error):
         errout.close()
     except Exception as e:
         logger.error(e)
+        raise e
     
-    return render_message("500 - Internal Server Error", "An error occurred while trying to service your request. Please try again, and if the issue persists, please file a GitHub issue with the below error message:", error=stacktrace), 500
+    return render_message("500 - Internal Server Error", """An error occurred while trying to service your request.
+                          Please try again, and if the error persists, please file a GitHub issue with a description
+                          of what you were doing before this error occurred accompanied by the below error message:""", error=stacktrace), 500
+
+@app.template_filter("escape_ID")
+def escape_HTML_ID(data: str) -> str:
+    # Done this way in case we want to add more replacements in the future
+    data = data.replace(".", "\\.")
+    return data
+
+@app.template_filter("quoted")
+def quote_surrounded(data: str) -> str:
+    return '"' + data + '"'
 
 @login_manager.unauthorized_handler
 def unauthorized():
@@ -98,19 +120,16 @@ def load_user(user_id):
 @login_manager.request_loader
 def load_user_request(request):
     token = get_bearer_token()
-
     current_time = int(time.time())
-    token = db_session.query(UserSessionToken).filter(UserSessionToken.token == token, UserSessionToken.expiration >= current_time).first()
-    if token:
 
-        print("Valid user")
+    token = db_session.query(UserSessionToken).filter(UserSessionToken.token == token, UserSessionToken.expiration >= current_time).first()
 
+    if token:
         user = token.user
         user._is_authenticated = True
         user._is_active = True
-
         return user
-        
+    
     return None
 
 @app.template_filter('as_datetime')
diff --git a/collectoss/api/view/routes.py b/collectoss/api/view/routes.py
index 15ab991b3..3d4776a70 100644
--- a/collectoss/api/view/routes.py
+++ b/collectoss/api/view/routes.py
@@ -3,16 +3,23 @@
 """
 import logging
 import math
+import os
+import signal
 from flask import render_template, request, redirect, url_for, session, flash
 from .utils import *
+from collectoss.api.util import admin_required, development_required
 from flask_login import login_user, logout_user, current_user, login_required
+from sqlalchemy.exc import OperationalError
 
 from collectoss.application.db.models import User, Repo, ClientApplication
 from .server import LoginException
 from collectoss.application.util import *
 from collectoss.application.db.lib import get_value
+from collectoss.application.config import SystemConfig
 from ..server import app, db_session
 
+from collectoss.application.db.lib import get_session
+
 logger = logging.getLogger(__name__)
 
 
@@ -318,6 +325,7 @@ def user_group_view(group = None):
     return render_module("user-group-repos-table", title="Repos", repos=data, query_key=query, activePage=params["page"], pages=page_count, offset=pagination_offset, PS="user_group_view", reverse = rev, sorting = params.get("sort"), group=group)
 
 @app.route('/error')
+@development_required
 def throw_exception():
     raise Exception("This Exception intentionally raised")
 
@@ -326,6 +334,7 @@ def throw_exception():
     View the admin dashboard.
 """
 @app.route('/dashboard')
+@admin_required
 def dashboard_view():
     empty = [
         { "title": "Placeholder", "settings": [
@@ -337,6 +346,14 @@ def dashboard_view():
         ]}
     ]
 
-    backend_config = requestJson("config/get", False)
+    backend_config = SystemConfig(logger, db_session).load_config()
+    
+    with get_session() as session:
+        try:
+            users = session.query(User).all()
+        except OperationalError as e:
+            # Instruct Gunicorn to reboot workers to resolve database connection instability
+            os.kill(os.getpid(), signal.SIGTERM)
+            return "reloading"
 
-    return render_template('admin-dashboard.j2', sections = empty, config = backend_config)
+    return render_template('admin-dashboard.j2', sections = empty, config = backend_config, users = users)
diff --git a/collectoss/application/cli/config.py b/collectoss/application/cli/config.py
index 681c9d201..e1b0a0cf2 100644
--- a/collectoss/application/cli/config.py
+++ b/collectoss/application/cli/config.py
@@ -20,7 +20,7 @@
 def get_transitional_envs(name: str) -> list:
     return [ENVVAR_PREFIX + name, "AUGUR_" + name]
 
-@click.group('config', short_help='Generate an augur.config.json')
+@click.group('config', short_help='Generate a collectoss.config.json')
 @click.pass_context
 def cli(ctx):
     ctx.obj = DatabaseContext()
diff --git a/collectoss/application/db/lib.py b/collectoss/application/db/lib.py
index 719b97c4c..6dc756ecc 100644
--- a/collectoss/application/db/lib.py
+++ b/collectoss/application/db/lib.py
@@ -10,7 +10,7 @@
 from typing_extensions import deprecated
 
 from collectoss.application.db.models import Config, Repo, Commit, WorkerOauth, Issue, PullRequest, PullRequestReview, ContributorsAlias,UnresolvedCommitEmail, Contributor, CollectionStatus, UserGroup, RepoGroup
-# TODO: CollectionState should be moved to augur/application/db/ to eliminate
+# TODO: CollectionState should be moved to collectoss/application/db/ to eliminate
 # this cross-layer dependency — same issue as the correction.py import above.
 from collectoss.tasks.util.collection_state import CollectionState
 from collectoss.application.db.timestamp_utils import correct_timestamp
@@ -20,7 +20,7 @@
 
 logger = logging.getLogger("db_lib")
 
-@deprecated("This is a legacy method. Use AugurConfig.get_value instead")
+@deprecated("This is a legacy method. Use SystemConfig.get_value instead")
 def get_value(section_name: str, setting_name: str) -> Optional[Any]:
     """Get the value of a setting from the config.
 
@@ -146,6 +146,37 @@ def get_gitlab_repo_by_src_id(src_id):
         repo = execute_session_query(query, 'first')
 
         return repo
+    
+def remove_setting(section_name: str, setting_name: str) -> bool:
+    """Remove a setting from the config.
+
+    Args:
+        section_name: The name of the section that the setting belongs to
+        setting_name: The name of the setting to remove
+
+    Returns:
+        True if the setting was successfully removed, False if it wasn't found
+    """
+    with get_session() as session:
+        try:
+            query = session.query(Config).filter(
+                Config.section_name == section_name, 
+                Config.setting_name == setting_name
+            )
+            config_setting = execute_session_query(query, 'one')
+            
+            session.delete(config_setting)
+            session.commit()
+            logger.info(f"Removed setting '{setting_name}' from section '{section_name}'")
+            return True
+            
+        except s.orm.exc.NoResultFound:
+            logger.warning(f"Setting '{setting_name}' in section '{section_name}' not found")
+            return False
+        except Exception as e:
+            logger.error(f"Error removing setting '{setting_name}' from section '{section_name}': {e}")
+            session.rollback()
+            return False
         
     
 def remove_working_commits_by_repo_id_and_hashes(repo_id, commit_hashes):
@@ -210,6 +241,18 @@ def get_worker_oauth_keys(platform: str):
 
         return [row.access_token for row in results]
     
+def remove_worker_oauth_key(platform: str):
+    with get_session() as session:
+
+        results = session.query(WorkerOauth).filter(WorkerOauth.platform == platform).order_by(func.random()).all()
+
+        for row in results:
+            session.delete(row)
+
+        session.commit()
+        
+        return [row.access_token for row in results]
+    
 def get_active_repo_count(collection_type):
 
     with get_session() as session:
diff --git a/collectoss/static/css/dashboard.css b/collectoss/static/css/dashboard.css
index ef111c32a..c89815488 100644
--- a/collectoss/static/css/dashboard.css
+++ b/collectoss/static/css/dashboard.css
@@ -1,7 +1,9 @@
 :root {
     --color-bg: #1A233A;
     --color-bg-light: #272E48;
+    --color-bg-contrast: #646683;
     --color-fg: white;
+    --color-fg-dark: #b0bdd6;
     --color-fg-contrast: black;
     --color-accent: #6f42c1;
     --color-accent-dark: #6134b3;
@@ -25,7 +27,35 @@ body {
     margin-bottom: 10px;
 }
 
-.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+.input-textbox {
+    color: var(--color-fg);
+    background-color: var(--color-bg);
+    border-color: var(--color-accent-dark);
+}
+
+.input-group-text {
+    color: var(--color-fg);
+    background-color: var(--color-bg-light);
+    border-color: var(--color-accent-dark);
+    border-right: none;
+}
+
+.input-textbox::placeholder {
+    color: var(--color-fg-dark);
+}
+
+.input-textbox:focus {
+    color: var(--color-fg);
+    background-color: var(--color-bg);
+    border-color: var(--color-accent-dark);
+}
+
+.input-textbox:focus::placeholder {
+    color: var(--color-fg-dark);
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show>.nav-link {
     background-color: var(--color-accent)
 }
 
@@ -52,6 +82,10 @@ body {
     padding-right: 10px !important;
 }
 
+.modal-dialog {
+    color: var(--color-fg-contrast);
+}
+
 .dashboard-form-control {
     border: 1px solid #596280;
     -webkit-border-radius: 2px;
@@ -62,17 +96,59 @@ body {
     color: #bcd0f7;
 }
 
+.contrast-card {
+    background-color: var(--color-bg);
+}
+
+.card:has(.contrast-card) {
+    border: none;
+}
+
+.accordion-item {
+    background-color: var(--color-bg-light);
+    color: var(--color-fg);
+}
+
+.accordion-button {
+    background-color: var(--color-accent-dark);
+    color: var(--color-fg);
+}
+
+.accordion-button:not(.collapsed) {
+    background-color: var(--color-accent);
+    color: var(--color-fg);
+}
+
+.accordion-button::after {
+    filter: saturate(0%) brightness(10);
+}
+
+.accordion-button:not(.collapsed)::after {
+    filter: saturate(0%) brightness(10);
+}
+
+.accordion-button:focus {
+    box-shadow: none;
+    border-color: var(--color-accent-dark);
+}
+
 .circle-opaque {
-    border-radius: 50%;          /* Make it a circle */
-    display: inline-block;       
-    position: absolute;          /* Able to position it, overlaying the other image */
-    left:0px;                    /* Customise the position, but make sure it */
-    top:0px;                     /* is the same as .circle-transparent */
-    z-index: -1;                 /* Makes the image sit *behind* .circle-transparent */
+    border-radius: 50%;
+    /* Make it a circle */
+    display: inline-block;
+    position: absolute;
+    /* Able to position it, overlaying the other image */
+    left: 0px;
+    /* Customise the position, but make sure it */
+    top: 0px;
+    /* is the same as .circle-transparent */
+    z-index: -1;
+    /* Makes the image sit *behind* .circle-transparent */
 }
 
 .circle-opaque img {
-    border-radius: 50%;          /* Make it a circle */
+    border-radius: 50%;
+    /* Make it a circle */
     z-index: -1;
 }
 
@@ -95,4 +171,47 @@ table {
 #toast-placeholder {
     display: none;
     z-index: 100;
+}
+
+@-webkit-keyframes rotating
+
+/* Safari and Chrome */
+    {
+    from {
+        -webkit-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+
+    to {
+        -webkit-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes rotating {
+    from {
+        -ms-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        -webkit-transform: rotate(0deg);
+        -o-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+
+    to {
+        -ms-transform: rotate(360deg);
+        -moz-transform: rotate(360deg);
+        -webkit-transform: rotate(360deg);
+        -o-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+.rotating {
+    -webkit-animation: rotating 1s linear infinite;
+    -moz-animation: rotating 1s linear infinite;
+    -ms-animation: rotating 1s linear infinite;
+    -o-animation: rotating 1s linear infinite;
+    animation: rotating 1s linear infinite;
 }
\ No newline at end of file
diff --git a/collectoss/templates/admin-dashboard.j2 b/collectoss/templates/admin-dashboard.j2
index ee547b46d..dbb083789 100644
--- a/collectoss/templates/admin-dashboard.j2
+++ b/collectoss/templates/admin-dashboard.j2
@@ -1,13 +1,16 @@
 <!doctype html>
 <html lang="en">
+
 <head>
     <!-- Required meta tags -->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
-    <link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename= 'favicon/apple-touch-icon.png') }}">
-    <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename= 'favicon/favicon-32x32.png') }}">
-    <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename= 'favicon/favicon-16x16.png') }}">
+    <link rel="apple-touch-icon" sizes="180x180"
+        href="{{ url_for('static', filename= 'favicon/apple-touch-icon.png') }}">
+    <link rel="icon" type="image/png" sizes="32x32"
+        href="{{ url_for('static', filename= 'favicon/favicon-32x32.png') }}">
+    <link rel="icon" type="image/png" sizes="16x16"
+        href="{{ url_for('static', filename= 'favicon/favicon-16x16.png') }}">
     <link rel="manifest" href="{{ url_for('static', filename= 'favicon/site.webmanifest') }}">
     <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 
@@ -15,164 +18,619 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 
     <!-- Bootstrap CSS -->
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
     <link href="{{ url_for('static', filename= 'css/dashboard.css') }}" rel="stylesheet">
 
     <title>Dasboard - CollectOSS View</title>
 </head>
 
-<body style="min-height: 100%;" class="dashboard-body">
+<body>
     <!-- Bootstrap Bundle with Popper -->
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
-    <div class="container-fluid h-100 d-flex flex-column fixed-top" style="height: 100%;">
-        <div class="row flex-fill" style="height: inherit;">
-            <div class="d-flex flex-column p-3 text-white dashboard-sidebar mh-100">
-                <div class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none">
-                    <span class="fs-4">Dashboard</span>
-                </div>
-                <hr>
-                <ul class="nav nav-pills flex-column mb-auto" id="nav-list">
-                    <li class="nav-item">
-                        <a href="#stats-section" class="nav-link active" aria-current="page">Stats</a>
-                    </li>
-                    <li>
-                        <a href="#accounts-section" class="nav-link text-white">Accounts</a>
-                    </li>
-                    <li>
-                        <a href="#config-section" class="nav-link text-white">Configuration</a>
-                    </li>
-                </ul>
-                <hr>
-                <div class="dropdown">
-                    <a href="{{ url_for('root') }}" class="d-flex align-items-center text-white text-decoration-none">
-                        <img src="{{ url_for('logo') }}" alt="CollectOSS logo" height="32" class="rounded me-2">
-                    </a>
-                    {# Reserved for future use
-                    <ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1">
-                        <li><a class="dropdown-item" href="#">New project...</a></li>
-                        <li><a class="dropdown-item" href="#">Settings</a></li>
-                        <li><a class="dropdown-item" href="#">Profile</a></li>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+        crossorigin="anonymous"></script>
+    {% include 'notifications.j2' %}
+    <div class="container-fluid overflow-hidden">
+        <div class="row vh-100 overflow-none">
+            <!-- Sidebar Navigation -->
+            <div class="col-12 col-md-3 col-xxl-2 d-flex sticky-top dashboard-sidebar">
+                <div
+                    class="d-flex flex-md-column text-truncate flex-row flex-grow-1 align-items-center align-items-md-start px-3 py-2 text-white">
+                    <div class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-white text-decoration-none">
+                        <span class="fs-4">Dashboard</span>
+                    </div>
+                    <ul class="nav nav-pills flex-md-column flex-row flex-nowrap flex-shrink-1 flex-md-grow-0 flex-grow-1 mb-md-auto mb-0 justify-content-center align-items-center align-items-md-start"
+                        id="menu">
+                        <li>
+                            <a id="stats-link" href="#stats" class="nav-link active px-sm-0 px-2">
+                                <i class="fs-5 bi-graph-up"></i><span class="ms-2 d-none d-md-inline">Status</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a id="user-link" href="#user" class="nav-link px-sm-0 px-2">
+                                <i class="fs-5 bi-people"></i><span class="ms-2 d-none d-md-inline">Users</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a id="config-link" href="#config" class="nav-link px-sm-0 px-2">
+                                <i class="fs-5 bi-sliders"></i><span
+                                    class="ms-2 d-none d-md-inline">Configuration</span>
+                            </a>
+                        </li>
                         <li>
-                            <hr class="dropdown-divider">
+                            <a id="worker-oauth-link" href="#worker-oauth" class="nav-link px-sm-0 px-2">
+                                <i class="fs-5 bi-key"></i><span class="ms-2 d-none d-md-inline">Worker Oauth
+                                    Keys</span>
+                            </a>
                         </li>
-                        <li><a class="dropdown-item" href="#">Sign out</a></li>
                     </ul>
-                    #}
+                    <a href="{{ url_for('root') }}"
+                        class="d-flex align-items-around mw-100 text-white text-decoration-none">
+                        <img src="{{ url_for('logo') }}" alt="CollectOSS logo" height="40" class="rounded me-2">
+                    </a>
                 </div>
             </div>
-            {# Start dashboard content #}
-            <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12 mb-3 content-column mh-100">
-                <h1 id="stats-section">Stats</h1>
-                {# Start content card #}
-                <div class="card dashboard-content">
-                    <div class="card-body">
-                        {# Start form body #}
-                        <form id="stats-form">
-                            {% for section in sections %}
-                            <div class="row mb-3">
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
-                                    <h6 class="mb-3 text-primary">{{ section.title }}</h6>
+            <!-- Main Content Area -->
+            <div class="col d-flex flex-column h-100 pb-5 overflow-scroll">
+                {# Start dashboard content #}
+                <div class="col mb-3 content-column">
+                    <!-- Stats Section -->
+                    <div id="stats-div">
+                        <h1 id="stats-section">Stats</h1>
+                        <div class="card dashboard-content">
+                            <div class="card-body">
+                                <div class="row justify-content-end">
+                                    <h1>TODO</h1>
                                 </div>
-                                {% for setting in section.settings %}
-                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
-                                    <div class="form-group">
-                                        <label for="{{ setting.id }}" class="mb-1">{{ setting.display_name }}</label>
-                                        <input type="text" class="form-control" id="{{ setting.id }}" placeholder="{{ setting.value }}">
-                                        <div class="form-text mb-1">{{ setting.description or "No description available" }}</div>
-                                    </div>
-                                </div>
-                                {% endfor %}
                             </div>
-                            {% endfor %}
-                            {# <div class="row">
-                                <div class="d-flex justify-content-end">
-                                    <button type="submit" id="submit" name="submit" class="btn btn-primary">Restart</button>
-                                </div>
-                            </div> #}
-                        </form>
+                        </div>
                     </div>
-                </div>
-                <h1 id="accounts-section">User Accounts</h1>
-                {# Start content card #}
-                <div class="card dashboard-content">
-                    <div class="card-body">
-                        <form id="accounts-form">
-                            {% for section in sections %}
-                            <div class="row mb-3">
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
-                                    <h6 class="mb-3 text-primary">{{ section.title }}</h6>
-                                </div>
-                                {% for setting in section.settings %}
-                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
-                                    <div class="form-group">
-                                        <label for="{{ setting.id }}" class="mb-1">{{ setting.display_name }}</label>
-                                        <input type="text" class="form-control" id="{{ setting.id }}" placeholder="{{ setting.value }}">
-                                        <div class="form-text mb-1">{{ setting.description or "No description available" }}</div>
+
+                    <!-- User List Section -->
+                    <div id="user-div" hidden>
+                        <h1 id="stats-section">User List</h1>
+                        {% if users %}
+                        {%- set tableHeaders = [
+                        {"title": "ID"},
+                        {"title" : "Login Name"},
+                        {"title" : "First Name"},
+                        {"title" : "Last Name"},
+                        {"title" : "Email"},
+                        {"title" : "Admin"}
+                        ] -%}
+                        <div class="display-table table-responsive rounded w3-animate-opacity">
+                            <table class="table table-striped table-bordered">
+                                <thead>
+                                    <tr>
+                                        {%- for header in tableHeaders -%}
+                                        <th scope="col">{{ header.title }}</th>
+                                        {%- endfor -%}
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    {% for user in users %}
+                                    <tr>
+                                        <th scope="row">{{ user.user_id }}</th>
+                                        <td>{{ user.login_name }}</td>
+                                        <td>{{ user.first_name }}</td>
+                                        <td>{{ user.last_name }}</td>
+                                        <td>{{ user.email }}</td>
+                                        <td>{% if user.admin %} <i class="bi bi-check-lg"></i> {% endif %}</td>
+                                    </tr>
+                                    {% endfor %}
+                                </tbody>
+                            </table>
+                        </div>
+                        {% else %}
+                        <p>What!?</p>
+                        {% endif %}
+                    </div>
+
+                    <!-- Configuration Section -->
+                    <div id="config-div" hidden>
+                        <h1 id="stats-section">Config</h1>
+                        <p>Listed below is the full CollectOSS configuration schema. Click on a section to expand it, and double-click on a text box to autofill it with the existing value.</p>
+                        <p>Changes are saved automatically, although some require a restart of CollectOSS to take effect.</p>
+                        <div class="card dashboard-content">
+                            <div class="card-body contrast-card">
+                                <div class="accordion">
+                                    {% for section in config.items() %}
+                                    <div class="accordion-item">
+                                        <h2 class="accordion-header" id="{{ section[0] }}-panel-heading">
+                                            <button class="accordion-button collapsed" type="button"
+                                                data-bs-toggle="collapse"
+                                                data-bs-target="#{{ section[0]|escape_ID }}-panel" aria-expanded="false"
+                                                aria-controls="{{ section[0] }}-panel">
+                                                {{ section[0] }}
+                                            </button>
+                                        </h2>
+                                        <div id="{{ section[0] }}-panel" class="accordion-collapse collapse"
+                                            aria-labelledby="{{ section[0] }}-panel-heading">
+                                            <div class="accordion-body">
+                                                {% for setting in section[1].items() %}
+                                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
+                                                    <div class="form-group">
+                                                        <label for="config_{{ section[0] }}_{{ setting[0] }}"
+                                                            class="mb-1">{{ setting[0] }}</label>
+                                                        <div class="input-group">
+                                                            <div class="input-group-prepend">
+                                                                <span class="input-group-text" id="basic-addon1"><i
+                                                                        class="bi bi-check"></i></span>
+                                                            </div>
+                                                            <input type="text" section="{{ section[0] }}"
+                                                                setting="{{ setting[0] }}"
+                                                                class="form-control input-textbox"
+                                                                id="config_{{ section[0] }}_{{ setting[0] }}"
+                                                                placeholder="{{ setting[1] }}">
+                                                        </div>
+                                                        <div class="form-text mb-1">No description available</div>
+                                                    </div>
+                                                </div>
+                                                {% endfor %}
+                                            </div>
+                                        </div>
                                     </div>
+                                    {% endfor %}
                                 </div>
-                                {% endfor %}
                             </div>
-                            {% endfor %}
-                            {# <div class="row">
-                                <div class="d-flex justify-content-end">
-                                    <button type="submit" id="submit" name="submit" class="btn btn-primary">Restart</button>
-                                </div>
-                            </div> #}
-                        </form>
+                        </div>
                     </div>
-                </div>
-                <h1 id="config-section">Configuration</h1>
-                {# Start content card #}
-                <div class="card dashboard-content">
-                    <div class="card-body">
-                        <form id="settings-form">
-                            {% for section in config.items() %}
-                            <div class="row mb-3">
-                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
-                                    <h6 class="mb-3 text-primary">{{ section[0] }}</h6>
-                                </div>
-                                {% for setting in section[1].items() %}
-                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
-                                    <div class="form-group">
-                                        <label for="config_{{ section[0] }}_{{ setting[0] }}" class="mb-1">{{ setting[0] }}</label>
-                                        <input type="text" class="form-control" id="config_{{ section[0] }}_{{ setting[0] }}" placeholder="{{ setting[1] }}">
-                                        <div class="form-text mb-1">No description available</div>
+
+                    <!-- Worker Oauth Keys Section -->
+                    <div id="worker-oauth-div" hidden>
+                        <h1>Worker Oauth Keys</h1>
+
+                        <!-- Valid Keys Table -->
+                        <h2>Valid Keys</h2>
+                        <div class="display-table table-responsive rounded w3-animate-opacity">
+                            <table class="table table-striped table-bordered">
+                                <thead>
+                                    <tr>
+                                        <th><a href="#" class="sorting-link">Key ID</a></th>
+                                        <th><a href="#" class="sorting-link">Platform</a></th>
+                                        <th><a href="#" class="sorting-link">Token</a></th>
+                                        <th>Action</th>
+                                    </tr>
+                                </thead>
+                                <tbody id="worker-oauth-valid-body">
+                                    <!-- Table rows will be populated dynamically from API data -->
+                                </tbody>
+                            </table>
+                        </div>
+
+                        <!-- Invalid Keys Table -->
+                        <h2 class="mt-4">Invalid Keys</h2>
+                        <div class="display-table table-responsive rounded w3-animate-opacity">
+                            <table class="table table-striped table-bordered">
+                                <thead>
+                                    <tr>
+                                        <th><a href="#" class="sorting-link">Key ID</a></th>
+                                        <th><a href="#" class="sorting-link">Platform</a></th>
+                                        <th><a href="#" class="sorting-link">Token</a></th>
+                                        <th>Action</th>
+                                    </tr>
+                                </thead>
+                                <tbody id="worker-oauth-invalid-body">
+                                    <!-- Invalid keys will be populated here dynamically -->
+                                </tbody>
+                            </table>
+                        </div>
+
+                        <!-- Form to Add New Worker Oauth Key -->
+                        <h2 class="mt-4">Add New Worker Oauth Key</h2>
+                        <div class="card">
+                            <div class="card-body">
+                                <form id="worker-oauth-add-form">
+                                    <div class="row g-2 align-items-center">
+                                        <div class="col-md-3">
+                                            <label for="workerPlatformSelect" class="form-label">Platform</label>
+                                            <select class="form-select" id="workerPlatformSelect" name="platform">
+                                                <option value="github">GitHub</option>
+                                                <option value="gitlab">GitLab</option>
+                                            </select>
+                                        </div>
+                                        <div class="col-md-7">
+                                            <label for="workerApiKeyInput" class="form-label">API Key</label>
+                                            <input type="text" class="form-control" id="workerApiKeyInput"
+                                                name="api_key" placeholder="e.g. gho_XXXXXXXXXXXX or glp_XXXXXXXXXXXX">
+                                        </div>
+                                        <div class="col-md-2">
+                                            <label class="form-label d-block">&nbsp;</label>
+                                            <button type="button" class="btn btn-primary w-100"
+                                                onclick="saveWorkerKey()">Add Key</button>
+                                        </div>
                                     </div>
-                                </div>
-                                {% endfor %}
-                            </div>
-                            {% endfor %}
-                            <div class="row">
-                                <div class="d-flex justify-content-end">
-                                    <button type="submit" id="submit" name="submit" class="btn btn-primary">Update Settings</button>
-                                </div>
+                                </form>
                             </div>
-                        </form>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
-</body>
-<script src="{{ url_for('static', filename='js/range.js') }}" charset="utf-8"></script>
-<script type="text/javascript">
-var elements = document.getElementsByClassName("nav-link");
-range(elements.length).forEach((i) => {
-    elements[i].addEventListener("click", function() {
-        setActive(elements[i]);
-    })
-});
-
-function setActive(navLink) {
-    var elements = document.getElementsByClassName("nav-link");
-    range(elements.length).forEach((i) => {
-        if(elements[i].classList.contains("active")) {
-            elements[i].classList.add("text-white");
-            elements[i].classList.remove("active");
+
+    <!-- Confirmation Modal (used for key deletion) -->
+    <div class="modal fade" id="confirmation-modal" tabindex="-1">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Are You Sure?</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    <p id="modal-text"></p>
+                </div>
+                <div class="modal-footer">
+                    <button id="confirmation-button" type="button" class="btn btn-primary"
+                        data-bs-dismiss="modal">Continue</button>
+                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Cancel</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Existing JS files -->
+    <script src="{{ url_for('static', filename='js/range.js') }}" charset="utf-8"></script>
+
+    <!-- Navigation Toggle Script -->
+    <script type="text/javascript">
+        var elements = document.getElementsByClassName("nav-link");
+        range(elements.length).forEach((i) => {
+            elements[i].addEventListener("click", function () {
+                setActive(elements[i]);
+            })
+        });
+
+        function getDivFromNavLink(navLink) {
+            var href = navLink.getAttribute("href");
+            var div_id = href.replace("#", "");
+            return document.getElementById(div_id + "-div");
+        }
+
+        function setActive(navLink) {
+            if (!navLink) {
+                return;
+            }
+
+            var elements = document.getElementsByClassName("nav-link");
+            range(elements.length).forEach((i) => {
+                if (elements[i].classList.contains("active")) {
+                    elements[i].classList.remove("active");
+                    div = getDivFromNavLink(elements[i]);
+                    div.hidden = true;
+                }
+            });
+            navLink.classList.add("active");
+            div = getDivFromNavLink(navLink);
+            div.hidden = false;
+        }
+    </script>
+
+    <!-- Inline configuration update and API key submission scripts -->
+    <script type="text/javascript">
+        function submitEntry(input, icon) {
+            input.toggleAttribute("disabled");
+            var section = input.getAttribute("section");
+            var setting = input.getAttribute("setting");
+            fetch(`{{ url_for('set_config_item') }}?setting=${setting}&section=${section}&value=${input.value}`)
+                .then((response) => {
+                    if (!response.ok) {
+                        switch (response.status) {
+                            case 500: {
+                                flashToast("An internal server error occurred");
+                                break;
+                            }
+                            case 426: {
+                                flashToast("Request made with HTTP, but HTTPS is required");
+                                break;
+                            }
+                            default: {
+                                flashToast("An unknown error occurred:");
+                                flashToast(response.json().status);
+                            }
+                        }
+                        icon.classList.remove("bi-arrow-clockwise");
+                        icon.classList.remove("rotating");
+                        icon.classList.add("bi-x");
+                    } else {
+                        icon.classList.remove("bi-arrow-clockwise");
+                        icon.classList.remove("rotating");
+                        icon.classList.add("bi-check");
+                        input.placeholder = input.value;
+                        input.value = "";
+                    }
+                    input.toggleAttribute("disabled");
+                });
+        }
+
+        for (var box of document.getElementsByClassName("input-textbox")) {
+            box.addEventListener("dblclick", (event) => {
+                if (event.target.value == "") {
+                    event.target.value = event.target.placeholder;
+                }
+            });
+
+            let entryCooldown = 2000; // 2 seconds
+            let cooldownTimer;
+            box.addEventListener("input", (event) => {
+                clearTimeout(cooldownTimer);
+                icon = event.target.parentElement.getElementsByTagName("i")[0];
+                if (icon.classList.contains("bi-check")) {
+                    icon.classList.remove("bi-check");
+                } else if (icon.classList.contains("bi-x")) {
+                    icon.classList.remove("bi-x");
+                }
+                if (event.target.value.length == 0) {
+                    icon.classList.remove("rotating");
+                    icon.classList.add("bi-check");
+                    return;
+                }
+                icon.classList.add("bi-arrow-clockwise");
+                icon.classList.add("rotating");
+                cooldownTimer = setTimeout(submitEntry, entryCooldown, event.target, icon);
+            });
+        }
+    </script>
+    <!-- Worker Oauth Keys Scripts -->
+    <script type="text/javascript">
+        function toggleKey(elementId) {
+            var el = document.getElementById(elementId);
+            var btn = el.nextElementSibling;
+            var actualKey = el.getAttribute("data-key");
+            if (el.innerText.trim() === actualKey) {
+                el.innerText = "**************";
+                btn.innerText = "Show";
+            } else {
+                el.innerText = actualKey;
+                btn.innerText = "Hide";
+            }
+        }
+
+        function deleteKey(keyName) {
+            var codeElement = document.getElementById("worker-key-" + keyName);
+            if (!codeElement) {
+                codeElement = document.getElementById("worker-invalid-key-" + keyName);
+            }
+            if (!codeElement) {
+                flashToast("Key element not found.");
+                return;
+            }
+
+            var token = codeElement.getAttribute("data-key");
+
+            var row = codeElement.closest("tr");
+            if (!row) {
+                flashToast("Table row not found.");
+                return;
+            }
+
+            var platform = row.cells[1].textContent.trim();
+            if (!platform) {
+                flashToast("Platform information is missing.");
+                return;
+            }
+
+            var modalText = document.getElementById("modal-text");
+            modalText.innerHTML = "Are you sure you want to delete the key for " + platform + "?";
+
+            var confirmModal = new bootstrap.Modal(document.getElementById('confirmation-modal'));
+            var confirmButton = document.getElementById("confirmation-button");
+
+            console.log(platform, token)
+            confirmButton.onclick = function () {
+                fetch("{{ url_for('delete_oauth_key') }}", {
+                    method: "POST",
+                    headers: {
+                        "Content-Type": "application/json"
+                    },
+                    body: JSON.stringify({
+                        platform: platform,
+                        token: token
+                    })
+                })
+                    .then(response => {
+                        if (response.ok) {
+                            row.remove();
+                            flashToast("Key deleted successfully.");
+                        } else {
+                            flashToast("Failed to delete key.");
+                        }
+                    })
+                    .catch(error => {
+                        console.error("Error deleting key:", error);
+                        flashToast("Error deleting key.");
+                    });
+            };
+
+            confirmModal.show();
+        }
+
+        function saveWorkerKey() {
+            var platform = document.getElementById("workerPlatformSelect").value;
+            var keyInput = document.getElementById("workerApiKeyInput").value.trim();
+            if (!keyInput) {
+                alert("Please enter an API key");
+                return;
+            }
+            // Send the new oauth key to the backend
+            fetch("{{ url_for('new_oauth_keys') }}", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify({
+                    platform: platform,
+                    token: keyInput
+                })
+            })
+                .then(response => {
+                    if (!response.ok) {
+                        return response.json().then(data => {
+                            throw new Error(data.message || "Failed to add key");
+                        });
+                    }
+                    return response.json();
+                })
+                .then(data => {
+                    alert("API key added successfully!");
+                    document.getElementById("workerApiKeyInput").value = "";
+                })
+                .catch(error => {
+                    alert("Error: " + error.message);
+                });
         }
-    });
-    navLink.classList.add("active");
-    navLink.classList.remove("text-white");
-}
-</script>
+
+        // Fetch and update valid keys table from API on page load
+        window.addEventListener("load", function () {
+            fetch("{{ url_for('get_oauth_keys') }}")
+                .then(response => response.json())
+                .then(data => {
+                    // Expected data format:
+                    // {
+                    //    "github_api_key": "ghp_jksfldjkla",
+                    //    "gitlab_api_key": "glpat_fjdkla",
+                    //    "customplatform_api_key": "custom_XXXXXXXXXXXX"
+                    // }
+                    const tbody = document.getElementById("worker-oauth-valid-body");
+                    tbody.innerHTML = ""; // clear existing rows
+                    let count = 1;
+                    // Iterate over each unique key (keyName) and its token
+                    for (const [keyName, token] of Object.entries(data)) {
+                        let platform = "";
+                        if (keyName.toLowerCase().includes("github")) {
+                            platform = "GitHub";
+                        } else if (keyName.toLowerCase().includes("gitlab")) {
+                            platform = "GitLab";
+                        } else {
+                            platform = keyName.replace("_api_key", "");
+                        }
+                        const tr = document.createElement("tr");
+
+                        const idCell = document.createElement("td");
+                        idCell.textContent = count;
+                        tr.appendChild(idCell);
+
+                        const platformCell = document.createElement("td");
+                        platformCell.textContent = platform;
+                        tr.appendChild(platformCell);
+
+                        const tokenCell = document.createElement("td");
+                        const code = document.createElement("code");
+                        code.id = "worker-key-" + keyName;
+                        code.setAttribute("data-key", token);
+                        code.textContent = "**************";
+                        tokenCell.appendChild(code);
+                        const toggleButton = document.createElement("button");
+                        toggleButton.className = "btn btn-sm btn-outline-secondary";
+                        toggleButton.textContent = "Show";
+                        toggleButton.addEventListener("click", function () {
+                            toggleKey(code.id);
+                        });
+                        tokenCell.appendChild(toggleButton);
+                        tr.appendChild(tokenCell);
+
+                        const actionCell = document.createElement("td");
+                        const deleteButton = document.createElement("button");
+                        deleteButton.className = "btn btn-danger btn-sm";
+                        deleteButton.textContent = "Delete";
+                        deleteButton.addEventListener("click", function () {
+                            deleteKey(keyName);
+                        });
+                        actionCell.appendChild(deleteButton);
+                        tr.appendChild(actionCell);
+
+                        tbody.appendChild(tr);
+                        count++;
+                    }
+                })
+                .catch(error => {
+                    console.error("Error fetching worker oauth keys:", error);
+                });
+        });
+
+        window.addEventListener("load", function () {
+            fetch("{{ url_for('get_invalid_keys') }}")
+                .then(response => response.json())
+                .then(data => {
+                    // Expected data format:
+                    // {
+                    //    "github": [{"id": 1, "token": "ghp_XXX", "name": "Key Name"}, ...],
+                    //    "gitlab": [{"id": 2, "token": "glp_YYY", "name": "Key Name"}, ...],
+                    //    "otherplatform": [ ... ]
+                    // }
+                    const tbody = document.getElementById("worker-oauth-invalid-body");
+                    tbody.innerHTML = "";
+                    let count = 1;
+                    // Iterate over each platform and its invalid keys array
+                    Object.entries(data).forEach(([platform, keys]) => {
+                        keys.forEach(key => {
+                            const tr = document.createElement("tr");
+
+                            const idCell = document.createElement("td");
+                            idCell.textContent = count;
+                            tr.appendChild(idCell);
+
+                            const platformCell = document.createElement("td");
+                            platformCell.textContent = platform.charAt(0).toUpperCase() + platform.slice(1);
+                            tr.appendChild(platformCell);
+
+                            const tokenCell = document.createElement("td");
+                            const code = document.createElement("code");
+                            // Use the key's id to uniquely identify the DOM element
+                            code.id = "worker-invalid-key-" + key.id;
+                            code.setAttribute("data-key", key.token);
+                            code.textContent = "**************";
+                            tokenCell.appendChild(code);
+                            const toggleButton = document.createElement("button");
+                            toggleButton.className = "btn btn-sm btn-outline-secondary";
+                            toggleButton.textContent = "Show";
+                            toggleButton.addEventListener("click", function () {
+                                toggleKey(code.id);
+                            });
+                            tokenCell.appendChild(toggleButton);
+                            tr.appendChild(tokenCell);
+
+                            const actionCell = document.createElement("td");
+                            const deleteButton = document.createElement("button");
+                            deleteButton.className = "btn btn-danger btn-sm";
+                            deleteButton.textContent = "Delete";
+                            deleteButton.addEventListener("click", function () {
+                                deleteKey(key.id);
+                            });
+                            actionCell.appendChild(deleteButton);
+                            tr.appendChild(actionCell);
+
+                            tbody.appendChild(tr);
+                            count++;
+                        });
+                    });
+                })
+                .catch(error => {
+                    console.error("Error fetching invalid worker oauth keys:", error);
+                });
+        });
+    </script>
+
+    <!-- Set Active Section on page load if specified in URL -->
+    <script type="text/javascript">
+        function getActive() {
+            if (window.location.toString().includes("?")) {
+                var search_url = new URL(window.location);
+                if (!search_url.searchParams.has("section")) {
+                    return;
+                }
+                var navID = search_url.searchParams.get("section");
+                var navlink = document.getElementById(navID + "-link");
+                if (!navlink) {
+                    return;
+                }
+                setActive(navlink);
+            }
+        }
+        getActive();
+    </script>
+</body>
+
 </html>
diff --git a/collectoss/templates/json/essential_config.json.j2 b/collectoss/templates/json/essential_config.json.j2
index 05d35e28e..232f999d3 100644
--- a/collectoss/templates/json/essential_config.json.j2
+++ b/collectoss/templates/json/essential_config.json.j2
@@ -1,25 +1,25 @@
 { "title": "Essential Config",
     "subtitle": "Please ensure the accuracy of these config items",
     "settings": [
-        { "id": "AUGUR_GITHUB_API_KEY",
+        { "id": "COLLECTOSS_GITHUB_API_KEY",
             "display_name": "GitHub API Key",
             "value": "{{ conf.Keys.github_api_key or "" if conf.Keys else "" }}",
             "description": "Your GitHub API Key for use with CollectOSS"
-        },{ "id": "AUGUR_GITHUB_USERNAME",
+        },{ "id": "COLLECTOSS_GITHUB_USERNAME",
             "display_name": "GitHub Username",
             "value": "{{ gh_name or "" }}",
             "description": "The username for the provided API Key"
-        },{ "id": "AUGUR_GITLAB_API_KEY",
+        },{ "id": "COLLECTOSS_GITLAB_API_KEY",
             "display_name": "GitLab API Key",
             "value": "{{ conf.Keys.gitlab_api_key or "" if conf.Keys else "" }}",
             "description": "Your GitLab API Key for use with CollectOSS"
         },{
-            "id": "AUGUR_GITLAB_USERNAME",
+            "id": "COLLECTOSS_GITLAB_USERNAME",
             "display_name": "GitLab Username",
             "value": "{{ gl_name or "" }}",
             "description": "The username for the provided API Key"
         },{
-            "id": "AUGUR_FACADE_REPO_DIRECTORY",
+            "id": "COLLECTOSS_FACADE_REPO_DIRECTORY",
             "display_name": "Facade Directory",
             "value": "{{ conf.Facade.repo_directory or "" if conf.Facade else "" }}",
             "description": "The directory for use with Facade"
diff --git a/collectoss/templates/navbar.j2 b/collectoss/templates/navbar.j2
index 8250ea634..c5c636829 100644
--- a/collectoss/templates/navbar.j2
+++ b/collectoss/templates/navbar.j2
@@ -22,7 +22,9 @@
                     </a>
                     <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                         <li><a class="dropdown-item" href="{{ url_for('user_settings') }}">Profile</a></li>
-                        {# <li><a class="dropdown-item" href="{{ url_for('dashboard_view') }}">Dashboard</a></li> #}
+                        {% if current_user.admin %}
+                        <li><a class="dropdown-item" href="{{ url_for('dashboard_view') }}">Dashboard</a></li>
+                        {% endif %}
                         <li><a class="dropdown-item" href="{{ url_for('user_logout') }}">Logout</a></li>
                     </ul>
                 </li>
diff --git a/collectoss/templates/settings.j2 b/collectoss/templates/settings.j2
index cdedd6b8c..1c8a4cda0 100644
--- a/collectoss/templates/settings.j2
+++ b/collectoss/templates/settings.j2
@@ -414,14 +414,12 @@
             </div>
         </div>
     </div>
-    </div>
-    </div>
     {# <div class="container-fluid h-100 d-flex flex-column fixed-top" style="height: 100%;">
         <div class="row flex-fill" style="height: inherit;">
             <div class="d-flex flex-column p-3 text-white dashboard-sidebar mh-100 hidden-sm hidden-xs">
                 <a href="{{ url_for('root') }}"
                     class="d-flex align-items-around mw-100 text-white text-decoration-none">
-                    <img src="{{ url_for('logo') }}" alt="CollectOSS logo" height="40" class="rounded-circle me-2">
+                    <img src="{{ url_for('logo') }}" alt="CollectOSS logo" height="40" class="rounded me-2">
                 </a>
                 <hr>
                 <ul class="nav nav-pills flex-column mb-auto" id="nav-list">
@@ -445,16 +443,16 @@
                     </div>
                 </div>
             </div> #}
-            <div id="loading-modal" class="modal fade" id="staticBackdrop" data-bs-backdrop="static"
-                data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
-                <div class="modal-dialog modal-dialog-centered spinner-container">
-                    <svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66"
-                        xmlns="http://www.w3.org/2000/svg">
-                        <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30">
-                        </circle>
-                    </svg>
-                </div>
-            </div>
+    <div id="loading-modal" class="modal fade" id="staticBackdrop" data-bs-backdrop="static"
+        data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered spinner-container">
+            <svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66"
+                xmlns="http://www.w3.org/2000/svg">
+                <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30">
+                </circle>
+            </svg>
+        </div>
+    </div>
 </body>
 <script src="{{ url_for('static', filename='js/range.js') }}" charset="utf-8"></script>
 <script type="text/javascript">
@@ -530,7 +528,7 @@
         fetch("{{ url_for("toggle_user_group_favorite") }}?group_name=" + group)
             .then((response) => response.json())
             .then((data) => {
-                if (data.status == "Success") {
+                if(data.status == "Success") {
                     if (button.classList.contains("bi-star-fill")) {
                         button.classList.remove("bi-star-fill");
                         button.classList.add("bi-star");
diff --git a/docs/source/development-guide/workers/creating_a_new_worker.rst b/docs/source/development-guide/workers/creating_a_new_worker.rst
index 8f14e9981..9ba18cce5 100644
--- a/docs/source/development-guide/workers/creating_a_new_worker.rst
+++ b/docs/source/development-guide/workers/creating_a_new_worker.rst
@@ -155,7 +155,7 @@ In the Worker block you need to add something like this:
 
 There should NOT be a comma after the final entry in each block.
 
-ALSO, if you wanted to have those blocks installed with auger itself when you do the PR, you need to add them to the `$COLLECTOSS_ROOT/collectoss/config.py` file. The recommended way is to set a port range not already in use and assign a random variable range with the others, like this `your_new_worker_p = randint(56500, 56999)` ... its totally ok to compress a couple other port ranges for this process.
+ALSO, if you wanted to have those blocks installed with CollectOSS itself when you do the PR, you need to add them to the `$COLLECTOSS_ROOT/collectoss/config.py` file. The recommended way is to set a port range not already in use and assign a random variable range with the others, like this `your_new_worker_p = randint(56500, 56999)` ... its totally ok to compress a couple other port ranges for this process.
 
 You can copy the housekeeper block verbatim from what you added to your own `augur.config.json`. For the worker block, in the `config.py` it would look like this:
 
diff --git a/docs/source/getting-started/command-line-interface/backend.rst b/docs/source/getting-started/command-line-interface/backend.rst
index 2adcce0ef..40821ae48 100644
--- a/docs/source/getting-started/command-line-interface/backend.rst
+++ b/docs/source/getting-started/command-line-interface/backend.rst
@@ -112,7 +112,7 @@ Set ``ELASTIC_SEARCH_PATH`` and ``LOGSTASH_PATH`` variables to point to elastics
   # If not specified, defaults to /usr/local/bin/logstash
   $ export LOGSTASH_PATH=<path_to_logstash_binary>
 
-  $ export ROOT_PROJECT_REPO_DIRECTORY=<path_to_augur>
+  $ export ROOT_PROJECT_REPO_DIRECTORY=<path_to_collectoss>
 
 Start the http server with::
 
diff --git a/pyproject.toml b/pyproject.toml
index 9d354c0a0..2f0216b98 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -152,7 +152,7 @@ testpaths = [
     "tests/test_tasks/test_task_utilities/test_util/",
     "tests/test_application/test_db/test_timestamp_utils.py",
     "tests/test_util/test_keys.py",
-    # "tests/test_routes", # runs, but needs a fixture for connecting to the web interface of Augur
+    # "tests/test_routes", # runs, but needs a fixture for connecting to the web interface of CollectOSS
     # "tests/test_metrics",
     # "tests/test_tasks",
     # "tests/test_application",
diff --git a/tests/test_workers/test_set_up_fixtures.py b/tests/test_workers/test_set_up_fixtures.py
index 9248d238a..cd1a384e1 100644
--- a/tests/test_workers/test_set_up_fixtures.py
+++ b/tests/test_workers/test_set_up_fixtures.py
@@ -60,8 +60,8 @@ def database_connection():
     # Postgres docker image if it doesn't exist.
     ROOT_PROJECT_REPO_DIR = os.path.dirname(
         os.path.dirname(os.path.realpath(__file__)))
-    ROOT_PROJECT_REPO_DIR = str(ROOT_PROJECT_REPO_DIR).split("augur")
-    ROOT_PROJECT_REPO_DIR = ROOT_PROJECT_REPO_DIR[0] + "augur"
+    ROOT_PROJECT_REPO_DIR = str(ROOT_PROJECT_REPO_DIR).split("collectoss")
+    ROOT_PROJECT_REPO_DIR = ROOT_PROJECT_REPO_DIR[0] + "collectoss"
 
     buildString = ROOT_PROJECT_REPO_DIR