diff --git a/augur/api/routes/__init__.py b/augur/api/routes/__init__.py
index 8176dad94b..d76bef3a16 100644
--- a/augur/api/routes/__init__.py
+++ b/augur/api/routes/__init__.py
@@ -1,6 +1,7 @@
 AUGUR_API_VERSION = 'api/unstable'
 
 from .application import *
+from .admin import *
 from .batch import *
 from .collection_status import *
 from .config import *
diff --git a/augur/api/routes/admin.py b/augur/api/routes/admin.py
new file mode 100644
index 0000000000..0cba249640
--- /dev/null
+++ b/augur/api/routes/admin.py
@@ -0,0 +1,27 @@
+from augur.api.routes import AUGUR_API_VERSION
+from ..server import app
+import sqlalchemy as s
+import json
+from subprocess import run, PIPE, Popen
+from flask import Response, current_app, jsonify
+
+from augur.application.db.lib import get_value
+from augur.application.logs import AugurLogger
+from augur.api.util import admin_required
+
+logger = AugurLogger("augur").get_logger()
+
+@app.route(f"/{AUGUR_API_VERSION}/admin/shutdown")
+@admin_required
+def shutdown_system():
+    run("augur backend stop-collection-blocking".split(), stdin=PIPE, stdout=PIPE, stderr=PIPE)
+    Popen("augur backend stop", shell=True, stdin=PIPE, stdout=PIPE, stderr=PIPE)
+    
+    return jsonify({"status": "shutdown"})
+
+@app.route(f"/{AUGUR_API_VERSION}/admin/restart")
+@admin_required
+def restart_system():
+    Popen("python scripts/control/restart.py", shell=True)
+
+    return jsonify({"status": "restart"})
\ No newline at end of file
diff --git a/augur/api/routes/config.py b/augur/api/routes/config.py
index 08618091a9..65121fc981 100644
--- a/augur/api/routes/config.py
+++ b/augur/api/routes/config.py
@@ -7,7 +7,7 @@
 import sqlalchemy as s
 
 # Disable the requirement for SSL by setting env["AUGUR_DEV"] = True
-from augur.application.config import get_development_flag
+from augur.api.util import ssl_required, admin_required
 from augur.application.db.lib import get_session
 from augur.application.db.models import Config
 from augur.application.config import AugurConfig
@@ -15,35 +15,44 @@
 from ..server import app
 
 logger = logging.getLogger(__name__)
-development = get_development_flag()
 
 from augur.api.routes import AUGUR_API_VERSION
 
-def generate_upgrade_request():
-    # https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/426
-    response = jsonify({"status": "SSL Required"})
-    response.headers["Upgrade"] = "TLS"
-    response.headers["Connection"] = "Upgrade"
-
-    return response, 426
-
 @app.route(f"/{AUGUR_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 = AugurConfig(logger, session).config.load_config()
 
     return jsonify(config_dict), 200
 
+@app.route(f"/{AUGUR_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 = AugurConfig(logger, session)
+        config.add_or_update_settings([result])
+    
+    return jsonify({"status": "success"})
 
 @app.route(f"/{AUGUR_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:
@@ -64,5 +73,3 @@ def update_config():
         session.commit()
 
     return jsonify({"status": "success"}), 200
-
-
diff --git a/augur/api/util.py b/augur/api/util.py
index eaefab8bf7..f32cdaf6cf 100644
--- a/augur/api/util.py
+++ b/augur/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 augur.application.db import get_session
 from functools import wraps
@@ -14,6 +14,8 @@
 from augur.application.config import get_development_flag
 from augur.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/augur/api/view/augur_view.py b/augur/api/view/augur_view.py
index ff4b25145c..e15b46acbf 100644
--- a/augur/api/view/augur_view.py
+++ b/augur/api/view/augur_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 augur.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 AUGUR_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 AUGUR_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/augur/api/view/routes.py b/augur/api/view/routes.py
index 91d23531b4..ac44a42d2d 100644
--- a/augur/api/view/routes.py
+++ b/augur/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 augur.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 augur.application.db.models import User, Repo, ClientApplication
 from .server import LoginException
 from augur.application.util import *
 from augur.application.db.lib import get_value
+from augur.application.config import AugurConfig
 from ..server import app, db_session
 
+from augur.application.db.lib import get_session
+
 logger = logging.getLogger(__name__)
 
 
@@ -112,6 +119,10 @@ def repo_card_view():
 @app.route('/collection/status')
 def status_view():
     return render_module("status", title="Status")
+    
+@app.route('/connection_status')
+def server_ping_frontend():
+    return render_module("ping")
 
 """ ----------------------------------------------------------------
 login:
@@ -318,6 +329,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 +338,7 @@ def throw_exception():
     View the admin dashboard.
 """
 @app.route('/dashboard')
+@admin_required
 def dashboard_view():
     empty = [
         { "title": "Placeholder", "settings": [
@@ -337,6 +350,14 @@ def dashboard_view():
         ]}
     ]
 
-    backend_config = requestJson("config/get", False)
+    backend_config = AugurConfig(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/augur/static/css/dashboard.css b/augur/static/css/dashboard.css
index ef111c32a4..c898154881 100644
--- a/augur/static/css/dashboard.css
+++ b/augur/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/augur/templates/admin-dashboard.j2 b/augur/templates/admin-dashboard.j2
index a24829c99f..6f6c88a6df 100644
--- a/augur/templates/admin-dashboard.j2
+++ b/augur/templates/admin-dashboard.j2
@@ -1,5 +1,6 @@
 <!doctype html>
 <html lang="en">
+
 <head>
     <!-- Required meta tags -->
     <meta charset="utf-8">
@@ -16,163 +17,384 @@
 
     <!-- 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 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 - Augur 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="Augur logo" height="32" class="rounded-circle 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>
+    {% include 'notifications.j2' %}
+    <div class="container-fluid overflow-hidden">
+        <div class="row vh-100 overflow-none">
+            <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>
-                            <hr class="dropdown-divider">
+                            <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><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="Augur logo" height="40" class="rounded-circle 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>
-                                </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 class="col d-flex flex-column h-100 pb-5 overflow-scroll">
+                {# Start dashboard content #}
+                <div class="col mb-3 content-column">
+                    <div id="stats-div">
+                        <h1 id="stats-section">Stats</h1>
+                        {# Start content card #}
+                        <div class="card dashboard-content">
+                            <div class="card-body">
+                                <div class="row justify-content-end">
+                                    <h1>TODO</h1>
+                                    {# <div class="column">
+                                        <button type="button" name="restart" class="btn btn-primary" onclick="restart_confirm()">Restart Augur</button>
                                     </div>
+                                    <div class="column">
+                                        <button type="button" name="shutdown" class="btn btn-primary" onclick="shutdown_confirm()">Shutdown Augur</button>
+                                    </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>
-                <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>
+                                <!--
+                                <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>
+                                        </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 input-textbox" id="{{ setting.id }}" placeholder="{{ setting.value }}">
+                                                <div class="form-text mb-1">{{ setting.description or "No description available" }}</div>
+                                            </div>
+                                        </div>
+                                        {% endfor %}
                                     </div>
-                                </div>
-                                {% endfor %}
+                                    {% 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>
-                            {% 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>
+                    <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">
+                                <!-- Table header start -->
+                                <thead>
+                                    <tr>
+                                        {%- for header in tableHeaders -%}
+                                        <th scope="col">{{ header.title }}</th>
+                                        {%- endfor -%}
+                                    </tr>
+                                </thead>
+                                <!-- Table rows start -->
+                                <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 %}
+                        {# Theoretically, unreachable #}
+                        <p>What!?</p>
+                        {% endif %}
+                    </div>
+                    <div id="config-div" hidden>
+                        <h1 id="stats-section">Config</h1>
+                        <p>Listed below is the full Augur 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 Augur 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">Update Settings</button>
-                                </div>
-                            </div>
-                        </form>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
+    <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>
 </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");
+        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>
+<script type="text/javascript">
+function restart_confirm() {
+    var text = document.getElementById("modal-text");
+    text.innerHTML = "Restarting Augur can take several minutes, and will interrupt collection. Do you want to continue?";
+    var confirmModal = new bootstrap.Modal(document.getElementById('confirmation-modal'));
+    var confirmButton = document.getElementById("confirmation-button");
+    confirmButton.onclick = () => {
+        fetch({{ url_for('restart_system') | quoted }}).then(response => {
+            if(response.ok) {
+                window.location.replace("{{ url_for('server_ping_frontend') }}");
+            } else {
+                flashToast("An error occurred: HTTP " + response.status)
+            }
+        });
+    }
+    confirmModal.show();
+}
+function shutdown_confirm() {
+    var text = document.getElementById("modal-text");
+    text.innerHTML = "Once shut down, Augur can only be started again from the CLI. Do you want to continue?";
+    var confirmModal = new bootstrap.Modal(document.getElementById('confirmation-modal'));
+    var confirmButton = document.getElementById("confirmation-button");
+    confirmButton.onclick = () => {
+        fetch({{ url_for('shutdown_system') | quoted }}).then(response => {
+            if(response.ok) {
+                flashToast("Shutdown request acknowledged");
+            } else {
+                flashToast("An error occurred: HTTP " + response.status)
+            }
+        });
+    }
+    confirmModal.show();
+}
+</script>
+<script type="text/javascript">
+{# document.getElementById("settings-form").addEventListener("submit", (event) => {
+    event.preventDefault();
+
+    var data = {};
+
+    for(var value of event.target.elements) { 
+        if(value.value != "") {
+            var section = value.getAttribute("section");
+            var setting = value.getAttribute("setting");
+            
+            if(!(section in data)) {
+                data[section] = {};
+            }
+            data[section][setting] = value.value;
+        }
+    }
+
+    fetch("{{ url_for('update_config') }}", {
+        method: "POST",
+        headers: {'Content-Type': 'application/json'}, 
+        body: JSON.stringify(data)
+    })
+    .then(response => response.json())
+    .then(data => {
+        if(data.status == "success") {
+            window.location.replace("{{ url_for('dashboard_view') }}");
+        }
+    })
+    .catch(reason => {
+        alert("An error occurred: " + reason);
+    });
+}); #}
+
+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;
         }
     });
-    navLink.classList.add("active");
-    navLink.classList.remove("text-white");
+
+    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) {
+            // Empty textbox
+            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>
+<script type="text/javascript">
+    function getActive() {
+        if(window.location.toString().includes("?")) {
+            var search_url = new URL(window.location);
+            if(!search_url.searchParams.has("section")) {
+                // No parameter named "section"
+                return;
+            }
+
+            var navID = search_url.searchParams.get("section");
+            var navlink = document.getElementById(navID + "-link");
+
+            if(!navlink) {
+                // section was invalid
+                return;
+            }
+            
+            setActive(navlink);
+        }
+    }
+
+    getActive();
+</script>
 </html>
diff --git a/augur/templates/navbar.j2 b/augur/templates/navbar.j2
index 8ff4402717..42579e2411 100644
--- a/augur/templates/navbar.j2
+++ b/augur/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/augur/templates/ping.j2 b/augur/templates/ping.j2
new file mode 100644
index 0000000000..10663ac4f4
--- /dev/null
+++ b/augur/templates/ping.j2
@@ -0,0 +1,26 @@
+<h1>Connection Status</h1>
+<h2>This page will automatically update</h2>
+<p>If a restart was recently requested, it may take several minutes for Augur to finish shutting down.</p>
+<h3 id="status-text"></h3>
+
+<script type="text/javascript">
+    status_text = document.getElementById("status-text");
+
+    async function get_connection_status() {
+        while(true) {
+            fetch("{{ url_for('get_api_version') }}").then(response => {
+                if(!response.ok) {
+                    status_text.innerHTML = "Connection: " + response.statusText;
+                } else {
+                    status_text.innerHTML = "Connection: Successful";
+                }
+            }, rejected => {
+                status_text.innerHTML = "Connection: Unreachable";
+            });
+
+            await new Promise(r => setTimeout(r, 1000));
+        }
+    }
+
+    get_connection_status();
+</script>
diff --git a/augur/templates/settings.j2 b/augur/templates/settings.j2
index a294ded1a7..2405f3bb94 100644
--- a/augur/templates/settings.j2
+++ b/augur/templates/settings.j2
@@ -414,8 +414,6 @@
             </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">
@@ -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/scripts/control/restart.py b/scripts/control/restart.py
new file mode 100644
index 0000000000..4f0382c9eb
--- /dev/null
+++ b/scripts/control/restart.py
@@ -0,0 +1,29 @@
+from subprocess import run, PIPE, Popen
+import signal, time, os
+
+# Ignore SIGTERM from parent process (since we're terminating our parent)
+signal.signal(signal.SIGTERM, lambda signum, frame: None)
+
+run("augur backend stop-collection-blocking", shell=True, stderr=PIPE, stdout=PIPE, stdin=PIPE)
+Popen("augur backend stop", shell=True, stderr=PIPE, stdout=PIPE, stdin=PIPE).wait()
+
+time.sleep(5)
+
+cmd = "augur backend start"
+
+if os.environ.get("AUGUR_DEV") == "1":
+    cmd += " --development"
+
+if os.environ.get("AUGUR_DISABLE_COLLECTION") == "1":
+    cmd += " --disable-collection"
+
+if os.environ.get("AUGUR_PORT"):
+    cmd += f" --port {os.environ['AUGUR_PORT']}"
+
+if os.environ.get("AUGUR_PIDFILE"):
+    cmd += f" --pidfile {os.environ['AUGUR_PIDFILE']}"
+
+if signal.getsignal(signal.SIGHUP) != signal.SIG_DFL:
+    cmd = "nohup " + cmd
+
+Popen(cmd, shell=True)