nautobot 3.0.0a3__py3-none-any.whl → 3.0.0rc1__py3-none-any.whl

nautobot/core/settings.py

@@ -413,6 +413,7 @@ SPECTACULAR_SETTINGS = {
         #    enum naming encountered a non-optimally resolvable collision for fields named "protocol".
         "InterfaceRedundancyGroupProtocolChoices": "nautobot.dcim.choices.InterfaceRedundancyGroupProtocolChoices",
         "ServiceProtocolChoices": "nautobot.ipam.choices.ServiceProtocolChoices",
+        "VirtualServerProtocolChoices": "nautobot.load_balancers.choices.ProtocolChoices",
         # These choice enums need to be overridden because they get assigned to the `mode` field and
         # result in this error:
         #    enum naming encountered a non-optimally resolvable collision for fields named "mode".
@@ -566,8 +567,9 @@ INSTALLED_APPS = [
     "nautobot.cloud",
     "nautobot.data_validation",
     "nautobot.dcim",
-    "nautobot.ipam",
     "nautobot.extras",
+    "nautobot.ipam",
+    "nautobot.load_balancers",
     "nautobot.tenancy",
     "nautobot.users",
     "nautobot.virtualization",
@@ -836,6 +838,11 @@ CONSTANCE_CONFIG = {
         help_text="Whether to prefer IPv4 primary addresses over IPv6 primary addresses for devices.",
         field_type=bool,
     ),
+    "RACK_DEFAULT_U_HEIGHT": ConstanceConfigItem(
+        default=42,
+        help_text="Default height in rack units (U) for newly created racks. Must be between 1 and 500.",
+        field_type=int,
+    ),
     "RACK_ELEVATION_DEFAULT_UNIT_HEIGHT": ConstanceConfigItem(
         default=22, help_text="Default height (in pixels) of a rack unit in a rack elevation diagram", field_type=int
     ),
@@ -879,6 +886,7 @@ CONSTANCE_CONFIG_FIELDSETS = {
     "Pagination": ["PAGINATE_COUNT", "MAX_PAGE_SIZE", "PER_PAGE_DEFAULTS"],
     "Performance": ["JOB_CREATE_FILE_MAX_SIZE"],
     "Rack Elevation Rendering": [
+        "RACK_DEFAULT_U_HEIGHT",
         "RACK_ELEVATION_DEFAULT_UNIT_HEIGHT",
         "RACK_ELEVATION_DEFAULT_UNIT_WIDTH",
         "RACK_ELEVATION_UNIT_TWO_DIGIT_FORMAT",
@@ -1041,12 +1049,8 @@ BRANDING_FILEPATHS = {
     "icon_mask": os.getenv(
         "NAUTOBOT_BRANDING_FILEPATHS_ICON_MASK", None
     ),  # mono-chrome icon used for the mask-icon header
-    "header_bullet": os.getenv(
-        "NAUTOBOT_BRANDING_FILEPATHS_HEADER_BULLET", None
-    ),  # bullet image used for various view headers
-    "nav_bullet": os.getenv("NAUTOBOT_BRANDING_FILEPATHS_NAV_BULLET", None),  # bullet image used for nav menu headers
-    "css": os.getenv("NAUTOBOT_BRANDING_FILEPATHS_CSS", None),  # Custom global CSS
-    "javascript": os.getenv("NAUTOBOT_BRANDING_FILEPATHS_JAVASCRIPT", None),  # Custom global JavaScript
+    # "css": os.getenv("NAUTOBOT_BRANDING_FILEPATHS_CSS", None),  # Custom global CSS
+    # "javascript": os.getenv("NAUTOBOT_BRANDING_FILEPATHS_JAVASCRIPT", None),  # Custom global JavaScript
 }
 
 # Title to use in place of "Nautobot"
@@ -1153,6 +1157,12 @@ def silk_request_logging_intercept_logic(request):
 
 SILKY_INTERCEPT_FUNC = silk_request_logging_intercept_logic
 
+#
+# django-tables2
+#
+
+DJANGO_TABLES2_TEMPLATE = "utilities/obj_table.html"
+
 #
 # Kubernetes settings variables
 #

nautobot/core/settings.yaml

@@ -162,22 +162,17 @@ properties:
     type: "string"
   BRANDING_FILEPATHS:
     default:
-      css: null
       favicon: null
-      header_bullet: null
       icon_16: null
       icon_32: null
       icon_180: null
       icon_192: null
       icon_mask: null
-      javascript: null
       logo: null
-      nav_bullet: null
     description: >-
       A set of filepaths relative to the [`MEDIA_ROOT`](#media_root) which locate assets used for
       custom branding of your Nautobot instance.
-      With the exception of `css` and `javascript`, which provide the option to add an _additional_ file to Nautobot
-      page content, each of the other assets takes the place of the corresponding stock Nautobot asset.
+      Each of the assets takes the place of the corresponding stock Nautobot asset.
       This allows for, for instance, providing your own navbar logo and favicon.
       If a custom asset is not provided for any of the above options, the stock Nautobot asset is used.
     details: |-
@@ -186,22 +181,15 @@ properties:
 
       +++ 2.2.4
           The `css` and `javascript` assets were added as options.
+
+      --- 3.0.0
+          The `header_bullet`, `nav_bullet`, `javascript`, and `css` assets were removed.
     properties:
-      css:
-        "$ref": "#/definitions/relative_path"
-        default: null
-        description: "Custom global CSS file"
-        environment_variable: "NAUTOBOT_BRANDING_FILEPATHS_CSS"
       favicon:
         "$ref": "#/definitions/relative_path"
         default: null
         description: "Browser favicon"
         environment_variable: "NAUTOBOT_BRANDING_FILEPATHS_FAVICON"
-      header_bullet:
-        "$ref": "#/definitions/relative_path"
-        default: null
-        description: "Bullet image used for various view headers"
-        environment_variable: "NAUTOBOT_BRANDING_FILEPATHS_HEADER_BULLET"
       icon_16:
         "$ref": "#/definitions/relative_path"
         default: null
@@ -227,21 +215,11 @@ properties:
         default: null
         description: "Mono-chrome icon used for the mask-icon header"
         environment_variable: "NAUTOBOT_BRANDING_FILEPATHS_ICON_MASK"
-      javascript:
-        "$ref": "#/definitions/relative_path"
-        default: null
-        description: "Custom global JavaScript file"
-        environment_variable: "NAUTOBOT_BRANDING_FILEPATHS_JAVASCRIPT"
       logo:
         "$ref": "#/definitions/relative_path"
         default: null
         description: "Navbar logo"
         environment_variable: "NAUTOBOT_BRANDING_FILEPATHS_LOGO"
-      nav_bullet:
-        "$ref": "#/definitions/relative_path"
-        default: null
-        description: "Bullet image used for nav menu headers"
-        environment_variable: "NAUTOBOT_BRANDING_FILEPATHS_NAV_BULLET"
     type: "object"
     version_added: "1.2.0"
   BRANDING_PREPENDED_FILENAME:

nautobot/core/templates/admin/base.html

@@ -92,7 +92,7 @@
         </header>
 
         <main class="container-fluid wrapper{% if is_popup %} pb-0{% endif %}" id="main-content" tabindex="-1">
-            <div class="align-items-center d-flex gap-8 justify-content-end mb-16 d-print-none">
+            <div class="align-items-center d-flex gap-8 justify-content-end mb-16 d-print-none flex-wrap">
                 {% block object-tools %}{% endblock %}
             </div>
             <!-- Content -->
@@ -107,7 +107,6 @@
             {% endif %}
             {% include 'inc/footer.html' %}
         {% endif %}
-        {% include 'modals/modal_theme.html' with name='theme'%}
 
         {% block javascript %}
             {% include 'inc/javascript.html' %}

nautobot/core/templates/admin/change_list.html

@@ -1,5 +1,5 @@
 {% extends "admin/base_site.html" %}
-{% load i18n admin_urls static admin_list bootstrapped_goodies_tags %}
+{% load i18n admin_urls static admin_list bootstrapped_goodies_tags helpers %}
 
 {% block extrastyle %}
     {{ block.super }}
@@ -41,17 +41,14 @@
 
 {% block object-tools %}
     {% block search %}{% search_form cl %}{% endblock %}
-    <div id="content-navbar-collapse" class="navbar-collapse collapse">
-        {% block object-tools-items %}
-            {% if has_add_permission %}
-                {% url cl.opts|admin_urlname:'add' as add_url %}
-                <a role="button" href="{% add_preserved_filters add_url is_popup %}" class="btn btn-primary">
-                    <span class="glyphicon glyphicon-plus"></span> {% blocktrans with cl.opts.verbose_name as name %}Add{% endblocktrans %}
-                </a>
-                </li>
-            {% endif %}
-        {% endblock %}
-    </div>
+    {% block object-tools-items %}
+        {% if has_add_permission %}
+            {% url cl.opts|admin_urlname:'add' as add_url %}
+            <a role="button" href="{% add_preserved_filters add_url is_popup %}" class="btn btn-primary">
+                <span class="mdi mdi-plus-thick" aria-hidden="true"></span> {% blocktrans with cl.opts.verbose_name|bettertitle as name %}Add {{ name }}{% endblocktrans %}
+            </a>
+        {% endif %}
+    {% endblock %}
 {% endblock %}
 
 {% block content %}

nautobot/core/templates/base_django.html

@@ -26,7 +26,7 @@
             </div>
             <div class="container-fluid mb-12 mt-16">
                 <div class="row">
-                    <div class="col-4">
+                    <div id="page-title" class="col-4">
                         {% with copy_title=False %}
                             {% block page_title %}{% include "inc/page_title.html" with title=title_block_content copy_title=copy_title %}{% endblock %}
                         {% endwith %}
@@ -51,7 +51,6 @@
                 </div>
             {% endif %}
         {% endif %}
-        {% include 'modals/modal_theme.html' with name='theme'%}
         {% include 'inc/footer.html' %}
         {% include 'inc/javascript.html' %}
         {% block javascript %}{% endblock %}

nautobot/core/templates/components/panel/header_extra_content_table.html

@@ -4,7 +4,7 @@
 {% if body_content_table_list_url %}
     <a href="{{ body_content_table_list_url }}" class="badge bg-primary">{% if badge_count_override %}{{ badge_count_override }}{% else %}{{ body_content_table.rows|length }}{% endif %}</a>
 {% elif body_content_table or badge_count_override %}
-    <span class="badge bg-primary">
+    <span class="badge bg-secondary">
         {% if badge_count_override %}
             {{ badge_count_override }}
         {% else %}

nautobot/core/templates/components/tab/content_wrapper.html

@@ -6,9 +6,9 @@
 
 <div id="{{ tab_id }}" role="tabpanel" class="tab-pane fade{% if active_tab == tab_id or request.GET.tab == tab_id %} show active{% endif %}">
     {% if include_timestamps_and_buttons %}
-        <div class="align-items-center d-flex flex-wrap mb-16">
+        <div class="align-items-center d-flex flex-wrap mb-16 gap-8">
             {% include 'inc/created_updated.html' %}
-            <div class="flex-grow-0 flex-shrink-0 d-print-none">
+            <div class="d-flex align-items-center gap-8 flex-grow-0 flex-wrap d-print-none ms-auto">
                 {% custom_links object %}
                 {% job_buttons object %}
                 {% block buttons %}
@@ -20,9 +20,9 @@
             </div>
         </div>
     {% else %}
-        <div class="align-items-center d-flex flex-wrap mb-16">
+        <div class="align-items-center d-flex flex-wrap mb-16 gap-8">
             <div class="flex-grow-1 m-0"></div>
-            <div class="flex-grow-0 flex-shrink-0 d-print-none">
+            <div class="d-flex align-items-center gap-8 flex-grow-0 flex-wrap d-print-none ms-auto">
                 {% render_detail_view_extra_buttons %}
             </div>
         </div>

nautobot/core/templates/echarts/echarts.html

@@ -6,15 +6,28 @@
 
 <script type="text/javascript">
     document.addEventListener('DOMContentLoaded', () => {
-        // Initialize the echarts instance based on the prepared dom
-        var myChart = window.echarts.init(document.getElementById("{{ chart_container_id }}"), null, { renderer: "{{ chart.renderer }}" });
+        setTimeout(() => {
+            // Initialize the echarts instance based on the prepared dom
+            var myChart = window.echarts.init(document.getElementById("{{ chart_container_id }}"), null, { renderer: "{{ chart.renderer }}" });
 
-        // Get config from JSON script
-        var options = JSON.parse(
-            document.getElementById("echarts-config-{{ chart_container_id }}").textContent
-        );
+            // Get config from JSON script
+            var options = JSON.parse(
+                document.getElementById("echarts-config-{{ chart_container_id }}").textContent
+            );
 
-        // Display the chart using the configuration items and data just specified.
-        myChart.setOption(options);
+            // Get current theme
+            var currentTheme = document.documentElement.dataset.bsTheme || 'light';
+
+            // Display the chart using the configuration items and data just specified.
+            myChart.setOption({
+                ...options,
+                // Enable dark mode if the current theme is dark
+                darkMode: currentTheme === 'dark',
+                // Update colors based on theme
+                color: Array.isArray(options.color)
+                    ? options.color.map((colorObj) => colorObj?.[currentTheme] || colorObj?.light || colorObj)
+                    : options.color,
+            });
+        });
     });
 </script>

nautobot/core/templates/generic/object_bulk_create.html

@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 {% comment %}
-3.0 TODO: This file is not used in Nautobot any more as it's replaced by the 'system_jobs/import_objects.html' template.
-Leaving it here for now in case apps are making use of it.
+4.0 TODO: This file should be replaced by the 'system_jobs/import_objects.html' template eventually,
+but for now many CSV import views still exist which use this template.
 {% endcomment %}
 {% load helpers %}
 {% load form_helpers %}

nautobot/core/templates/generic/object_bulk_delete.html

@@ -1,2 +1,2 @@
 {% extends 'generic/object_bulk_destroy.html' %}
-{% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}
+{% comment %}4.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}

nautobot/core/templates/generic/object_bulk_edit.html

@@ -1,2 +1,2 @@
 {% extends 'generic/object_bulk_update.html' %}
-{% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}
+{% comment %}4.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}

nautobot/core/templates/generic/object_bulk_import.html

@@ -1,2 +1,2 @@
 {% extends 'generic/object_bulk_create.html' %}
-{% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}
+{% comment %}4.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}

nautobot/core/templates/generic/object_delete.html

@@ -1,2 +1,2 @@
 {% extends 'generic/object_destroy.html' %}
-{% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}
+{% comment %}4.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}

nautobot/core/templates/generic/object_detail.html

@@ -1,2 +1,2 @@
 {% extends 'generic/object_retrieve.html' %}
-{% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}
+{% comment %}4.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}

nautobot/core/templates/generic/object_edit.html

@@ -1,2 +1,2 @@
 {% extends 'generic/object_create.html' %}
-{% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}
+{% comment %}4.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}

nautobot/core/templates/generic/object_retrieve.html

@@ -129,9 +129,9 @@
             {% render_components object_detail_content.tabs %}
         {% else %}
             <div id="main" role="tabpanel" class="tab-pane {% if active_tab == "main" or request.GET.tab == "main" %}active{% else %}fade{% endif %}">
-                <div class="align-items-center d-flex flex-wrap mb-16">
+                <div class="align-items-center d-flex flex-wrap mb-16 gap-8">
                     {% include 'inc/created_updated.html' %}
-                    <div class="flex-grow-0 flex-shrink-0 d-print-none">
+                    <div class="d-flex align-items-center gap-8 flex-grow-0 flex-wrap d-print-none ms-auto">
                         {% custom_links object %}
                         {% job_buttons object %}
                         {% block buttons %}

nautobot/core/templates/graphene/graphiql.html

@@ -108,7 +108,6 @@ add "&raw" to the end of the URL within a browser.
             </div>
             {% block header %}{% endblock header %}
         </header>
-        {% include 'modals/modal_theme.html' with name='theme'%}
         {% include 'inc/javascript.html' %}
         <main class="container-fluid wrapper" id="main-content" tabindex="-1">
             <!-- GraphiQL page contents -->

nautobot/core/templates/inc/footer.html

@@ -9,7 +9,7 @@
                 {% if request.user.is_authenticated %}
                     {% if settings.BRANDING_FILEPATHS.logo and settings.BRANDING_POWERED_BY_URL %}
                         <a
-                            class="align-items-center d-inline-flex gap-4 my-n4 text-decoration-none"
+                            class="align-items-center d-inline-flex fs-5 gap-4 my-n4 text-decoration-none"
                             href="{{ settings.BRANDING_POWERED_BY_URL }}"
                             target="_blank"
                         >
@@ -102,3 +102,5 @@
         </div>
     </div>
 </footer>
+
+{% include 'modals/modal_theme.html' with name='theme'%}

nautobot/core/templates/inc/header.html

@@ -1,4 +1,5 @@
 {% load helpers %}
+{% load static %}
 
 {% if request.user.is_authenticated %}
     {% with is_apple_os=request.META.HTTP_USER_AGENT|split:'Mac OS X'|length|divisibleby:'2' %}
@@ -72,4 +73,13 @@
             </ul>
         </div>
     </div>
+{% else %}
+    {% url settings.LOGIN_URL as login_url %}
+    {% if request.path != login_url %}
+        <div class="col-4 offset-4 text-end">
+            <a class="btn btn-primary" href="{{ login_url }}?next={{ request.get_full_path | urlencode }}">
+                <span aria-hidden="true" class="mdi mdi-login me-4"></span>Log in
+            </a>
+        </div>
+    {% endif %}
 {% endif %}

nautobot/core/templates/inc/media.html

@@ -9,6 +9,20 @@
 <link rel="stylesheet"
       href="{% static 'dist/css/materialdesignicons.css' %}"
       onerror="window.location='{% url 'media_failure' %}?filename=dist/css/materialdesignicons.css'">
+{% with cookie_theme=request.COOKIES|get_item:'theme' %}
+    {% if not cookie_theme or cookie_theme == 'light' %}
+        <link rel="stylesheet"
+              href="{% static 'dist/css/github.min.css' %}"
+              onerror="window.location='{% url 'media_failure' %}?filename=dist/css/github.min.css'"
+              {% if not cookie_theme %}media="not (prefers-color-scheme: dark)"{% endif %}>
+    {% endif %}
+    {% if not cookie_theme or cookie_theme == 'dark' %}
+        <link rel="stylesheet"
+              href="{% static 'dist/css/github-dark.min.css' %}"
+              onerror="window.location='{% url 'media_failure' %}?filename=dist/css/github-dark.min.css'"
+              {% if not cookie_theme %}media="(prefers-color-scheme: dark)"{% endif %}>
+    {% endif %}
+{% endwith %}
 {% if settings.BRANDING_FILEPATHS.css %}
     <link rel="stylesheet" id="custom-css" href="{% custom_branding_or_static 'css' None %}">
 {% endif %}

nautobot/core/templates/inc/nav_menu.html

@@ -15,7 +15,7 @@
         ></button>
 
         <a class="nb-sidenav-brand" href="{% url 'home' %}">
-            <img src="{% custom_branding_or_static 'icon' 'img/nautobot_icon.svg' %}"/>
+            <img src="{% custom_branding_or_static 'icon_32' 'img/nautobot_icon.svg' %}"/>
         </a>
         <a class="position-absolute nb-sidenav-brand" href="{% url 'home' %}">
             <img src="{% custom_branding_or_static 'logo' 'img/nautobot_logo.svg' %}"/>
@@ -149,13 +149,6 @@
                         </li>
                     {% endfor %}
                 {% endwith %}
-            {% else %}
-                <li class="nb-sidenav-link-wrapper">
-                    <a class="nb-sidenav-link flat" href="{% url settings.LOGIN_URL %}?next={{ request.get_full_path | urlencode }}">
-                        <span class="mdi mdi-login"></span>
-                        <span class="ms-10">Log in</span>
-                    </a>
-                </li>
             {% endif %}
         </ul>
     </nav>

nautobot/core/templates/inc/object_details_advanced_panel.html

@@ -68,13 +68,13 @@
                     {% if object.created %}
                         <tr>
                             <td>Created</td>
-                            <td>{{ object.created }}</td>
+                            <td><span data-bs-toggle="tooltip" title="Created at">{{ object.created }}</span></td>
                         </tr>
                     {% endif %}
                     {% if object.last_updated %}
                         <tr>
                             <td>Updated</td>
-                            <td>{{ object.last_updated }}</td>
+                            <td><span data-bs-toggle="tooltip" title="Last updated">{{ object.last_updated }}</span></td>
                         </tr>
                     {% endif %}
                     <tr>

nautobot/core/templates/nautobot_config.py.j2

@@ -261,12 +261,6 @@ SECRET_KEY = os.getenv("NAUTOBOT_SECRET_KEY", "{{ secret_key }}")
 #     "icon_mask": os.getenv(
 #         "NAUTOBOT_BRANDING_FILEPATHS_ICON_MASK", None
 #     ),  # mono-chrome icon used for the mask-icon header
-#     "header_bullet": os.getenv(
-#         "NAUTOBOT_BRANDING_FILEPATHS_HEADER_BULLET", None
-#     ),  # bullet image used for various view headers
-#     "nav_bullet": os.getenv("NAUTOBOT_BRANDING_FILEPATHS_NAV_BULLET", None),  # bullet image used for nav menu headers
-#     "css": os.getenv("NAUTOBOT_BRANDING_FILEPATHS_CSS", None),  # Custom global CSS
-#     "javascript": os.getenv("NAUTOBOT_BRANDING_FILEPATHS_JAVASCRIPT", None),  # Custom global JavaScript
 # }
 
 # Prepended to CSV, YAML and export template filenames (i.e. `nautobot_device.yml`)

nautobot/core/templates/rest_framework/api.html

@@ -2,6 +2,8 @@
 {% load helpers %}
 {% load plugins %}
 {% load static %}
+{% load i18n %}
+{% load rest_framework %}
 {% load ui_framework %}
 
 {% block bootstrap_theme %}
@@ -37,7 +39,83 @@
     </header>
     <main class="container-fluid wrapper" id="main-content" tabindex="-1">
         {% block content %}
-            {{ block.super }}
+            <div class="region" aria-label="{% trans "request form" %}">
+                {% block request_forms %}
+
+                    {% if 'GET' in allowed_methods %}
+                        <form id="get-form" class="button-form">
+                            <fieldset>
+                                {% if api_settings.URL_FORMAT_OVERRIDE %}
+                                    <div class="btn-group format-selection">
+                                        <a class="btn btn-primary js-tooltip" href="{{ request.get_full_path }}" rel="nofollow" title="Make a GET request on the {{ name }} resource">GET</a>
+
+                                        <button class="btn btn-primary dropdown-toggle js-tooltip" data-bs-toggle="dropdown" title="Specify a format for the GET request">
+                                            <span class="mdi mdi-chevron-down"></span>
+                                        </button>
+                                        <ul class="dropdown-menu">
+                                            {% for format in available_formats %}
+                                                <li>
+                                                    <a class="js-tooltip format-option dropdown-item" href="{% add_query_param request api_settings.URL_FORMAT_OVERRIDE format %}" rel="nofollow" title="Make a GET request on the {{ name }} resource with the format set to `{{ format }}`">{{ format }}</a>
+                                                </li>
+                                            {% endfor %}
+                                        </ul>
+                                    </div>
+                                {% else %}
+                                    <a class="btn btn-primary js-tooltip" href="{{ request.get_full_path }}" rel="nofollow" title="Make a GET request on the {{ name }} resource">GET</a>
+                                {% endif %}
+                            </fieldset>
+                        </form>
+                    {% endif %}
+
+                    {% if options_form %}
+                        {# djlint:off H029 OPTIONS is an HTTP method #}
+                        <form class="button-form" action="{{ request.get_full_path }}" data-method="OPTIONS">
+                            <button class="btn btn-primary js-tooltip" title="Make an OPTIONS request on the {{ name }} resource">OPTIONS</button>
+                        </form>
+                        {# djlint:on H029 #}
+                    {% endif %}
+
+                    {% if extra_actions %}
+                        <div class="dropdown" style="float: right; margin-right: 10px">
+                            <button class="btn btn-secondary" id="extra-actions-menu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+                                {% trans "Extra Actions" %}
+                                <span class="mdi mdi-chevron-down"></span>
+                            </button>
+                            <ul class="dropdown-menu" aria-labelledby="extra-actions-menu">
+                                {% for action_name, url in extra_actions|items %}
+                                    <li><a href="{{ url }}" class="dropdown-item">{{ action_name }}</a></li>
+                                {% endfor %}
+                            </ul>
+                        </div>
+                    {% endif %}
+
+                {% endblock request_forms %}
+            </div>
+
+            <div class="content-main" role="main"  aria-label="{% trans "main content" %}">
+                <div class="float-start">
+                    {% block description %}
+                        {{ description }}
+                    {% endblock %}
+                </div>
+
+                {% if paginator %}
+                    <nav class="float-end">
+                        {% get_pagination_html paginator %}
+                    </nav>
+                {% endif %}
+
+                <div class="request-info pt-4" aria-label="{% trans "request info" %}">
+                    <pre class="language-json"><b>{{ request.method }}</b> {{ request.get_full_path }}</pre>
+                </div>
+
+                <div class="response-info" aria-label="{% trans "response info" %}">
+                    <pre class="language-json"><span class="meta nocode"><b>HTTP {{ response.status_code }} {{ response.status_text }}</b>{% for key, val in response_headers|items %}
+                        <b>{{ key }}:</b> <span class="lit">{{ val|urlize }}</span>{% endfor %}
+                        
+                    </span>{{ content|urlize }}</pre>
+                </div>
+            </div>
         {% endblock %}
     </main>
     {% include 'inc/footer.html' %}
@@ -49,12 +127,35 @@
 
     {% block script %}
         {% include 'inc/javascript.html' %}
-        <script src="{% static "rest_framework/js/prettify-min.js" %}"></script>
         <script src="{% static "rest_framework/js/ajax-form.js" %}"></script>
         <script src="{% static "rest_framework/js/default.js" %}"></script>
         <script>
+            function linkifyHighlightedUrls() {
+                // Find all hljs-string spans
+                const stringSpans = document.querySelectorAll('span.hljs-string');
+
+                stringSpans.forEach(span => {
+                    const text = span.textContent;
+
+                    // Check if the string starts with "http
+                    if (text.match(/^["']https?:\/\/.*["']$/)) {
+                        // Extract the URL (remove quotes)
+                        const url = text.slice(1, -1); // Remove opening and closing quotes
+
+                        // Create a clickable link while preserving the syntax highlighting
+                        const link = document.createElement('a');
+                        link.href = url;
+                        link.className = 'hljs-string'; // Maintain the syntax highlighting class
+                        link.textContent = text; // Keep the original text with quotes
+
+                        // Replace the span with the link
+                        span.parentNode.replaceChild(link, span);
+                    }
+                });
+            }
             $(document).ready(function() {
                 $('form').ajaxForm();
+                linkifyHighlightedUrls();
             });
         </script>
     {% endblock script %}

nautobot/core/templates/utilities/templatetags/filter_form_drawer.html

@@ -124,6 +124,31 @@
                     dynamicFilterForm: document.querySelector('#dynamic-filter-form'),
                 });
 
+                const prepopulateFilterSelectsFromURL = (() => {
+                    const { defaultFilterForm } = getFilterForms();
+                    const urlParams = new URLSearchParams(window.location.search);
+                    // Only target Select2 controls inside the default filter form.
+                    [...defaultFilterForm.querySelectorAll('select.nautobot-select2-multi-value-char')].forEach((el) => {
+                        const name = el.getAttribute('name');
+                        if (!name) { return; }
+                        const values = urlParams.getAll(name);
+                        if (!values.length) { return; }
+                        values.forEach((val) => {
+                            let found = Array.prototype.find.call(el.options, (opt) => {
+                                return String(opt.value) === String(val);
+                            });
+                            if (found) {
+                                found.selected = true;
+                            } else {
+                                el.add(new Option(val, val, true, true));
+                            }
+                        });
+                        if (window.jQuery && $(el).data('select2')) {
+                            $(el).trigger('change');
+                        }
+                    });
+                })();
+
                 /**
                  * Synchronize given `filter` value from default to dynamic filter form.
                  * @param {string} name - Filter name.
@@ -435,6 +460,14 @@
 
                         const { defaultFilterForm, dynamicFilterForm } = getFilterForms();
 
+                        /*
+                         * Just before the form submission automatically add filter selected in "Advanced" tab (if any)
+                         * which hasn't been manually applied for whatever reason (usually forgetfulness, speed, etc.).
+                         * This is a requested UX flavor.
+                         */
+                        const add = dynamicFilterForm.querySelector('button.nb-dynamic-filter-add');
+                        add.click();
+
                         // Remove all field names which are not applied filters container descendants.
                         [...dynamicFilterForm.querySelectorAll('input, select, textarea')].forEach((field) =>
                             field.closest('.nb-dynamic-filter-items') ? undefined : field.removeAttribute('name'),